[Resolvido] Menu <ul><li>
Olá, eu tenho um pequeno menu, que mostrará 6 images, ele me mostra tanto na vertical e horizontal.
HTM
<div class="BookmarkSites">
<ul>
<li>
<a target="_blank" href="[http://www.teste.com.br">](http://www.teste.com.br)
<img src="imagem1.gif">Imagem</a>
</li>
<li>
<a target="_blank" href="[http://www.teste.com.br">](http://www.teste.com.br)
<img src="imagem2.gif">IMagem 22</a>
</li>
<li>
<a target="_blank" href="[http://www.teste.com.br">](http://www.teste.com.br)
<img src="imagem3.gif">Imagem 35554</a>
</li>
<li>
<a target="_blank" href="[http://www.teste.com.br">](http://www.teste.com.br)
<img src="imagem4.gif">teste22</a>
</li>
<li>
<a target="_blank" href="[http://www.teste.com.br">](http://www.teste.com.br)
<img src="imagem5.gif">jdfhafh</a>
</li>
<li>
<a target="_blank" href="[http://www.teste.com.br">](http://www.teste.com.br)
<img src="imagem6.gif">jkdfgs saiopaweio</a>
</li>
</ul>
</div>
CSS.
.BookmarkSites{font-size:12px;font-family:verdana;margin:0px 0px 0px 0px}
.BookmarkSites a:link{color: #000000;text-decoration:none}
.BookmarkSites a:hover{color: #FF0000;text-decoration:none}
.BookmarkSites ul{list-style:none}
.BookmarkSites ul li{display:inline}
.BookmarkSites img{width:12px;height:12px;position:relative;top:1px;margin: 0px 2px 0px 0px;padding:2px 2px 0px 0px;border-style:none;}
A dúvida, com essa estrutura, sem alterar o div, ul e li, sem colocar nenhuma classe nova, ou talvez uma nova, é possível quebrar o menu em 2 linhas, ficaria 3 imagens em cima e 3 embaixo, com o seus textos, lembrando que dependendo do texto, um vai ser maior que o outro.
EX:
Imagem texto 1 Imagem texxxxto 2 Imagem texto 3
Imaguuuuem texto 4 Imagem texto 5 Imagemsss texto 6
Discussão (5)
Carregando comentários...