Página 1 de 1

¿Cómo Duplicar "bloque de info" en Página Personalizada?

Publicado: 19 Ago 2016, 15:50
por uruguayito
Mi página personalizada la hice con la ayuda que me dio Raúl acá: http://www.phpbb-es.com/foro/viewtopic. ... 31#p233931

Eso me muestra parcialmente esto:
1.jpg
Me gustaría poner otro "bloque" del mismo tamaño, sobre la derecha con temas extraídos de otros foros .
Que quedara algo así:
1.jpg
¿Cómo hago eso :oops: ?

Re: ¿Cómo Duplicar "bloque de info" en Página Personalizada?

Publicado: 01 Sep 2016, 18:00
por uruguayito
Para cuando alguien tenga un ratito libre ;)

Re: ¿Cómo Duplicar "bloque de info" en Página Personalizada?

Publicado: 02 Sep 2016, 19:33
por canidev
No he hecho pruebas pero, por lo que veo en el código que te puso The Kuka en su dia tienes este div <div id="main">.
Lo que puedes hacer es duplicar ese div entero y después tienes tres opciones, usar bloques flotantes, usar tablas o usar bloques "en linea".

(en los ejemplos no pongo el id="main" porque no "debe" ponerse el mismo id en dos elementos distintos.

1. Flotantes. Usando float left y float right:
El primer div quedaría así:

Código: Seleccionar todo

<div style="float:left; width:49%;">
y el segundo asi:

Código: Seleccionar todo

<div style="float:right; width:49%;">
2. Usando tablas:
los divs quedarían asi:

Código: Seleccionar todo

<div style="display:table-cell; width: 50%;">
Este método no funciona en todos los navegadores.

3. Usando bloques "en linea"
Es parecido al de las tablas, pero en lugar de "table-cell" se usa "inline-block".

Código: Seleccionar todo

<div style="display:inline-block; width: 49%; vertical-align: top;">
En todos los ejemplos pongo el width "ancho" igual para los dos bloques, pero es un valor que puedes modificar si quieres que uno sea más grande que el otro.