1 reply to this topic

[ayrancd]

Olá pessoas tenho o seguinte código no css:

<style>
.product1 {display: width:100%; #position: relative; overflow: hidden;}
.product2 {#position: absolute; #top: 120; #left: 53%; display: table-cell; vertical-align: middle; text-align:center;}
.product3 {#position: relative; #top: -20%; #left: 36%;}
</style>

e a div é esta:

<div class="product1">
<div class="product3">
<div class="product2">
<div style="position:absolute;  width:64px; height:20px;">
<table border="0" width="96%" cellspacing="0" cellpadding="0">
	<tr>
		<td><form action="<?$_SERVER['HTTP_REFERER']?>" method="post">
<input type="hidden" name="lang" value="pt">
<input type="image" alt="Pt" src="http://www.plugmania.com.br/paises/br-t.jpg" name="submit">
</form></td>
		<td><form action="<?$_SERVER['HTTP_REFERER']?>" method="post">
<input type="hidden" name="lang" value="es">
<input type="image" alt="Es" src="http://www.plugmania.com.br/paises/es-t.jpg" name="submit">
</form></td>
		<td><form action="<?$_SERVER['HTTP_REFERER']?>" method="post">
<input type="hidden" name="lang" value="en">
<input type="image" alt="En" src="http://www.plugmania.com.br/paises/en-t.jpg" name="submit">
</form></td>
	</tr>
</table>
</div>
</div>
</div>
</div>

este código irá listar 3 bandeiras de idioma aqui nesta URL: http://www.plugmania.com.br/idioma.php consegui fazer elas ficarem ali depois de muitas tentativas porém... mudou de resolução 1024x768 pra qualquer outra as bandeiras ficam loucas... que código devo por pra que elas fiquem naquele mesmo local independente da resolução??

[Nicholas Pufal]

Você está usando position:relative, mude para position:absolute. Deixe logo após a abertura da body.

Outra coisa, teu código está com alguns erros, por exemplo, o display ali tá vazio :|

Além disso, você está fazendo uma div "comer" a outra. Isto está errado...

O certo seria:

<div id="brasil"></div>
<div id="país2"></div>
<div id="país3"></div>

Seria interessante não usar mais tabelas também. Tabelas + DIV não combinam bem deste jeito. Tabelas são para dados tabulares, e divs para o layout.