Foros del Web » Creando para Internet » CSS »

Texto en listas justificado a la izquierda

Estas en el tema de Texto en listas justificado a la izquierda en el foro de CSS en Foros del Web. Hola familia: Tengo el siguiente código Código: .breves { background: #D2D3D5 url(images/bottom_r.gif) no-repeat right bottom; margin-top: 33px; float: left; text-align: left; width: 200px; } .b_right ...
  #1 (permalink)  
Antiguo 23/03/2007, 06:36
Avatar de floren  
Fecha de Ingreso: febrero-2005
Ubicación: Málaga
Mensajes: 134
Antigüedad: 12 años, 10 meses
Puntos: 0
Texto en listas justificado a la izquierda

Hola familia:

Tengo el siguiente código

Código:
.breves { 
	background: #D2D3D5 url(images/bottom_r.gif) no-repeat right bottom;
	margin-top: 33px;
	float: left;
	text-align: left;
	width: 200px;
}

.b_right { 
	background: url(images/top_r.gif) no-repeat right top;
	width: 20px;
	float: right;
	height: 20px;
}

.breves ul{
	list-style-type: none;
	text-align: left;
	margin-top: 25px;
	margin-left: 0;
} 

.breves li{
	display: block;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 10px;
}
Y lo implemento de la siguiente manera:

Código HTML:
<div class="breves">
<div class="b_right"></div>	
<ul>
	<li>Prueba 1Prueba 1 Prueba 1Prueba 1</li>
	<li>Prueba 1Prueba 1</li>
	<li>Prueba 1Prueba 1</li>
	<li>Prueba 1Prueba 1</li>
	<li>Prueba 1Prueba 1</li>
	<li>Prueba 1Prueba 1</li>
	<li>Prueba 1Prueba 1</li>
	<li>Prueba 1Prueba 1</li>
</ul>
</div> 
Podéis verlo aquí.

El tema es que en IE me justifica el texto a la izquierda, pegado al borde de la caja, que es lo que quiero; sin embargo en Firefox me deja un espacio entre el borde y el texto de unos 20-25 px, ¿sabéis a qué se debe?

Gracias y saludos,

Floren
  #2 (permalink)  
Antiguo 23/03/2007, 06:39
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Texto en listas justificado a la izquierda

hola floren

Prueba así:

Código:
.breves ul{
	list-style-type: none;
	text-align: left;
	margin-top: 25px;
        padding-left:0;
	margin-left: 0;
}
Saludos,
  #3 (permalink)  
Antiguo 23/03/2007, 07:00
Avatar de floren  
Fecha de Ingreso: febrero-2005
Ubicación: Málaga
Mensajes: 134
Antigüedad: 12 años, 10 meses
Puntos: 0
Re: Texto en listas justificado a la izquierda

Perfecto!

Uno piensa que si no define un valor en una propiedad, entonces el navegador le va a dar 0, pero se ve que no.

Gracias!
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 07:18.