voici mon code sous forme de tableau :
| CODE |
| html <body> <div class="Logo"> <img src="../Image/Log.gif" alt="Logo" border="0"/> Logo </div> <br/><br/> <table class="centreAc"> <tr> <td valign="top"> <br/><br/><br/> <div class="BoiteMenu"> <div class="Horloge"> horloge </div> <br/> <div class="Bordure"> <div class="Titre" title="Retour page d'acceuil">Accueil</div> <div class="MenuBoite" onclick="MM_goToURL('parent','thmK700.htm');return document.MM_returnValue"> <a href="thm1.htm" class="menu">menu1</a> </div> <div class="MenuBoite" title="Retour page d'accueil" onclick="MM_goToURL('parent','thmK500.htm');return document.MM_returnValue"> <a href="thm2.htm" class="menu">menu2</a> </div> <div class="MenuBoite" title="Laisser un commentaire" onclick="MM_goToURL('parent','Contact.htm');return document.MM_returnValue"> <a href="Contact.htm" class="menu" >menu3</a> </div> </div> </div> </td> <td valign="top" nowrap width="100%"> <div class="BoiteAc"> <br/> texte 1 <br/> texte 2 <br/><br/><br/><br /> <table align="center"> <tr> <td class="Img1" width="250" height="250" nowrap> </td> <td width="50"> </td> <td class="Img1" width="250" height="250" nowrap> </td> </tr> </table> </div> <br/><br/> </td> </tr> </table> </body> |
et le css:
| CODE |
body { font-family: "Book Antiqua", fantasy, sans-serif; font-size: 16px; font-style: normal; line-height: normal; color: #FFFFFF; background-color: #01A6E8; white-space: nowrap; margin-top: 5px; margin-right: 1px; margin-bottom: auto; margin-left: 1px; height: 100%; width: 100%; } .Logo { font-family: "Book Antiqua", fantasy, sans-serif; font-size: 36px; font-style: italic; font-weight: bold; font-variant: normal; white-space: nowrap; text-align: center; position: static; } .centreAc { white-space: nowrap; height: auto; width: auto; } .Horloge { overflow: hidden; position: static; visibility: visible; right: auto; bottom: auto; text-align: center; font-size: 10px; height: auto; width: auto; } .MenuBoite { position: static; font-family: "Book Antiqua", fantasy, sans-serif; text-align: justify; border: 1px solid #000033; text-indent: 4px; height: auto; } .menu { font-family: "Book Antiqua", fantasy, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; text-transform: none; color: #FFFFFF; text-decoration: none; white-space: nowrap; cursor:pointer; width:158px; } .MenuOver { text-align: justify; position: static; background-color: Navy; height:auto; border: 1px solid Navy; text-indent: 4px; cursor:pointer; width:158px; } .Bordure { border: thin solid Navy; width:160px; } .Titre { font-family: "Book Antiqua", fantasy, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-color: #000033; text-align: center; cursor:default; width:160px; } .TitreOver { font-family: "Book Antiqua", fantasy, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-color: #000033; text-align: center; cursor:pointer; text-decoration: none; width:160px; } .Img1 { background-image:url(../Image/1.jpg); } .Img2 { background-image:url(../Image/2.jpg); } a.contact:link{ color : white; text-decoration: none; } a.contact:visited { color : White; text-decoration : none; } a.contact:hover { color : #000033; text-decoration : none; } .BoiteMenu { text-align: justify; white-space: nowrap; display: block; height: 100%; width: 163px; font-family: "Book Antiqua", fantasy, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #FFFFFF; left: auto; top: 2%; right: auto; bottom: auto; } .BoiteAc { font-family: "Book Antiqua", fantasy, sans-serif; font-size: 17px; white-space: nowrap; position: static; text-align: center; height: auto; width: 100%; } |
alors pouvez vous me donner un point de départ svp :roll: