¿Cómo organizar etiquetas en 2 columnas de forma efectiva?

yohanz200 · 18 Oct 2013

el titulo lo dice todo, necesito poner las etiquetas en 2 columnas ya que tengo muchas he intentados con varios tutoriales pero no me funciona, ayudenmee :sorrow:

BlogNivel · 19 Oct 2013

yohanz200 dijo:
el titulo lo dice todo, necesito poner las etiquetas en 2 columnas ya que tengo muchas he intentados con varios tutoriales pero no me funciona, ayudenmee :sorrow:

debes de pegar antes de ]]></b:skin>:

.list-label-widget-content ul {
width:100%;
margin:0;
padding:0;
font-size: 14px;
line-height:14px;}
.list-label-widget-content li {
width: 48%;
height:22px;
overflow:hidden;
line-height: 22px;
display: inline-block;
zoom: 1;
*display: inline;
margin: 0;
padding: 0;
text-align: right;
}
.list-label-widget-content li a {
display: block;
overflow: hidden;
margin: 0;
padding: 2px;
color: black;
}
.list-label-widget-content li a:hover {
background-color: grey;
color: white;
text-decoration: none;
}
.list-label-widget-content li:nth-of-type(2n) {
border-left: 1px dotted #666;
padding-left: 3px;
text-align:left;
}
.list-label-widget-content li span {
padding: 2px;
background-color: #ccc;
}

Saludes espero haberte ayudado

yohanz200 · 19 Oct 2013

BlogNivel dijo:
debes de pegar antes de ]=]=></b:skin>:

.list-label-widget-content ul {
width:100%;
margin:0;
padding:0;
font-size: 14px;
line-height:14px;}
.list-label-widget-content li {
width: 48%;
height:22px;
overflow:hidden;
line-height: 22px;
display: inline-block;
zoom: 1;
*display: inline;
margin: 0;
padding: 0;
text-align: right;
}
.list-label-widget-content li a {
display: block;
overflow: hidden;
margin: 0;
padding: 2px;
color: black;
}
.list-label-widget-content li a:hover {
background-color: grey;
color: white;
text-decoration: none;
}
.list-label-widget-content li:nth-of-type(2n) {
border-left: 1px dotted #666;
padding-left: 3px;
text-align:left;
}
.list-label-widget-content li span {
padding: 2px;
background-color: #ccc;
}

Saludes espero haberte ayudado

muchas gracias amigo, pero lo que queria era que se ordnaran en dos orden asi(ejemplo con los numeros):

12345 12345
12345 12345
12345 12345

BlogNivel · 19 Oct 2013

yohanz200 dijo:
muchas gracias amigo, pero lo que queria era que se ordnaran en dos orden asi(ejemplo con los numeros):

12345 12345
12345 12345
12345 12345

No te entiendo amigo explícate mejor

yohanz200 · 20 Oct 2013

BlogNivel dijo:
No te entiendo amigo explícate mejor

asi

jhonapunk · 20 Oct 2013

Pegalo antes de ]]></b:skin> :

#Label1 ul li{

float: left;

width: 40%;

}

Es el que utilizo yo saludos espero que te sirva .

yohanz200 · 20 Oct 2013

jhonapunk dijo:
Pegalo antes de ]=]=></b:skin> :

#Label1 ul li{

float: left;

width: 40%;

}

Es el que utilizo yo saludos espero que te sirva .

no, no me sirvio solo se ponen mas delgado las etiquetas :/

Flames · 21 Oct 2013

Deja la página para echarle un vistazo a la plantilla, el código de mas arriba es correcto pero puede que tu plantilla tenga las id de las etiquetas con otro nombre.

yohanz200 · 21 Oct 2013

Flames dijo:
Deja la página para echarle un vistazo a la plantilla, el código de mas arriba es correcto pero puede que tu plantilla tenga las id de las etiquetas con otro nombre.

GeekTech | todo sobre tecnologia a tan solo un click.

jhonapunk · 22 Oct 2013

yohanz200 dijo:
no, no me sirvio solo se ponen mas delgado las etiquetas :/

el Problema es que el titulo de estas etiquetas son muy grande y no puede adaptarla :

*Caracteristicas y especificaciones
*Hardware-Periféricos

Intenta quitandolas y si no funcionan las vuelves a poner saludos

Flames · 22 Oct 2013

OK.

Fijate en este codigo

.tab_content li {
background: none !important;
clear: both;
border-bottom: 1px solid #d2d2d2;
padding: 0 13px 10px !important;
margin: 0 0 10px 0 !important;
}

Debes quitar

clear: both;

Y agrega el codigo que te dio el amigo mas arriba: