Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera, seguinte, queria organizar imagens pelo css, porém cada uma tem uma mesma largura, mas alturas diferentes, eu queria que elas se encavalassem, porém quando tento ordenar ou por ul/li ou por div elas respeitam o tamanho da maior, segue imagem para melhor ilustrar.
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.viateste.com.br/css.jpg&key=fedc191c6891b48383ad26c487c922dd8274f398a0436076a574ff8d6595b50f" alt="css.jpg" />
Fico no aguardo galera t+
>
Divida em quatro blocos verticais diferentes e jogue um float: left
/applications/core/interface/imageproxy/imageproxy.php?img=http://img404.imageshack.us/img404/4477/divsl.jpg&key=a46d45e8913180f3f2a0d596676cdb29e95583cf1a24b77956c19bfac654d885" alt="divsl.jpg" />
Vlw cara, seria uma medida paleativa, precisaria de algo mais abrangente pois o conteúdo vem via sistema e não manual, mesmo assim agradeço a idéia.
Bruno, se for viável para o seu projeto pode trabalhar com CSS3 utilizando a propriedade "column-count" e determinar a quantidade de colunas desejadas, caso contrário, só com JS.
Att.
>
Bruno, se for viável para o seu projeto pode trabalhar com CSS3 utilizando a propriedade "column-count" e determinar a quantidade de colunas desejadas, caso contrário, só com JS.
Att.
vlw cara, vou procurar saber mais sobre "column-count", nunca usei por enquanto mas agradeço!
Vlw cara, seria uma medida paleativa, precisaria de algo mais abrangente pois o conteúdo vem via sistema e não manual, mesmo assim agradeço a idéia.
se o conteúdo é dinâmico tente então via jQuery usando o método wrapAll()
se o conteúdo é dinâmico tente então via jQuery usando o método wrapAll()
aew complicou bastante srrsrsrs, n sei mexer em css3 quem dirá em JQuery srrsrs, mas vlw
Divida em quatro blocos verticais diferentes e jogue um float: left
/applications/core/interface/imageproxy/imageproxy.php?img=http://img404.imageshack.us/img404/4477/divsl.jpg&key=a46d45e8913180f3f2a0d596676cdb29e95583cf1a24b77956c19bfac654d885" alt="divsl.jpg" />