Foros del Web » Creando para Internet » CSS »

width: 20px en linea para un link.

Estas en el tema de width: 20px en linea para un link. en el foro de CSS en Foros del Web. La pregunta es sencilla: Estoy haciendo una barra de enlaces: <div class="barra_enlace"> <a href="link1">link1</a> <a href="link2">link2</a> <a href="link3">link3</a> </div> y en la hoja de estilo: ...
  #1 (permalink)  
Antiguo 25/05/2006, 10:33
Avatar de Calisco  
Fecha de Ingreso: marzo-2004
Ubicación: Neuquen
Mensajes: 732
Antigüedad: 20 años, 1 mes
Puntos: 4
width: 20px en linea para un link.

La pregunta es sencilla:
Estoy haciendo una barra de enlaces:

<div class="barra_enlace">
<a href="link1">link1</a>
<a href="link2">link2</a>
<a href="link3">link3</a>
</div>

y en la hoja de estilo:

.barra_enlace a {width: 20px;}

De esta forma quiero que todos los enlaces tengan un ancho fijo. No funciona.
Supongo que es porque una etiqueta <a></a> no se comporta como un bloque, a lo que redefino:

.barra_enlace a { width: 20px; display: block;}

Ahora si me hace los enlaces con ancho fijo de 20px; pero no los pone uno al lado de otro, si no que los pone uno abajo del otro. Entonces redefino:

.barra_enlace a {width: 20px; display: block; float: left;}

Funciona, pero luego todo lo que esta debajo de mi <div class="barra_enlace"></div> me queda flotando.

Busco una solucion sencilla a este problema:
Cita:
Darle un ancho fijo a un enlace. Como se puede hacer ?
Gracias. Debo estudiar mas ...
__________________
| Cabeza De Raton |
  #2 (permalink)  
Antiguo 25/05/2006, 11:42
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 20 años
Puntos: 8
a la clase barra_enlace dale clear: both
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
  #3 (permalink)  
Antiguo 25/05/2006, 13:46
Avatar de Calisco  
Fecha de Ingreso: marzo-2004
Ubicación: Neuquen
Mensajes: 732
Antigüedad: 20 años, 1 mes
Puntos: 4
Ok. Veamos. Gracias.
__________________
| Cabeza De Raton |
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 00:35.