Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dudu Gama

Submenus em CSS utilizando tabelas

Recommended Posts

galera eu nao sei se tem outro topico sobre esses submenus, so que eu nao consigo encontrar nenhuma dica relacionada a isso. Estou comecando a utilizar CSS e HTML agr e queria algumas dicas se possivel.

 

Eu estou querendo colocar uma tabela como submenu de outra tabela:

 

<table width="81%" border="0">
<div id="iconesnew">
<tr>
<td width="44%" height="37" align="center"><img src="images/iconescategorias/danca.png"/></td>
<td width="56%"><h1><a href="danca.html" title="Dança" target="_parent" class="icones">danças </a>
</h1></td>
</tr>
</table>
</div>

//Preciso colocar essa segunda tabela como submenu da primeira tabela a cima. Essa eh a ideia principal

<div id="campos">
<table width="94%" height="541" border="0">

<tr>
<td width="23%" height="55" align="center"><a href="images/detalheEventoCorreto.jpg" rel="lightbox[roadtrip]">
<img src="images/iconescategorias/cenicas.png" /></td>
<td width="77%" align="left"><a href="images/detalheEventoCorreto.jpg" rel="lightbox[roadtrip]">Paráfria: Coleção Completa do Industrial Cláudio (...)</a></td>
</tr>

</table>
</div>

 

 

Qualquer ideia ou tutorial ensinando a fazer alguma coisa parecida ja seria util, pois como eu disse estou utilizando CSS e HTML agr e nao achei nada que me ajudasse a resolver esse problema.

 

Agradecido.

Compartilhar este post


Link para o post
Compartilhar em outros sites

:facepalm:

 

Mano, nao use tabela pra fazer layout, é errado, use div, e para os menus use <ul><li>, é bem mais fácil e melhor :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

que propriedades ? :ermm:

Compartilhar este post


Link para o post
Compartilhar em outros sites

width e height você aplica na div o mesmo valor, align você coloca text-align, e texto ficar junto imagem, ao lado ou embaixo? se for ao lado é simples:

 

<div>
<img src="linkdaimg" alt="altdaimg" />
 
<p>Texto aki</p>
</div>

 

Se for embaixo é só trocar o   por <br /> :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

tentou aplicar um float no texto ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.