18073 sujets

Questions générales et questions de débutants

[RESOLU] Css 4 carrés dans un carré de 250px de coté

Bonjour,
je cherche a faire un caré de 250 x 250 avec 4 bloc a l'interieur. Donc un carré avec 4 carrés dedans.
je me suis servit des tuto du site bien que n'en soit pas a ma premiere réalisation en div, la ca ne va plus.
voila comment ca se présente :

<div id="pub_250x250">
<ul>
<div class="boite">
  <h6>> titre</h6>
  <h5><nobr>texte</nobr></h5>
  <p><img src="xxx" border="1" style="border-style:solid #999; padding-bottom:2px;" height="30"></p>
</div>
</ul>

<ul>
<div class="boite">
  <h6>> titre</h6>
  <h5><nobr>texte</nobr></h5>
  <p><img src="xxx" border="1" style="border-style:solid #999; padding-bottom:2px;" height="30"></p>
</div>
</ul>

<ul>
<div class="boite">
  <h6>> titre</h6>
  <h5><nobr>texte</nobr></h5>
  <p><img src="xxx" border="1" style="border-style:solid #999; padding-bottom:2px;" height="30"></p>
</div>
</ul>

<ul>
<div class="boite">
  <h6>> titre</h6>
  <h5><nobr>texte</nobr></h5>
  <p><img src="xxx" border="1" style="border-style:solid #999; padding-bottom:2px;" height="30"></p>
</div>
</ul>
</div>



le css




#pub_250x250
{
	width:250px;
	height:250px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	background-repeat:no-repeat;
	background-image: url(imgban/fond9_250x250.jpg);
	border-bottom:1px solid #000000;
	
}

#pub_250x250 .boite{
height: 120px;
width: 120px;
left:-30px;
/*margin-left:2px;*/


}

#pub_250x250 div
{
	height:120px;
	padding:0px;
	margin-bottom:1%;	
	cursor: hand;
	cursor: hand;
}

#pub_250x250 h6
{
	margin:0px;
	padding:0px 0px 0px 0px;
	/*border-bottom:1px solid #000000;*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#333333;
	
}

#pub_250x250 h5
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-weight: normal;
	color:#333333;
	text-align: center;
}

#pub_250x250 p
{
	text-align:center;
	margin:0px 0px 0px 0px;
}

#pub_250x250 .lien{
	margin-top:0px;
	padding-top:0px;
	color:#0099FF;
	text-decoration:underline;
}


si vous comprenez pourquoi j'ai un espace de 40px a gauche j'aimerai de l'aide...
mes boites sont en dessous les unes des autres... je ne comprends vraiment pas pourquoi... Smiley fache
Modifié par sobbat (17 Jan 2006 - 18:36)
Sujet clos
Aller à