• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

mapb_1990

problema com tabless

1 mensagem neste tópico

boas.

tou a construir um site, o mei 1º com tabless e estou com um problemazinho. vejam:

29cv4fk.jpg

a imagem fica em cima do separador e a descrição mt em baixo

@charset "utf-8";

#website {
width:677px;
margin-left:auto;
margin-right:auto;
height: auto;
background-color:#FFFFFF;
background-image:none;
}

#documento {
padding: 28px 20px 0px 20px;
}

#search {
width: 227px;
height: 62px;
background: url(../images/menu_01.png) no-repeat;
float:left;
font:11px Tahoma, Verdana, Arial;
color: #FFFFFF;
font-weight:bold;
line-height:3.3em;
}

#menu_topo {
margin-left:227px;
width: 405px;
height:62px;
}

#lateral {
width:196px;
float:left;
}

#principal {
margin-left:196px;
width:436px;
padding-top:4px;
}

#menu_lateral {
background: url(../images/bg_menu.png) repeat-y;
min-height: 50px;
}

#menu_cart {
background: url(../images/cart__03.gif) repeat-y;
min-height: 20px;
font-size:9px;
height:auto;
padding-left: 7px;
}

#divisor_copyright {
width:632px;
height:6px;
clear:both;
background: url(../images/separador_copyright.png);
}

#titulo_main {
background:url(../images/main_top.png) no-repeat;
width:436px;
height:38;
line-height:2em;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
padding-left: 20px;	
}

#principal_main {
position:static;
width:436px;
min-height:127px;
height:auto;
background:url(../images/main_bg.png) repeat-y;
}

#principal_main2 {
background:url(../images/main_bg.png) repeat-y;
width:436px;
position: relative;
height:auto;
text-align:justify;
padding-right:11px;
padding-left:11px;
}

#principal_footer {
background:url(../images/main_footer.png);
width:436px;
height:9px;
}

#copyright {
clear:both;
height: 37px;
width:632px;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
color:#282e3e;
font-weight:bold;
text-align:right;
line-height:3em;
}

#produto_imagem {
float:left;
width:130px;
border-right:#bbbbbb dashed 1px;
}

#produto_caracteristicas  {
margin-left:128px;
padding-left:20px;
margin-top:0px;
}

#produto_descricao {
clear:both;
}

#produto_separador {
border-top:#bbbbbb dashed 1px;
margin-top:15px;
width:414px;
margin-left:11px;
}

<body>
<div id="website"><div id="documento">

    <a href="index.php" title="Ar Condicionado"><img src="images/banner.png" /></a>

    
    <div style="height:4px;"></div>
    
    <div id="search">
    	<form action="search.php" method="get">
               Procurar: 
            <input type="text" name="search" class="search" />
            <input type="image" name="submit" src="images/ir.png" class="img" align="absmiddle" />
        </form>
    </div>

    <div id="menu_topo"><a href="../index.php"><img src="images/menu_02.png" alt="Página Inicial" /></a><img src="images/menu_03.png" /><a href="promo.php"><img src="images/menu_04.png" alt="Promoções" /></a><img src="images/menu_05.png" /><a href="galeria.php"><img src="images/menu_06.png" title="Galeria de Imagens" /></a><img src="images/menu_07.png" /><a href="../adm/"><img src="images/menu_08_2.png" alt="Painel de Administração" /></a><img src="images/menu_09.png" /></div>

<div id="lateral">
    <div style="background:url(images/header_menu.png); width:191px; height:10px;"></div>
    <div id="menu_lateral"> 
<!--
<div>
    <ul class="jd_menu jd_menu_vertical">
        <li><a href="" class="accessible">Interiores</a>
            <ul>
                <li><a href="categoria.php?id=1">Cassetes</a></li>
                <li><a href="categoria.php?id=1">Condutas</a></li>
                <li><a href="categoria.php?id=1">Consolas</a></li>
                <li><a href="categoria.php?id=1">Murais</a></li>
            </ul>
        </li>
        <li><a href="categoria.pp?id=1">Exteriores</a></li>
    </ul>
</div>
-->

<div>
    <ul class="jd_menu jd_menu_vertical">
       <li class="accessible"><a href="catalogo.php?id=9">Interiores</a>
               <ul>

               <li class="accessible"><a href="catalogo.php?id=85">Cassetes</a></li>
               <li class="accessible"><a href="catalogo.php?id=86">Condutas</a></li>
               <li class="accessible"><a href="catalogo.php?id=87">Consolas</a></li>
               <li class="accessible"><a href="catalogo.php?id=88">Murais</a></li>
               </ul>
           </li>
       <li class="accessible"><a href="catalogo.php?id=89">Exteriores</a></li>

       </ul>
</div> </div>
    <div style="background:url(images/footer_menu.png); width:191px; height:6px;"></div>
	<div style="height:3px;"></div>
    <a href="orcamento.php"><img src="images/orcamento.png" alt="Peça já um orçamento!" title="Peça já um orçamento grátis!" /></a>	
        <div style="height:3px;"></div>
	<div style="background:url(images/cart__01.gif); width:191px; height:61px;"></div><div id="menu_cart">Ainda não há itens no seu carrinho</div><div style="background:url(images/cart__05.gif); width:191px; height:9px;"></div></div>
  

<div id="principal">
    


<div id="titulo_main">Produto</div>
<div id="principal_main">


	<div id="principal_main2">
		<div style="height:4px;"></div>
		<div id="produto_imagem"><img src="images/upload/produtos/thumbs/494e60a28feba.jpg" /></div>
		<div id="produto_caracteristicas">
			<h1>teste</h1>
			<strong>Referência:</strong> khgvgh<br />

			<strong>Disponibilidade:</strong> Disponível<br /><br />
			<strong>Preço:</strong> <span class="preco">65,87 €</span><br />
			<div style="height:6px;"></div>
			<a href="produto.php?id=15"><img src="images/detalhes.png" title="Ver Detalhes" /></a>  
			<a href="car.php?action=add&id="><img src="images/car.gif" title="Adicionar ao Carrinho" /></a>

		</div> 
	</div>

	<div id="produto_separador" align="center"> </div>

	<div id="principal_main2">
		<div id="produto_descricao">
			<h1>Descrição:</h1>Arrefecimento - kW: <br />
Arrefecimento - Btu/h: <br />
Aquecimento - kW: <br />

Aquecimento - Btu/h: 	
		</div>
	</div>

<div style="clear:both;"> </div>
</div> 
<div id="principal_footer"></div>
</div>


    
</div></div>
</body>

Edit|fnds: Usa o geshituto ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora