¿Cómo dividir el blogroll en dos columnas en mi página?

Cristhian · 25 Oct 2009

Hola amigos, he intentado muchisimo dividir en dos partes mi blogroll, el de Enlace eliminado (El widget que dice "Recomiendo") probé como está aqui Como ordenar las categorias/blogroll en dos columnas Pero no me ha salido. ¿Me podrían ayudar?

Mi CSS es

Gracias!

Esteban · 25 Oct 2009

Que onda Cristhian, prueba con esto:

Insertar CODE, HTML o PHP:

div.textwidget ul { overflow: hidden; }

div.textwidget ul li { float: left; width: 45%; margin-right: 10px; padding: 10px 0; text-align: left; }

Aunque el CSS también afectará a la sección que se llama Equipo por lo que te recomiendo le cambies la clase a esa parte a: <div class="friends"> por ejemplo, con lo que te gusta la frase friend 😛

Saludos a ver si aplica para Internetizado.

KnxDT · 25 Oct 2009

Mejor crea un bloque div separado. Claro que no va a pasar a tomar el blogroll inmediatamente pero si tienes no muchos enlaces y o los cambias pocos puedes usar éste:

<div style="float:left; width: 120px;">
<ul>
<li>Enlace 1</li>
<li>Enlace 2</li>
<li>Enlace 3</li>
</ul>
</div>

<div style="float:right; width: 120px;">
<ul>
<li>Enlace 4</li>
<li>Enlace 5</li>
<li>Enlace 6</li>
</ul>
</div>

vicarlone · 25 Oct 2009

Yo quiero hacer lo mismo pero con las categorias.... alguna idea de como hacerlo?

pd: perdon le offtopic

alex · 25 Oct 2009

vicarlone usa el primer ejemplo que se muestra aqui: Crear listas en múltiples columnas con CSS

Cristhian · 25 Oct 2009

Esteban dijo:
Que onda Cristhian, prueba con esto:

Insertar CODE, HTML o PHP:

div.textwidget ul { overflow: hidden; } div.textwidget ul li { float: left; width: 45%; margin-right: 10px; padding: 10px 0; text-align: left; }

Aunque el CSS también afectará a la sección que se llama Equipo por lo que te recomiendo le cambies la clase a esa parte a: <div class="friends"> por ejemplo, con lo que te gusta la frase friend 😛

Saludos a ver si aplica para Internetizado.

KnxDT dijo:
Mejor crea un bloque div separado. Claro que no va a pasar a tomar el blogroll inmediatamente pero si tienes no muchos enlaces y o los cambias pocos puedes usar éste:

alex dijo:
vicarlone usa el primer ejemplo que se muestra aqui: Crear listas en múltiples columnas con CSS

Gracias a todos! Ya lo pude hacer 🙂 Saludos!

KnxDT · 25 Oct 2009

Cristhian dijo:
Gracias a todos! Ya lo pude hacer 🙂 Saludos!

¿Y qué fue lo que usaste al final?

Cristhian · 25 Oct 2009

Usé lo tuyo, pero los 3 me sirvieron para aprender 😀

¿Cómo dividir el blogroll en dos columnas en mi página?

Cristhian

Esteban

KnxDT

vicarlone

alex

Cristhian

KnxDT

Cristhian

Temas similares