- Este debate tiene 4 respuestas, 3 mensajes y ha sido actualizado por última vez el hace 12 años, 4 meses por
.
-
Entradas
-
-
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
-
-
-
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.
-
-
- Debes estar registrado para responder a este debate.