Ver Mensaje Individual
  #6 (permalink)  
Antiguo 06/12/2011, 19:14
Avatar de jor_0203
jor_0203
 
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 8
Respuesta: como puedo modificar la distancia list-style-image:url('sqpurple.gif')

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 inside para l-s-postion aplique el padding (o margin) al contenido de li (a´s, div´s...)
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




Código Javascript:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9.     background-color: #0033FF;
  10. }
  11. li{
  12.     list-style-type: none;
  13.     list-style-image: url(carpeta.png);
  14.     list-style-position: inside;
  15.     margin-left: 22px;
  16. }
  17. -->
  18. </style>
  19. </head>
  20. <body>
  21. <ul  >
  22.    <li>Html</li>
  23.   <li>Html</li>
  24.   <li>Html</li>
  25.   <li >Html</li>
  26.   <li>Html</li>
  27.   <li>Html</li>
  28. </ul>
  29. </body>
  30. </html>

Última edición por jor_0203; 06/12/2011 a las 19:21