salut,

Suite aux conseils avisés d'un lapin psychotique, je tente de refaire la mise en page de mon site en CSS. Me voila confronté à mon premier probleme.

Tel que je l'avais codée initialement, la partie bannière faisait apparaitre une ligne noire entre les différents éléments qui la compose. Ceci grace à bgcolor="black" et cellspacing=1.

je n'arrive pas à reproduire ceci avec les CSS. Il doit y avoir une commande mais je ne la connais pas. Voici mon code CSS. Il ne couvre que la banière (quatre images) et j'ai enfin réussi à le faire s'adapter à toutes les largeurs sur IE (il m'a fallu des heures ).

body
   {
   background-color: white;
   margin: 0;
   font-size: 8pt;
   font-style;
   width:750px;
   }

.head1
   {
   border: 10px black;
   width:100%;
   height:38px;
   background-color:#006600;
   background-image: url(photos/vdnbaner.gif);
   background-repeat: no-repeat;
   }

.head2
   {
   margin:0;
   width:100%;
   height:30px;
   background-color:#CC9966;
   background-image: url(photos/vdnbaner2.gif);
   background-repeat: no-repeat;
   }

.head3
   {
   position:absolute;
   right:0px;
   top:0px;
   margin:0;
   width:272px;
   height:68px;
   background-color:black;   
   }

Voila voila, une idée?

Merci d'avance
et bonne reprise au forum

Salut,

merci de ta réponse,
Voici le code de la page actuelle (mis en page avec des tableaux).

<!-- BANIERE + NAV BAR -->
<tr>
   <TD><TABLE border="0" cellspacing="1" cellpadding="0" bgcolor="black" width="100%">
      <tr>
         <td height="38" bgcolor="#006600"><img src="photos/vdnbaner.gif" alt="baner" width=400 height=37></td>
         <td rowspan="3" width="136" height="85"><a href="photos/automne.jpg"><img src="photos/automne85.gif"  title="Randonnée à l'Etang du Waldeck, couleur et nature d'automne" alt="Randonnée à l'Etang du Waldeck, couleur et nature d'automne" border="0" hspace="0"></a></td>
         <td rowspan="3" width="136" height="85"><a href="photos/hiver.jpg"><img src="photos/hiver85.gif" title="Randonnées hivernales, Etang gelé de Hanau, hiver" alt="Randonnées hivernales, Etang gelé de Hanau, hiver" border="0" hspace="0"></a></td>
      </tr>
      <tr>
         <td height="30" bgcolor="#CC9966"><img src="photos/vdnbaner2.gif" alt="baner" width=400 height=30></td>
      </tr>
      <tr>
         <td height="15" bgcolor="#FFFFCC" class="standard">&nbsp;<span class="bord"><b>»</span>&nbsp;<a href="index.html">Accueil</a> »</b> <span class="bord1">Alsace et Vosges du Nord en randonnées: nature, terroir...</span></td>
      </tr>
   </table></td>
</tr>

voila le code de la bannière tel qu'il est actuellement.

Et voici la façon dont je l'ai codé (tentative ...) en css.

<div class="head1"></div>
<div class="head2"></div>

<div class="head3">
<img src="photos/automne85.gif" border="0" hspace="0" width="136" height="85" align="left">
<img src="photos/hiver85.gif" border="0" hspace="0" width="136" height="85" align="left">

</div>
&nbsp;<b>&raquo;</span>&nbsp;<a href="index.html">Accueil</a> &raquo;</b> <span class="bord1">Les accompagnateurs montagne: randonnées, nature, terroir...

tu trouvera les informations Css dans mon post précédent.

merci pour le coup de main

Au fait, vu le nombre de page que tu as il faudrait peut etre que tu passe en php avec des includes parce que ca doit te donner de boulot non ?!

Y a pas de quoi ! Par contre je sais pas si c'est la meilleure methode !!! Mais bon...
Si tu as commence y a trois mois c'est carrement bien ce que tu as fait.  En tout cas tant qu'a mettre ton site avec des css et tout tu peux passer en php mais je suis pas sur que ton herbergeur l'accepte il faut que tu vois.

Pour les includes en php il faut que:
- Tu installes easyphp sur ta becane pour tester tes pages
- que tu vois si ton hebergeur accepte. Vu ton site tu peux limite prendre un herbergeur payant parce que ca peux valoir le coup il est bien ton site. En plus tu es deja bien place dans google il faut que tu arrives a gagne encore des places ! (http://www.google.fr/search?q=randonnee+vosges&sourceid=mozilla-search&start=0&start=0)
- va jeter un coup d'oeil sur http://www.alsacreations.com/articles/include/ pour savoir a quoi servent et comment on se sert des CSS et PHP

Enfin pour lea rendo pas de pb ! Quand je repasses en France et si j'ai l'occas de passer dans les vosges de jeterai un coup d'oeil sur ton site et je t'enverai un mail

Clair t pas mal place. Pour le tchat je surs rarement connecte et en plus avec le decalage c'est pas facile je suis en chine ! Sinon de tout  facon si tu as des merdes envoi moi un mail.
Pour easyphp tu vas sur:
http://www.easyphp.org/
Pour le php c'est vraiment pas complique: On appelle ca des pseudo frame. Tu peux aller voir un peu sur internet et aussi sur les precedents messages du forum. Moi j'ai change mon site et je suis passe avec cette methode et ca fait gagner un temps fou. En gros tu mets ton menu ton bas de page dans un fichier que tu appel grace a une fonction PHP, la fonction incude. Tu peux aller voir aussi:
http://www.alsacreations.com/articles/frames/suite.php

Pour ce qui est du css c'est en faisant des tests que tu y arrives avec mozilla et IE en meme temps pour voir les differences d'affichage.
Pour la marge entre les deux images si tu ne passes pas a la ligne dans ton code apparement ca marche (en tout vas avec le code que je t'ai mis plus haut ca marche je crois)

bonne continuation.
Martin