Ver Mensaje Individual
  #16 (permalink)  
Antiguo 07/12/2011, 07:27
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: como puedo modificar la distancia list-style-image:url('sqpurple.gif')

¿Sería usted tan amable de hacerme un favor? Gracias
Relea atentamente mi respuesta y compare lo sugerido y lo que usted ha hecho. Especialmente lo resaltado (ahora en negritas).

Cita:
Iniciado por kseso? Ver Mensaje
Al ser outside el valor por defecto para list-style-position sólo necesita declarar un padding izquierdo a sus elementos de la lista .
Y en el caso de que por alguna razón tuviese declarado el valor insidepara l-s-postion aplique el padding (o margin) al contenido de li (a´s, div´s...)
Cita:
Iniciado por jor_0203 Ver Mensaje
le puse esto y no logro separar la imagen de la letra

list-style-position: inside;
margin-left: 22px;
padding-left: 33px;

que puedo hacer




Cita:
<!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=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
background-color: #0033FF;
}
li{
list-style-type: none;
list-style-image: url(carpeta.png);
list-style-position: inside;
margin-left: 22px;
}
-->
</style>
</head>
<body>
<ul >
<li>Html</li>
<li>Html</li>
<li>Html</li>
<li >Html</li>
<li>Html</li>
<li>Html</li>
</ul>
</body>
</html>