Jaja... Ok
Bueno, aquí dejo imágenes desde FF y desde IE
FF
IE 8
El css: (hoja de estilo externa)
/*Imágenes de la p principal donde aparecen diferenctes servicios */
div.menulin ul {
width: 100%;
display: block;
height: 150px;
}
div.menulin li {
display: block;
float: left;
margin: 5px;
width: 70px;
height: 70px;
}
.menutexto{
margin-top:40px;
text-align:center;
}
.menutexto a:hover{
color:#FF9933;
}
Por cierto: No funciona el hover... cuando se pone encima el ratón (en cualquier navegador), no hace nada
Bueno, el código en la web de prueba es este:
Código HTML:
<div class="menulin">
<ul>
<li><img title="Enlazar" height="70" width="70" src="/imagenes/servicios/enlazar.jpg" /><a href="/enlazar.php" class="menutexto">Enlazar</a></li>
<li><img title="Test" height="70" width="70" src="/imagenes/servicios/test.jpg" /><a href="/otros/test.php" class="menutexto">Test</a></li>
<li><img title="Noticias" height="70" width="70" src="/imagenes/servicios/noticia.jpg" /><a href="/servicios/noticias/allnoticias.php" class="menutexto">Noticias</a></li>
<li><img title="SMS" height="70" width="70" src="/imagenes/servicios/sms.jpg" /><a href="/servicios/sms/smsgratis.php" class="menutexto">SMS</a></li>
<li><img title="Chistes" height="70" width="70" src="/imagenes/servicios/chtexto.jpg" /><a href="/chistes/texto/chistestexto.php" class="menutexto">Chistes</a></li>
<li><img title="Chistes" height="70" width="70" src="/imagenes/servicios/chgraficos.jpg" /><a href="/chistes/graficos/humorgrafico.php" class="menutexto">Test</a></li>
<li><img title="Más" height="70" width="70" src="/imagenes/servicios/mas.gif" /><a href="/menu.php" class="menutexto">Más</a></li>
</ul>
</div>
Saludos