28221 sujets

CSS et mise en forme, CSS3

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:

<div class="rhcol"> 
        <div class="rhcont"> 
          <div class="rnav-hdr">Nouveaut&eacute;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
Personne ne peut m'aider sur ce probléme de positionner mes 4 boites au centre de mon div ? pour le lien voir mon site internet c'est la premiere page
Bon, je vois que personne n'a de solution a mon probleme. Donc je vais poser une seconde question, je souhaiterias positionner mon div du centre colé au menu horizonatl du haut.

Comment faire car j'ai teste en mettant pas de marge et de padding mais probleme !!!