Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » Joomla »

Problema con diseño de los artículos.

Estas en el tema de Problema con diseño de los artículos. en el foro de Joomla en Foros del Web. Normalmente, cuando se escribe un artículo, y se coloca una imagen, el texto queda arriba y abajo de dicha imagen, lo que hace que quede ...
  #1 (permalink)  
Antiguo 05/11/2009, 02:39
 
Fecha de Ingreso: julio-2006
Mensajes: 226
Antigüedad: 14 años, 3 meses
Puntos: 0
Problema con diseño de los artículos.

Normalmente, cuando se escribe un artículo, y se coloca una imagen, el texto queda arriba y abajo de dicha imagen, lo que hace que quede deuna manera un tanto "rara" y distante. Es cierto que en algunos artículos es lo ideal, pero en otros, como por ejemplo las cabeceras, lo ideal sería colocar una pequeña imagen, y que el texto se colocara alrededor de la misma, como por ejemplo ocurre en los periódicos, lo que le daría un aspecto algo más profesional.

Hay alguna forma, código u otra manera de hacer que las imágenes, cuando sea necesario, tengan alrededor de si mismas el texto del artículo??
  #2 (permalink)  
Antiguo 09/11/2009, 11:06
Avatar de victorhugoa  
Fecha de Ingreso: diciembre-2004
Mensajes: 61
Antigüedad: 15 años, 10 meses
Puntos: 4
Respuesta: Problema con diseño de los artículos.

Te coloco el codigo que permite insertar imagenes flotantes. Solo tienes que remplazar con tu información.
---------------
<p><img style="margin-top: 0px; margin-left: 4px" alt="" title="Titulo de mi foto" src="http://farm4.static.flickr.com/3425/3203564706_6daa6398e4_t.jpg" align="right" width="100" height="97" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
  #3 (permalink)  
Antiguo 09/11/2009, 11:35
Avatar de Larenz
Colaborador
 
Fecha de Ingreso: enero-2007
Ubicación: Nicaragua
Mensajes: 1.398
Antigüedad: 13 años, 9 meses
Puntos: 55
Respuesta: Problema con diseño de los artículos.

Es exactamente como dice victorhugoa, pero una forma más sencilla de hacerlo sin tanto código y que debería de funcionarte es lográndolo mediante los css. Yo creo dos estilos (normalmente no uso las imágenes abajo de los texto sino a ambos lados) y los agrego al archivo template.css o al que quieras:

Código:
img.left {
    float: left;
    margin-right: 10px;
    border: 1px solid #CCC;
    padding: 2px;
}

img.right {
    float: right;
    margin-left: 10px;
    border: 1px solid #CCC;
    padding: 2px;
}
Con ese código simplemente en donde inserté la imagen le agrego la clase left ó right, dependiendo del caso y quedaría algo así:

Código HTML:
<p><img src="images/stories/imagen1.jpg" title="titulo imagen" alt="titulo imagen" class="left" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</p> 
Cabe señalar que ciertos editores no atribuyen automáticamente las dimensiones de las imágenes y si trabajas con formatos .jpg, .gif no habrá problemas, pero si usas .png entonces el IE6 no las redimensionará dejándolas defectuosas y en este caso sí podrías usar las etiquetas width y height en tus artículos.

Código HTML:
<p><img src="images/stories/imagen1.jpg" title="titulo imagen" alt="titulo imagen" class="left" width="250px" height="100px" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</p> 
  #4 (permalink)  
Antiguo 26/11/2009, 09:13
 
Fecha de Ingreso: noviembre-2009
Mensajes: 2
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: Problema con diseño de los artículos.

Hola comunidad.
He comenzado en este camino de construir un pagina web, bueno, mi duda y espero que me ayuden.
El problema que tengo es al crear articulos y colocar la imagen al lado izquierdo, bueno especificamente es:

¿Como colocar el codigo html AdSense (que trae imagenes) flotando al lado izquierdo del texto de mi articulo que redacto?
Asi lograr que la imagen de los anuncios este al lado izquierdo cuando los usuarios entren a leer el articulo en mi pagina web.
Gracias por responder y la ayuda que me puedan dar.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:37.