COMO COLACAR LA IMAGEN DE K2 AL LADO, NO EN EL CENTRO DEL ARTICULO

Diseño y Posicionamiento Web con Joomla Foros General Joomla en General COMO COLACAR LA IMAGEN DE K2 AL LADO, NO EN EL CENTRO DEL ARTICULO

Mostrando 4 respuestas a los debates
  • Autor
    Entradas
    • #106305
      PatGuillermo
      Participante

      Hola

      Soy nvo (estoy en pañales) en esto de Joomla. He tenido problemas para colocar la imagen de K2 a la izquierda con el texto bordeándola. Hice todo lo que planteó “Paranco” hace un año, lo cito:

      “La imagen de artículo en el módulo K2, se encuentra en un div llamado “div.itemImageBlock” para que el texto lo rodee, basta agregarle como atributo de estilo: “float: left;” en la hoja de estilos k2.css.”

      “Y para que la imagen no quede centrada, se le cambia el atributo “text-align” de center a “left” en “spam.itemImage” del archivo k2.css.”

      Esto hice:
      span.itemImage {
      display: block;
      float: left;(MODIDIFADO)
      margin-bottom: 8px;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      text-align: left;(MODIDIFADO)
      }
      k2.css (línea 189)

      Pero nada, todo sigue igual. X favor podeís decirme que he hecho mal?

      Saludos

      Pat

    • #106309
      lobogrisLobo
      Participante

      Prueba pulsar las teclas CTRL + F5 refrescara la cache de tu navegador. Dime si te funciono.

    • #106332
      PatGuillermo
      Participante

      Hola Lobogris

      Gracias, lo he hecho y nada. Lo último que intenté fue insertarla a traves de “Imagen”, a ver si de esa manera sin pegarla en el Contenido del editor lograba colocarla, pero también se ve arriba la imagen y el texto debajo.

      Tienes alguna otra idea?

      Gracias nva-te

      Pat

    • #106366
      chicachica
      Participante

      Hola, la imagen debes ingresarla de la forma comun (pestaña superior del editor)

      Nose donde queres ubicar “al lado”, si en el listado de articulos en categorias o bien en el articulo abierto.
      Debes darle espacio para que quepan ambos de acuerdo al ancho, a la imagen y posicionando tambien el texto.

      Por ejemplo en el listado de categorias, ubicar el texto asi:

      /components/com_k2/css/k2.css

      div.catItemIntroText {
      float: right;
      font-size: inherit;
      font-weight: normal;
      line-height: inherit;
      margin-left: 295px !important;
      margin-top: -200px;
      max-width: 300px;
      padding-bottom: 0;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 0;
      text-align: justify;
      word-wrap: break-word;
      }
      la imagen
      components/com_k2/css/k2.css
      span.catItemImage img {
      -moz-border-bottom-colors: none;
      -moz-border-image: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-bottom-color: #CCCCCC;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-left-color-value: #CCCCCC;
      border-left-width-value: 1px;
      border-right-color-value: #CCCCCC;
      border-right-style-value: solid;
      border-right-width-value: 1px;
      border-top-color: #CCCCCC;
      border-top-style: solid;
      border-top-width: 1px;
      height: 180px;
      padding-bottom: 8px;
      padding-left: 8px;
      padding-right: 8px;
      padding-top: 8px;
      }

      Luego ajustar la posicion del leer mas, img y demas detalles hasta que quede.

      Si es el articulo abierto, deberia ser atributos similares, aumentando el tamaño de la imagen y texto en el id css correspondiente. Por ejemplo: que la imagen flote hacia la izquierda y el texto a la derecha. Luego le pones padding o margen segun vayas viendo.

    • #106372
      PatGuillermo
      Participante

      Hola

      Muchas gracias por tu sugerencia. Mañana seguiré tus instrucciones y te cuento, xq hoy no he tenido tiempo de sentarme.

      Gracias nva-te

      Pat

Mostrando 4 respuestas a los debates
  • Debes estar registrado para responder a este debate.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad