Imagen de viñeta

[buscador18]

Hola a todos: Alguien me puede ayudar, quiero ponerle una pequeña imagen que me sirva como viñeta a una lista en dreamweaver. Otro problema que me tiene cabezon es que en la lista al presionar enter para el siguiente texto el espacio entre texto y texto es demasiado grande, como puedo disminuir ese espacio.

[juaniquillo]

puedes usar el panel de CSS para eso. Digamos que tienes una lista no-ordenada:



Puedes controlar los "bullets" de la lista por los que proporciona el HTML o por una imagen que quieras. Abre el panel de CSS y crea una nueva regla:



En la próxima ventana escoges 'Advanced' en el selector type, escribes el nombre de la clase que le darás a la lista, un espacio y después escribes 'li' (sin comillas), de esta forma escogerás los elementos <li> de la lista. También escoges si quieres la regla en el mismo documento o lo quieres en una pagina css externa.




En la ventana de "CSS Rule Definition" das click a 'List' en el menú izquierdo y en 'Type' escoges ''none' y en 'Bullet Image' busca la imagen que quieras usar.



Luego solo te falta aplicar la regla a la lista. Escoges la lista (ul o ol, dependiendo de el tipo de lista que usas) usando el 'Tag Inspector' y le aplicas la clase:





Y listo. Yo usualmente uso imágenes de fondo para los bullets ya que son mas flexibles, pero eso debe funcionar bien para listas simpres