Hola nuevamente.
Con respecto a ese problema ya tendrías que configurar un poco de
CSS partiendo de los estilos predefinidos para tu plantilla. Muchas plantillas ahora traen estilos predefinidos dentro de la carpeta
html/com_content/
Pero dándote una idea rápida será que entres a la página del artículo y examines el nombre que encierra a la clase
div que en este caso sería el contenedor del texto del artículo. Por ejemplo normalmente en las plantillas de
JoomlArt la clase contenedora del texto es esta:
Código HTML:
<div class="article-content>
<p>texto</p>
</div>
Guiándonos con este ejemplo entonces tendrías que abrir el archivo
template.css de tu plantilla y agregar un poco de código
CSS:
Código:
div.article-content p img {
float: left;
margin: 10px; /* acá puedes configurar el margin para los 4 lados: arriba, derecha, abajo, izquierda */
}
Este código lo que hace es decirle al navegador que toda imagen que se encuentre en la clase
article-content, y que se encuentre dentro de un párrafo [
<p>] de la
clase article-content, sea mostrada a la izquierda del texto y con un margen de
10 pixeles.
De igual forma puedes excluir la sentencia del párrafo y dejarlo así:
Código:
div.article-content img {
float: left;
margin: 10px; /* acá puedes configurar el margin para los 4 lados: arriba, derecha, abajo, izquierda */
}
Recuerda que la clase
article-content variaría de acuerdo a la plantilla que estés usando. Puedes auxiliarte usando el
Firebug que es una herramienta muy útil en estos casos y es un plugin para el
Firefox.
Nota: Puede que necesites
css adicionales para arreglar cualquier orden que no tome la imagen si publicas los archivos en el
frontpage.