Bonsoir, j´ai commencé le html il y a environ une semaine, et j´ai réalisé mon premier site cette après midi.
J´ai fais un site "test", histoire de m´entrainer à coder et à placer des liens, des images etc...
La grance majorité de mon site est fait avec des tableaux, est ce une bonne technique?

Pour ce qu´y on mozilla firefox et qui peuvent donc regarder mon code source (et je vous met aussi mon code css dans mon prochain lien), ai-je bien respecté la sémantique ?
Que me proposez-vous pour m´améliorer?

Je sais que j´en demande beaucoup ,mais je suis vraiment un novice lol, donc merci à ce que pourront m´aider

Ciao

Un lien serait déjà une belle avancé

oups j´ai oublié le lien:
http://killinguin.free.fr/ultragame/site.html

le site bug a mort si c´est pas du 1280*1024 et avec firefox, mais bon je pense sur ce forum personne n´a IE.

mon code CSS:

.banniere
{
width:760px;
height:129px;
background-image:url("banniere.png");
}

.menu
{
width:760px;
height:27px;
background-image:url("barre_menu.png");
margin-top:5px;
}

.naviguation
{
width:95px;
height:14px;
}

.mesmenus
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
margin:5px;
padding:5px;
background-color:#054671;

}

a
{
text-decoration:none;
color:#FF3300;
font-weight:bold;

}

a:hover
{
text-decoration:underline;
color:#0066FF;
}

.contenu_gauche
{
padding-left:5px;
margin-top:3px;
margin-right:3px;
margin-left:165px;
width:424px;
height:352px;
background-image:url("contenu_gauche.png");
text-align:justify;
overflow:auto;
}

.contenu_droit
{
padding-left:5px;
margin-top:3px;
margin-right:168px;
width:315px;
height:352px;
background-image:url("contenu_droit.png");
border: 1px solid silver;
text-align:justify;
overflow:auto;
}

.texte_gauche
{
padding:2px;
padding-right: 8px;
}

.texte_droit
{
padding:5px;
padding-right: 8px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

.pied
{
width: 752px;
border: 2px solid silver;
background-color:#054671;
}

h3
{
text-align:center;
font-size:22px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid silver;
text-decoration:underline;
color:#FF6600;
padding-top:8px;
}

.ps3
{
float:left;
}

.lien
{
color:#FF9900;
font-weight:bold;
}

.image
{
margin:5px;
}

.police
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
margin:5px;
}

.aa
{
text-decoration:none;
color:#FF3300;
font-weight:bold;
border-left: 1px solid;
border-right: 1px solid;
margin-right: 6px;
margin-left:6px;
padding-left:3px;
padding-right:3px;
}

.copyright
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left
}

.mail
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;

}

.intro
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: white;
text-align:center

}

Quelques petites remarques sans voir le lien :

- Faire un site avec des tableaux c´est très bof (enfin moi j´aime pas...)
- On peut voir le code source avec internet explorer aussi et tous les autres navigateurs je crois...

Et aussi, après avoir lu ton message : même si on n´utilise pas internet explorer, il faut faire un site pour TOUS

Sinon pas mal pour un débutant ;)

voici a quoi sa doit ressembler si sa bug chez vous :
http://img153.imageshack.ack.us/img153/7479/sitefy0.jpg

hélas je sais, il faudra que j´arrive a faire quelque chose pour IE, mais pour l´instant je m´entraine avec firefox.

et à ton avis pour coder le site il vaut mieux utiliser les tableaux (je trouve que c´est vraiment simple de placer des cadres pour diviser le site, plutot que l´autre technique s´il y en a une lol)

Les tableaux ca fait "je suis débutant et je veux pas me casser la tête" alors qu´avec des blocks (<div> et autres) ca fait plus "pro" mais un peu plus difficile

Ce que tu es en train de me dire c´est que ça revient au meme sauf que c´est plus facile avec des tableaux et plus compliqué sans?, mais j´utilise aussi des <div>,<p>,<br/> etc...

Je n´avais pas regardé ton code source.
Ce que tu as fait est bon, je pensais que tu n´avais utilisé QUE des tableaux (et ca c´est pas bien XD)

C´est tout aussi facile de faire un design avec des tableaux que des div.

Gros avantages de div : tu les ou tu veux, la taille que tu veux ... alrs que les tableux....tu est limité aux cellules.

De plus, une page avec des tableaux sera plus lourde que page avec des div

deepblue, je vais essayer ta méthode.
en gros j´ouvre <di> et avant de la fermer je met par exemple la banniere ?

Ben tu mets des id, des calss...a test div est tu les style, positionne...avec le css

ok merci

un petit dernier truc

j´ai ce code :

<body>

<div id="banniere">
<img src="banniere.png" >
</div>

</body>
</html>

et en css:
/* CSS Document */

1. banniere

{
width:760px;
height:120px;

}

comment dois-je faire pour aligner ma banniere sans faire de tableau ?

la je bloque.

je vous dire centrer et non aligner

margin:auto; dans #banniere{ }

et la derniere maintenant
et après je retourne a mon site.
En fait une fois que j´ai centré ma banniere (qui fait 760px de large), je fais une liste a puce pour le menu et j´aimerais que celle-ci soit aligner a gauche dans le prolongement de la banniere.
Encore une fois comment je pourrais faire sa sans tableau ?
q

un shéma:
http://img64.imageshack.uck.us/img64/6422/alignesd1.jpg

en gros une fois le menu centré, quand je veux qu´il s´aligne gauche je veux qu´il sarrete à la ligne verte et non la rouge qui est l´xtrémité de l´écran