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

  • Autor Autor yohanz200
  • Fecha de inicio Fecha de inicio
yohanz200

yohanz200

Dseda
Social Media
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:
 
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
 
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
 
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
 
No te entiendo amigo explícate mejor

asi

descarga.webp
 
Pegalo antes de ]]></b:skin> :

#Label1 ul li{

float: left;

width: 40%;

}

Es el que utilizo yo saludos espero que te sirva .
 
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.
 
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
 
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:
 
Última edición:
Atrás
Arriba