Problema con Imágen como viñetas

Foros Templates Joomla Templates Joomla 1.5 Problema con Imágen como viñetas

  • Post
    Edgar Santos
    Participante

    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.

Si te ha servido... ¡ Compartelo en tus Redes Sociales !
Mostrando 5 respuestas a los debates
  • Respuestas
      Federico Piccoli
      Participante

      Posicionar mi web en Google

      Ciao

      Cambia las imagenes que hay por las que a ti te gusten

      #navlistx li {background-image: url(«images/circle.gif»);list-style-type: none;}

      por

      #navlistx li {background-image: url(«images/mi-imagen.gif»);list-style-type: none;}

      Edgar Santos
      Participante

      Ese es el punto que el código esta bien, esas son las imagenes que quiero; debería verse adecuadamente y en Joomla no se ve. Gracias, espero alguien pueda ayudarme.

      Federico Piccoli
      Participante

      Ciao

      [quote=»beyld» post=31378]Ese es el punto que el código esta bien….[/quote]

      Que va a estar bien, te has equivocado de clase

      Edgar Santos
      Participante

      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

      Federico Piccoli
      Participante

      Ciao

      Para poner en el css prueba con:

      background: url(/images/circle.gif) repeat;

      Edgar Santos
      Participante

      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.

Mostrando 5 respuestas a los debates
  • El foro ‘Templates Joomla 1.5’ está cerrado y no se permiten nuevos debates ni respuestas.
Si te ha servido... ¡ Compartelo en tus Redes Sociales !