Foros del Web » Creando para Internet » CSS »

Bullet se reniega a aceptar margin

Estas en el tema de Bullet se reniega a aceptar margin en el foro de CSS en Foros del Web. Amigos: quiero agregar un margen a la viñeta (o bullet) para que no se pegue al texto pero no lo consigo (hace meses vengo luchando) ...
  #1 (permalink)  
Antiguo 14/11/2007, 15:21
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 10 años, 8 meses
Puntos: 290
Pregunta Bullet se reniega a aceptar margin

Amigos: quiero agregar un margen a la viñeta (o bullet) para que no se pegue al texto pero no lo consigo (hace meses vengo luchando)

En un archivo .css tengo esto:

#bullet {
margin-left: 10px;
padding-left: 12px;
margin-bottom: 1em;
list-style-image: url(http://i201.photobucket.com/albums/a...o/******.png);
}

Y lo utilizo de la siguiente manera:

<ul id='bullet'>
<li> Uno </li>
<li> Dos </li>
</uk>

ideas ? /// gracias desde ya!!!
__________________
Salu2!
  #2 (permalink)  
Antiguo 14/11/2007, 15:35
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 10 años, 8 meses
Puntos: 290
Re: Bullet se reniega a aceptar margin

He probado tambien agregar delante algo de codigo tal y como sugieren en este sitio.

ul{
padding-left: 10px;
margin-left: 10px;
list-style-type: none;
}


#bullet {
margin-left: 10px;
padding-left: 12px;
list-style-image: url(http://i201.photobucket.com/albums/a...reenplus.png);
}

He incluso probado poner la imagen como Background con no-repeat ... pero se hace un desastre
__________________
Salu2!
  #3 (permalink)  
Antiguo 14/11/2007, 20:21
Avatar de ghosthead-nebula  
Fecha de Ingreso: marzo-2007
Mensajes: 273
Antigüedad: 10 años, 9 meses
Puntos: 3
Re: Bullet se reniega a aceptar margin

Umm.... si el ul es para el contenedor #bullte, deberías declararlo así:

Código HTML:
#bullet {
margin-left: 10px;
padding-left: 12px;
list-style-image: url(http://i201.photobucket.com/albums/a...reenplus.png);
}

#bullet ul{
padding-left: 10px;
margin-left: 10px;
list-style-type: none;
}
Así especificas que el UL pertenece a #bullet. Si no lo haces se sobreentiende que pertenece al body completo y ´quizás toma otro tipo de medida.

Espero que te sirva.
__________________
Mis dibujos: Click Aquí
  #4 (permalink)  
Antiguo 14/11/2007, 20:34
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 10 años, 8 meses
Puntos: 290
De acuerdo Re: Bullet se reniega a aceptar margin

Nebula: sos una genia! si pude cambiar las propieades ahora

Gracias!!

PD: para diseño de menus con CSS recomiendo esta web: http://cssmenumaker.com/
__________________
Salu2!
  #5 (permalink)  
Antiguo 14/11/2007, 20:42
Avatar de ghosthead-nebula  
Fecha de Ingreso: marzo-2007
Mensajes: 273
Antigüedad: 10 años, 9 meses
Puntos: 3
Re: Bullet se reniega a aceptar margin

Me alegra haberte ayudado n_n
__________________
Mis dibujos: Click Aquí
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:55.