jajajaj sisi es algo raro... pero original al fin no?
Estuve navegando un poco y encontre la posibilidad de armar estas cajas como un menu de lista... que opinas? este es el codigo:
Código:
<style>
#menu ul { margin:0; padding:0; }
#menu {
border: 2 #FFFFFF;
list-style-type: none;
display:inline;
padding: 0;
margin:0;
}
#menu a {
text-decoration: none;
display: block;
width: 270px;
color: #000;
}
#menu li:hover {
text-decoration: none;
display: block;
width: 250px;
border:2px #138CA6 solid;
background-color:#EEFCFD;
}
#menu li {
display:inline;
float:left;
width:250px;
background-color: none;
padding:2px;
margin:3px;
text-align: left;
padding-left: 47px;
border:2px #FFFFFF solid;
}
.seccion1 {
background-image: url(http://www.hepatitisc2000.com.ar/img/queeshcv.gif);
background-position: 1% 40%;
background-repeat:no-repeat;
}
.Estilo1 {
font-size: 24px;
font-weight: bold;
font-family: Arial, Tahoma, sans-serif;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li class="seccion1"><a href="#"><span class="Estilo1">Que es el HCV?</span><br />
<span>Descripción de la imagen</span></a></li>
<li class="seccion1"><a href="#"><span class="Estilo1">Blog de HC 2000</span><br />
<span>Descripción de la imagen</span></a></li>
<li class="seccion1"><a href="#"><span class="Estilo1">Que es el HCV?</span><br />
<span>Descripción de la imagen</span></a></li>
</ul>
<ul>
<li class="seccion1"><a href="#"><span class="Estilo1">Que es el HCV?</span><br />
<span>Descripción de la imagen</span></a></li>
</ul>
<ul>
<li class="seccion1"><a href="#"><span class="Estilo1">Que es el HCV?</span><br />
<span>Descripción de la imagen</span></a></li>
</ul>
<ul>
<li class="seccion1"><a href="#"><span class="Estilo1">Que es el HCV?</span><br />
<span>Descripción de la imagen</span></a></li>
</ul>
<ul>
<li class="seccion1"><a href="#"><span class="Estilo1">Que es el HCV?</span><br />
<span>Descripción de la imagen</span></a></li>
</ul>
<ul>
<li class="seccion1"><a href="#"><span class="Estilo1">Que es el HCV?</span><br />
<span>Descripción de la imagen</span></a></li>
</ul>
</div>
</body>
No se que método compatibiliza mejor con los navegadores, este de listas o el que me recomiendas, con "clear"....
Me recomendaron el DOM hace un tiempol, voy a probarlo....
Gracias !