Foros del Web » Creando para Internet » CSS »

controlar sangría en <ul>

Estas en el tema de controlar sangría en <ul> en el foro de CSS en Foros del Web. Hola a todos: Estoy intentando controlar la sangría en <ul> mediante padding, en firefox no hay problema, pero el explorer no lo coge. He probado ...
  #1 (permalink)  
Antiguo 14/11/2008, 03:28
 
Fecha de Ingreso: septiembre-2005
Mensajes: 65
Antigüedad: 18 años, 7 meses
Puntos: 0
controlar sangría en <ul>

Hola a todos:

Estoy intentando controlar la sangría en <ul> mediante padding, en firefox no hay problema, pero el explorer no lo coge. He probado también con line-height pero tampoco me funciona. El resto de estilos sí que los toma en los dos.

Alguien sabe si hay alguna forma de controlar esto en explorer??

Gracias.
  #2 (permalink)  
Antiguo 14/11/2008, 03:33
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: controlar sangría en <ul>

Creo recordar que en IE, o bien el padding o el margin tiene por defecto algo más. Prueba a poner margin:0 si estás usando padding.
  #3 (permalink)  
Antiguo 14/11/2008, 04:37
 
Fecha de Ingreso: septiembre-2005
Mensajes: 65
Antigüedad: 18 años, 7 meses
Puntos: 0
Respuesta: controlar sangría en <ul>

no ha habido suerte. Con margin no me va. Gracias de todas formas
  #4 (permalink)  
Antiguo 14/11/2008, 04:43
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: controlar sangría en <ul>

Aquí la tienes...
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>lista indentada</title>
<style>
* {margin: 0; padding: 0;}
ul {
list-style:none;
margin-left:15px;
}
</style>
</head>
<body>
	<ul>
		<li>Portada</li>
		<li>Invierno</li>
		<li>Diciembre a marzo</li>
		<li>La chimenea</li>
		<li>Deportes de invierno</li>
		<li>Contacto</li>
	</ul>
</body>
</html>
Aresillo!!
  #5 (permalink)  
Antiguo 14/11/2008, 04:45
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: controlar sangría en <ul>

En el anterior código está establecido el margin para todas las listas...
Si lo quieres sólo para esa, hay que ponerla una clase:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>lista indentada</title>
<style>
* {margin: 0; padding: 0;}
.lista {
list-style:none;
margin-left:15px;
}
</style>
</head>
<body>
	<ul class="lista">
		<li>Portada</li>
		<li>Invierno</li>
		<li>Diciembre a marzo</li>
		<li>La chimenea</li>
		<li>Deportes de invierno</li>
		<li>Contacto</li>
	</ul>
</body>
</html>
Aresillo!!
  #6 (permalink)  
Antiguo 14/11/2008, 05:19
 
Fecha de Ingreso: septiembre-2005
Mensajes: 65
Antigüedad: 18 años, 7 meses
Puntos: 0
Respuesta: controlar sangría en <ul>

Muchísimas gracias, ahora queda justo como quería!!! Lo tengo como etiqueta, que me viene mejor.
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 15:11.