Foros del Web » Creando para Internet » CSS »

Ayuda con redimensionar texto al redimensionar ventana

Estas en el tema de Ayuda con redimensionar texto al redimensionar ventana en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/03/2011, 19:08
 
Fecha de Ingreso: febrero-2009
Mensajes: 580
Antigüedad: 8 años, 10 meses
Puntos: 13
Ayuda con redimensionar texto al redimensionar ventana

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!!
__________________
¿ya conoces la red social de cocina? descubre y comparte recetas de cocina
TONIWEB, un programador web freelance
  #2 (permalink)  
Antiguo 17/03/2011, 11:01
 
Fecha de Ingreso: febrero-2009
Mensajes: 7
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Ayuda con redimensionar texto al redimensionar ventana

ponele un min-width al sitio, para que tenga un ancho minimo y no se desmaquete
  #3 (permalink)  
Antiguo 17/03/2011, 14:30
 
Fecha de Ingreso: febrero-2009
Mensajes: 580
Antigüedad: 8 años, 10 meses
Puntos: 13
Respuesta: Ayuda con redimensionar texto al redimensionar ventana

Bien, probaré con eso; pero qué pasaría si tienen la pantalla más peq que el with? scroll?
__________________
¿ya conoces la red social de cocina? descubre y comparte recetas de cocina
TONIWEB, un programador web freelance

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:24.