como puedo modificar el tamaño de list-style-image: url(carpeta.pn

jor_0203 · #1 (**permalink**) 06/12/2011, 20:23

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<!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(imagen.png);
    list-style-position: outside;
    
}
span{
    padding-left: 2px;
    position: relative;
    left: 33px;
}
-->
</style>
</head>
<body>
<ul>
   <li><span>Html</span></li>
  
</ul>
</body>
</html>

kseso? · #2 (**permalink**) 07/12/2011, 07:34

¿No le sirve cualquier programa de edición de imágenes? Sería lo más apropiado. Creo.
Pero si es imprescindible que le demos una respuesta vía css (usted sabrá el porqué) ahí están las transform.

Sugerencia --> google --> transform css

jor_0203 · #3 (**permalink**) 07/12/2011, 21:07

Cita:

Iniciado por kseso?

¿No le sirve cualquier programa de edición de imágenes? Sería lo más apropiado. Creo.
Pero si es imprescindible que le demos una respuesta vía css (usted sabrá el porqué) ahí están las transform.

Sugerencia --> google --> transform css

fíjate que es la única opción que he encontrado
mil gracias por tu aporte