Bonsoir,
J'essaye de mettre en place le design que j'ai réalisé mais voilà j'ai un petit soucis, je n'arrive pas à répéter verticalement deux images en fonction de la longueur de mes articles qui se trouvent entre ces deux images.
Code XHTML :
Code :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
- <!--
- Copyright La Montagne du Destin
- Webmaster : Droopy
- -->
- <head>
- <link rel="stylesheet" media="screen" type="text/css" href="lien.css" />
- <link rel="stylesheet" media="screen" type="text/css" href="design.css" />
- <link rel="stylesheet" media="screen" type="text/css" href="menu.css" />
- <script type="text/javascript" src="menu.js"></script>
- </head>
- <body onload="setHover()">
- <!--Bannière--!>
- <div id="banniere"></div>
- <!--Colonne de gauche--!>
- <div id="colonneg"></div>
- <!--Colonne de droite--!>
- <div id="colonned"></div>
- <!--Corps du site--!>
- <div id="corps">
- <!--menu--!>
- <?php
- include('Menu/menu.php');
- ?>
- <br /><br />
- <!--articles, informations ...--!>
- <?php
- include('article.php');
- ?>
- </div>
- <!--Pied du site--!>
- <div id="pied_de_page"></div>
- </body>
- </html>
|
Code CSS :
Code :
- body
- {
- width:980px;
- color:#FFFFFF;
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-size:11px;
- margin:auto;
- margin-top:20px;
- margin-bottom:20px;
- background-image:url("Graph/fond.jpg" );
- }
- #banniere
- {
- width:980px;
- height:516px;
- background-image:url("Graph/haut.jpg" );
- }
- #colonneg
- {
- float:left;
- background-repeat:repeat-y;
- background-image:url("Graph/gauche.jpg" );
- }
- #corps
- {
- margin-left:110px;
- width:760px;
- background-color:#000000;
- }
- #colonned
- {
- float:right;
- width:110px;
- height:225px;
- background-repeat:repeat-y;
- background-image:url("Graph/droite.jpg" );
- }
- #pied_de_page
- {
- float:bottom;
- width:980px;
- height:126px;
- background-image:url("Graph/bas.jpg" );
- }
|
Au début je pensais que c'était dû aux valeurs des mes images de gauche et droite donc j'ai enlever height mais voilà cela n'affiche plus l'image!! je ne comprend pas comme faire pour que mes images se répète en fonction de la longeur "du corps".
Je remercie tout le monde qui me proposeront leur aide.
Droopy!
PS: voilà comment est mon graphisme mais codé avec des tableaux donc pas beau comme code !! wink http://montagnedudestin.free.fr
Message édité par Droopy4ever le 04-11-2005 à 19:42:01