- Este debate tiene 6 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 11 años, 4 meses por
.
-
Entradas
-
-
Tengo la siguiente lista en la cual, en lugar de las clásicas viñetas; deseo que se vea una imagen por línea, pero no logro que esto suceda en Joomla;la Plantilla es Ja Purity II dándo click en la frase LISTA podrán acceder a la página en cuestión. Anexo Código Html y CSS utilizado en la sección de mi interés.
[code type=html4strict]
[/code]
[code type=css]#navlistx li {background-image: url(“images/circle.gif”);list-style-type: none;}
#navlist {list-style-image: url(images/flecha.gif); }[/code]Debo señalar que las imagenes a través de su URI se ven perfectamente, funcionan perfectamente utilizando [code type=html4strict]
Opción 1[/code], pero empleando CSS en joomla no puedo hacer que funcione; si utilizo el mismo código en una página en html cualquiera, funciona sin problemas.
Agradeceré su ayuda.
-
-
-
-
Bueno, cuál seria el código correcto, debido que no veo diferencia entre lo que me pusiste y lo que puse solo “/mi-imagen.gif” tengo entendido que obtenga de donde obtenga la imagen ya sea una URI relativa u absoluta deberia verse siempre y cuando el código sea correcto…el path de las imagenes es correcto incluso si puedes checar la URI http://cmfpasodelnorte.com/index.php?option=com_content&view=article&id=47&Itemid=65 coloque al principio las imagenes “tal cual” para que no hubiera dudas en este sentido y se visualizan adecuadamente… por favor si pueden indicarme el código HTML y CSS que debería ir para que esto funcione adecuadamente seria lo más viable.
Estas son las imagenes que deseo se vean en lista en lugar de las viñetas comunes:
http://cmfpasodelnorte.com/images/flecha.gif
http://cmfpasodelnorte.com/images/circle.gif
http://cmfpasodelnorte.com/images/ok.png
http://cmfpasodelnorte.com/images/stories/ext_com.png
http://cmfpasodelnorte.com/images/stories/ext_plugin.png -
-
Bueno,por fin se resolvió la situación de las listas con imagen en css en joomla; esta fué mi solución:
En el archivo Template.css identificar el código donde se encuentre la imagen bullet.gif y tomarla como referencia, para en base a esas líneas en el archivo crear una código similar pero con una clase propia en este caso “.fixed” para que se distinga el personal del original.
Código Original: [code type=css].column ul li {background: url(../images/bullet.gif) no-repeat 20px 7px;[/code]
Código personal: [code type=css].column ul.fixed li {background: url(“http://cmfpasodelnorte.com/images/ok.png”) no-repeat;}[/code]
P.S. Debo aclarar que con la URI relativa de la imagen no funciono así que tuve que emplear la URI absoluta.
-
Opción 1
- El foro ‘Templates Joomla 1.5’ está cerrado y no se permiten nuevos debates ni respuestas.