Buenas:
He tratado de poner el menu del siguiente tutorial en mi web:
http://buildinternet.com/2009/09/spr...humbnail-menu/.
Os dejo el codigo css original;
Código CSS:
Ver original*{ padding:0px; margin:0px; }
img{ border: none; -ms-interpolation-mode: bicubic; }
body{ padding:10px; text-align:center; background:#fafafa; }
#wrapper{ position:absolute; left:20%; padding-top:100px; width:650px;}
#menuwrapper{ position:relative; height:210px;}
#menu{position:absolute; bottom:0; left:0;}
.menuitem{ position:fixed relative; bottom:0px; display:inline-block; }
Esta muy bien y me gusto.
Pero cuando he tratado de ponerlo en mi web no he sido capaz de que se ajuste:
- primero queria pasarlo de una sola linea a un cuadro ( Esto mas o menos lo he conseguigo.
- pero luego no consigo posicionarlo, no se ajusta, "invade" otro div, ...
Os dejo un enlace a mi web, esta llena de colorines tratando de averiguar por que no respeta los espacios (tendria que estirar el div rojo y no meterse en el azul):
http://www.aprendiendomates.com/nuevo.php
yo he ido modificando el css hasta llegar a esto:
Código CSS:
Ver original#wrapper img{ border: none; -ms-interpolation-mode: bicubic; }
#wrapper{ position:absolute; width:350px; background-color:#CF0}
#menuwrapper{ position:relative; height:410px;}
#menu{position:absolute; bottom:0; left:0;}
.menuitem{ position:fixed relative; bottom:0px; display:inline-block; }
GRACIAS DE ANTEMANO