Como organizar tags em 2 colunas de forma efetiva?

  • Autor Autor yohanz200
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
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:
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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 edição:
Voltar
Topo