Bon, j'ai remodelé encore un peu en retirant les cadres arrondis pour des divs rectangulaires.
Je voudrais que mes cadres cadres du bas de pages soit centrés et lorsque on redimensionne la page, le tout vient se coller sur la gauche.
J'aimerais un peu d'aide, j'ai cherché en utilsant les margin:auto et witdh mais en vain.
Le source HTML:
Le source CSS :
Modifié le 14 Nov 2004 - 16:22
Je voudrais que mes cadres cadres du bas de pages soit centrés et lorsque on redimensionne la page, le tout vient se coller sur la gauche.
J'aimerais un peu d'aide, j'ai cherché en utilsant les margin:auto et witdh mais en vain.
Le source HTML:
<div class="rhcol">
<div class="rhcont">
<div class="rnav-hdr">Nouveautés</div>
<a href="#"><img class="imagegauche" src="images/nouveautes.jpg" alt="[Contactez-Nous]" title="Nouveautes du site Internet" width="44" height="46" /></a>
<p>Voir les nouveautes <a href="http://dubcl.free.fr" title="Mon 1er site CSS.">du site</a></p>
<br />
<p>Essai </p>
<p>Essai </p>
</div>
</div>
<div class="rhcol">
<div class="rhcont">
<div class="rnav-hdrr">Notre fil RSS</div>
<a href="http://www.feedvalidator.org/check.cgi?url=http://dubcl.free.fr/actu.xml"><img class="imagegauche" src="images/rssicon.jpg" alt="[Valid RSS]" title="Validation du RSS" width="44" height="46" /></a>
<p>Le fil RSS est enfin disponible. <a href="http://dubcl.free.fr" title="Mon 1er site CSS.">Testez sa validité</a></p>
<br />
<p>Qu'est ce que c'est qu'un fil RSS ?</p>
<p>Comment visualisez l'information ? </p>
<p>Comment mettre ces informations sur mon site ? </p>
</div>
</div>
Le source CSS :
.rhcol {
width: 280px;
margin:0 10px 15px;
background: #fcfefc;
color: #000000;
float:left;
}
.rhcont {
border-left: 1px solid #000000;
border-bottom:3px solid #000000;
}
.rhcol p{font-size:0.7em;text-align:center;padding:2px;}
.rnav-hdr {
background: url(images/fondboitebleu.gif) no-repeat;
color: #ffffff;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 12px;
font-weight:bold;
border-bottom: 1px solid #000;
border-left: 2px solid #000000;
margin: 3px 0;
padding: 2px;
}
.rnav-hdrr {
background: url(images/fondboiterouge.gif) no-repeat;
color: #ffffff;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 12px;
font-weight:bold;
border-bottom: 1px solid #000;
border-left: 2px solid #000000;
margin: 3px 0;
padding: 2px;
}
Le lien du site
http://dubcl.free.fr/index.php Modifié le 14 Nov 2004 - 16:22