Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/12/2011, 20:23
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
como puedo modificar el tamaño de list-style-image: url(carpeta.pn

como puedo modificar el tamaño de list-style-image: url(imagen.png);
como puedo modificar el la ubicacion de list-style-image: url(imagen.png);
desde css o html


en otra pregunta que hice me contestaron sobre como alegar el texto que tiene el li
el codigo fue
ul {
list-style-image: url('bullet_on.png');
}
ul li {
padding-left: 50px;
}
muy bueno
solo me falta como controlar el tamaño de la imagen
y
mover la imagen a donde yo quiera


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(imagen.png);
  14.     list-style-position: outside;
  15.    
  16. }
  17. span{
  18.     padding-left: 2px;
  19.     position: relative;
  20.     left: 33px;
  21. }
  22. -->
  23. </style>
  24. </head>
  25. <body>
  26. <ul>
  27.    <li><span>Html</span></li>
  28.  
  29. </ul>
  30. </body>
  31. </html>

Última edición por jor_0203; 06/12/2011 a las 23:28