Jump to content

Need Help With Div


Recommended Posts

Hi,in the code below i want that menu div class="menu" goes along with div="conteudo" when i insert images and that is not happening,can some one tell me why?the div="menu" and his specs are static and if i insert for example 5 images the background color and the border right does not goes to the bottom of the page...than you

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>Marina Bijoux - Categorias:Brincos</title><style type="text/css">div.tudo  /* Formatação da divisão principal,engloba toda a página */{width:698px;margin:10% 25%;border:1px solid gray;line-height:150%;}div.cabecalho  /* Formatação do cabeçalho com logo */{border-bottom:3px solid gray;}div.menu   /* Formatação do menu */{float:left;width:18%;border-right:3px solid gray;background-color:#FFE4C4;padding:0.5em;}div.conteudo   /*Formatação do conteudo do site/links*/{float:left;padding:0.5em;}div.rodape    /*  Formatação do rodapé */{background-color:#214552;border-top:3px solid gray;height:10%;clear:both;text-align:right;color:gray;padding:0.1em;}ul /* Formatação da lista do menu  */{list-style-type:none;}a.menu1 /*  Formatação das hyperligações  */{color:black;padding:0.1em;}a:hover{background-color:#1E90FF;padding:0em 0.5em;}div.img{margin:2px;height:auto;width:auto;border:1px solid #0000ff;padding:2px;}div.imgtxt{margin:2px;text-align:center;padding:0.1em;}</style></head><body><div class="tudo">	<div class="cabecalho">		<img src="imagens/inicio/inicio.gif" alt="Logo Marina Bijoux" />	</div>	<div class="menu">		<a href="inicio.html" class="menu">INICIO</a><br/>		<a href="categorias.html" class="menu">CATEGORIAS</a>		<ul>			<li><a href="brincos.html" class="menu1">Brincos</a></li>			<li><a href="colares.html" class="menu1">Colares</a></li>			<li><a href="conjuntos.html" class="menu1">Conjuntos</a></li>			<li><a href="malas.html" class="menu1">Malas</a></li>			<li><a href="mochilas.html" class="menu1">Mochilas</a></li>			<li><a href="pregadeiras.html" class="menu1">Pregadeiras</a></li>			<li><a href="pulseiras.html" class="menu1">Pulseiras</a></li>		</ul>				<a href="novidades.html" class="menu1">NOVIDADES</a><br/>		<a href="meuperfil.html" class="menu1">MEU PERFIL</a><br/>		<a href="info.html" class="menu1">INFORMAÇÔES</a>	</div>	<div class="conteudo">		<div class="img">			<img src="imagens/brincos/brincos1.jpg" alt="Imagen Brincos" />			<div class="imgtxt">brincos1</div>		</div>		<div class="img">			<img src="imagens/brincos/brincos2.jpg" alt="Imagen Brincos" />			<div class="imgtxt">brincos2</div>		</div>		<div class="img">			<img src="imagens/brincos/brincos3.jpg" alt="Imagen Brincos" />			<div class="imgtxt">brincos3</div>		</div>		<div class="img">			<img src="imagens/brincos/brincos4.jpg" alt="Imagen Brincos" />			<div class="imgtxt">brincos4</div>		</div>	</div>	<div class="rodape">	webmaster: <!--Ricardo Duarte/2009-->	</div></div></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...