Lista de seções não funciona

Qual é sua questão:
Olá senhores e senhoras,

Muito bem, estive lendo os tutoriais sobre como colocar uma lista de seções na home page, então resolvi fazer uma para o meu forum, mas editei o código tudo certinho e a PRIMEIRA ficou boa. Quando fui adcionar a SEGUNDA, ela ficou EMBAIXO, em vez de ficar AO LADO igual a do FDF. Queria saber se é um erro no código ou algo do tipo. ajudeM POR FAVOR.


OBS: Não adianta postar links de tutoriais daqui do FDF porquê já li todos e NENHUM resolveu esse meu problema.


Att

Que medidas você tomou para corrigir o problema:
criar este tópico

Apresente-nos imagens do problema (se necessário):

https://2img.net/h/oi51.tinypic.com/qnv47m.png (Como eu quero que fique)

https://i.servimg.com/u/f21/11/81/27/88/untitl19.png (Como ficou errado no meu Forum)

Olá!

Me passe o código que usou para eu poder consertar!

Olá Caíque Andrade,

recomendo que leia atentamente novamente o tutorial de [TUTORIAL] Adicionar lista de seções na mensagem da home-page, pois eu percebi oponto do código que você errou, recomendo que utilize o código pronto disponibilizado pelo Solkis no final do tutorial (que é o mesmo utilizado atualmente no FdF) e vá editando conforme o seu gosto.

Até.

Olá!

Não poderemos lhe ajudar se você não nos passar o codigo da sua lista de seções.

Até mais.
Luciano98.

Olá Caíque Andrade,

Você por um acaso, colocou o Código CSS que o tutorial disponibilizou?

Estou ao Aguardo.

Att.
LeooZz

Código CSS:

Código:

}

.img_list_hp {
border: 1px solid #FF6600;
padding: 0;
float: left;
color: #FFFFFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #FF6600;
color #FFFFFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFFFFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url();
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

Olá!

Faça assim, retire este código de sua página CSS:

Código:

}
.img_list_hp {
border: 1px solid #FF6600;
padding: 0;
float: left;
color: #FFFFFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #FF6600;
color #FFFFFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFFFFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url();
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

E adicione este:

Código:

.img_list_hp{-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #FF6600;border-radius:6px;color:#FFF!important;float:left;font-size:11px;margin:auto 10px auto auto;padding:0;text-align:center;width:auto}.img_list_hp:hover{background-color:#DCEAF5}.img_list_hp img{padding:8px 15px}.img_list_hp span{background-color:#0372BE;display:block;padding:0 10px}.img_list_hp a{color:#FFF!important;text-decoration:none}#img_list_alt{background-image:url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);background-position:20px 0;background-repeat:no-repeat;padding-left:55px;padding-top:13px}

Depois carregue no botão Salvar.

Resolve?

Melhores cumprimentos,
seender