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

.clases y div en joomla!

Estas en el tema de .clases y div en joomla! en el foro de Joomla en Foros del Web. Hola comunidad! Expongo este problema en la creación de un template para joomla!. Template que comencé desde cero y al que pienso convertir en mi ...
  #1 (permalink)  
Antiguo 28/07/2009, 12:48
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 10 años, 5 meses
Puntos: 269
.clases y div en joomla!

Hola comunidad!
Expongo este problema en la creación de un template para joomla!. Template que comencé desde cero y al que pienso convertir en mi primer pagina dinámica.

Tengo un div contenedor padre de #header #izquierda y #contenido:

#principal {
Margin-top:0;
Margin-left:auto;
Margin-right:auto;
width: 1024px;
_text-align:center;
_text-align:left;
}


... un encabezado:

#principal #header {
padding-bottom:0px;
margin-bottom:0px;
padding: 10px;
padding-bottom:0px;
background-image: url(../extras/cabecera.jpg);
background-repeat:no-repeat;
width: 1024px;
height:345px;
}


... un div izquierdo:

#principal #izquierda {
padding-top:10px;
margin-top:0px;
background-color:#FFFFFF;
float: left;
width: 339px;
margin-left:112px;
}


.. y un div que contiene los articulos

#principal #contenido {
background-image:url(../extras/fondoderecha.jpg);
padding-top:10px;
padding-left:49px;
padding-right:55px;
margin-top:0px;
background-color:#FFFFFF;
float: left;
width: 357px;
}


Hasta aquí todo funciona perfecto.


ahora en el div #contenido tengo las siguientes clases:

.componentheading
.blog
.contentpaneopen
.contentheading
.small
.createdate
.modifydate
.article_separator
.article_column
.readon

Lo que necesito es que el articulo numero 2 se posicione debajo del articulo numero 1. Que el articulo numero 3 se posicione debajo del articulo numero 2. Y así sucesivamente.
Y para ello hago lo siguiente:
.contentpaneopen {float:left; clear:both;}
.article_separator {float:left; clear:both;}


Pero el articulo numero 3 se sigue flotando a la derecha del articulo numero 2 y si siguiera publicando artículos estos seguirían apareciendo de a dos por vez, en vez de uno debajo del otro.

¿Cual es el problema se preguntarán?
Que necesito que la columna #contenido no cambie el ancho (width) y si aparecen dos artículos por vez se modifica el ancho.

Lo que obtengo por resultado es una columna del doble de ancho, una barra de desplazamiento horizontal y un diseño que habla de lo inexperto que soy en el manejo de las propiedades float y clear.
  #2 (permalink)  
Antiguo 28/07/2009, 13:48
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 10 años, 5 meses
Puntos: 269
Respuesta: .clases y div en joomla!

Encontré la solución! desde ya perdón y gracias.

.article_separator {float:left; clear:both;}
.article_column {float:left; clear:both;}


Mando un saludo especial a Larenz que de no haber resuelto este problema por mi cuenta seguramente nos hubiera dado la solución de forma clara y sencilla como siempre lo hace.
  #3 (permalink)  
Antiguo 28/07/2009, 14:08
Avatar de redlo41  
Fecha de Ingreso: agosto-2008
Ubicación: Santomera - Murcia
Mensajes: 241
Antigüedad: 11 años, 3 meses
Puntos: 4
Respuesta: .clases y div en joomla!

No hay porque pedir perdon si a caso gracias a ti por compartir la solucion. Mira aqui --> http://www.solojoomla.com/realizar-p...ra-joomla.html Este es un tutorial completo para realizar tu plantilla desde cero. El ultimo capitulo trata sobre tamaños variables de una plantilla con una conparacion entre codigos para plantillas de ancho fijo y variable. Un saludo.
__________________
www.SolojooMLa.com
La vida es demasiado corta, como para tomarsela en serio
  #4 (permalink)  
Antiguo 28/07/2009, 19:30
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 10 años, 5 meses
Puntos: 269
Respuesta: .clases y div en joomla!

Cita:
Iniciado por redlo41 Ver Mensaje
Mira aqui
Gran aporte Redlo!. Será leido con gusto. Muy amable de su parte
  #5 (permalink)  
Antiguo 22/03/2010, 15:30
Avatar de Toffman  
Fecha de Ingreso: diciembre-2007
Mensajes: 16
Antigüedad: 11 años, 11 meses
Puntos: 2
De acuerdo Respuesta: .clases y div en joomla!

NOOOO!! jajja

Bueno se que es de hace Mucho

PERO EN EL ADMIN DE JOOMLA ESTA LA SOLUCION:::

EN EL APARTADO DE MANUS

Ejemplo::

Si tenes en el menuPrincipal

Inicio, joomla, news, etc etc..

Andate al link de ese menu que diga INICIO.. osea el que te lleve al index o al home
A la derecha hay una opcion que dice Parámetros - Avanzados
la opcion Ordenar multi columna lo tildas ABAJO

Y LISTO!!!! lo probe con Joomla 1.5.x
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 15:17.