Hola!
tengo un problema y es que cuando la pantalla es más pequeña; las cosas se me desmontan, por favor ver
http://bit.ly/92ChCU y fijarse en las pestañas, donde pone: "recientes", "más votados", ...
bien, si tienes un monitor pequeño ya sabrás de qué hablo, pero sinó; por favor, redimensiona la ventana hasta que veas cómo las pestañas se 'caen',
Éste es el CSS correspondiente a las pestañas,
Código:
.tabs{
width: 97%; ;
padding-left: 3%;
margin-bottom:0px;
}
.tabs a{
position:relative;bottom:6px;
padding:5px;
padding-left:1%;
padding-right:1%;
min-width: 60px;
border: 1px solid transparent;
border-bottom:1px solid transparent;
background-image: url('../images/nav_blue.png'); background-repeat: repeat;
color:#FFF;
margin-right:1%;
-moz-border-radius-topright: 0.2em;
-webkit-border-top-right-radius: 0.2em;
-moz-border-radius-topleft: 0.2em;
-webkit-border-top-left-radius: 0.2em;
-moz-box-shadow: -1px -1px 1px rgba(0,0,0,.1),1px -2px 1px rgba(0,0,0,.2);
-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, .1),1px -2px 1px rgba(0,0,0,.2);
font-size:85%;
}
.tabs .actual, .tabs a:hover{
/*background-color:#FFF;*/
color: #444;
background-color:#f9f9f9;background-image:none;
padding-top: 10px;
}
Cómo puedo hacer para que no se me desmonte?
... :(
Un saludo y gracias!!