Bonjour ! (excusez ma newbitude, je découvre les feuilles de style )
J'essaye de refaire la mise en page de mon site (  http://aulin.free.fr/v2 )
Toute l'interface est contenue dans un tableau, et il faudrait que ça n'affiche que certaines bordures de certaines cases pour que ça fasse un cadre noir a l'intérieur du tableau.
 
Donc pour cela, j'ai défini les types de cases dans une feuille de style ( http://aulin.free.fr/bordures.css ).  
 
Cependant, voyez le résultat : les bordures ne se touchent pas, alors que cellspacing et cellpadding sont à 0... Comment cela se fait-il ?  
 
[edit : d'ailleurs, la grande image de gauche devrait toucher la bordure noire, en théorie... non ?]

Tu n'as pas besoin d'un tableau pour ça.
 
Definis un DIV sur lequel tu appliques :
 

et surtout, cellpadding et cellspacing ne sont pas des propriétés CSS.

 
merci, je vais regarder ça mais avec ça, je vais pouvoir mettre des images de part et d'autre du cadre en question ?

Ben tu fais un truc dans ce style :
 

 
Tu fixes la taille du premier DIV et tu le centres comme indiqué dans la FAQ.
 
L'image tu lui donnes la propriété CSS "float: left;"
 
Et le deuxième DIV, tu lui donnes une marge à gauche de la largeur de l'image et tu lui appliques la bordure que j'ai donné en haut.

ok je comprends mieux merci beaucoup

pour positionner l'image de l'email, celle qui est tout a droite, je lui ai mis "float : right" dans la feuille de style, mais elle s'obstine a rester en dessous de la div "accueil", alors que j'aimerai qu'elle se mette a coté  

Ca ne marche pas du tout avec Mozilla. Mets des unités à tes longueurs.

ok.  je met px après chaque nombre alors

Pour ton problème d'image, essaye de mettre le <a> en flottant et non pas l'image et place le dans le code avant le DIV navigation.

ça a l'air de marcher merci pour tout tes conseils.
 
Par contre, j'ai l'impression qu'il reste une légère marge entre  les images et la div navigation. Est ce qu'il y a un moyen de l'enlever complètement, ou c'est un bug dû au navigateur ?

Mmmm bizarre... Avec Mozilla il n'y a pas ce décalage.
 
Bon rajoute ceci au tout début de ton document :
 

 
(ça résoud le problème avec IE)
 
Et puis comme ça tu pourras vérifier ta page au validateur : http://validator.w3c.org/
 
 
Un dernier conseil : vire la balise <center>. C'est très moche et complètement dépassé.
 
Ajoute ceci à div.principal :
 

 
et à body :
 

voila c'est mis a jour. Pour enlever ces marges (ça ne part toujours pas, je suis sous IE6), je peux peut être essayer de les mettre en positionement absolu ?  

Bon, vire "margin-left: 123px" et ajoute "float: left;" à div.navigation. C'est un bug de IE je ne vois pas d'autre explication
 
Edit: tu peux virer le "border: none" de l'autre DIV, par défaut un DIV n'a pas de bordure

yaisse, ça marche impec    
comme il y avais toujours la marge du coté droit, j'ai mis un float:left au lien pour l'email, et dans le index.htm, je l'ai plaçé après le div "navigation". Comme ça, toutes les marges sont disparue; un grand merçi
 
J'épluche la FAQ, j'apprends tout plein de choses  

une dernière ptite question... dans la div "navigation", ce serait possible d'afficher une seconde page html, sans passer par les frames et les iframes ?   (si j'ai bien compris, les iframes ne sont pas particulièrement compatible avec les navigateurs autres qu'IE...)
[edit : d'ailleurs je viens d'essayer de mettre un frameset dans la div en question, ça n'a pas l'air de marcher   ]