Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá todos. Tudo Bem ?
Primeiramente quero falar que eu não sei em qual categoria minha duvida deveria ser postada, se estiver errado peço para o administrador direcionar meu post para a categoria certa.
Eu preciso dividir meus itens <LI> em 2 linhas por 5 colunas, em cada <LI> tem uma imagem qual a melhor forma de se fazer isso ?
Exemplo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img23.imageshack.us/img23/1196/bx3s.png&key=2c260bf9eeb5ee543767f8f7ca96e41f75061f5684fc3380311690da504eab64" alt="bx3s.png" />
Valew
Exatamente cara, você deve definir uma largura para a sua UL, digamos que a sua UL tenha 500px, vc terá que ter 100px a cada LI para que fique 5 colunas e 2 linhas.
ul {
width:500px;
height:auto;
}
ul li {
display:block;
float:left;
width:100px;
height:80px;
background-image:url(url da imagem);
}Então, linha UL é do tamanho da largura da resolução do usuário, então ela varia de acordo com a resolução do usuário, como ficaria ?
Bem, se a sequência das fotos for:
Você precisa formatar as <li> assim:
ul li {
Sua dúvida está relacionada com HTML/CSS ao invés de PHP... :assobiando: