Ir para conteúdo

Arquivado

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

darlan56

[Resolvido] CSS/html

Por , em Desenvolvimento frontend

Recommended Posts

darlan56    0

darlan56
Postado

Ola pessoal, so novo no forum,tenho q faze um site pra entrega na faculdade, e to com um problema no meu css, eu quero faze um menu que contem um capo pra login, isso em um menu horizontal, q é uma div, so q quando eu coloco mais de uma coisa dentro desse menu ele fica meio que flutuando por ali, so q nao tem nenhun float por ali, alguem sabe como arruma isso. Obrigado

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SITE</title>
<style type="text/css">
.pagina {
width:950px;
position:relative;
padding:2px;
margin:0 auto;
/*nao*/	border:2px solid #000;
}

.logo{
	height:100px;/*para abrir a div e aparecer a imagem e a altura*/
	background:url(logo.gif) no-repeat;
	padding: 0 0 1px 0;/*vai botar um px para baixo*/
	/*nao*/	border:2px solid #F00;
	}

.barra_menu-cima{
	height:25px;
	/*nao*/	border:2px solid #F00;
	clear: both;
	position:relative;
	}

#login{
	height:25px;
	width: 50px
	/*nao*/	border:2px solid #F0F;
	position:relative;
	}
/*------------------  no meio da pagina -----------------------*/		
.meio_site{
	padding: 0 0 1px 0;/*vai botar um px para baixo*/
	/*nao*/	border:2px solid #00F;
	}

.menu_vertical{
	/*float: left;*/
	width: 150px;
	/*nao*/	border:2px solid #693;
	float: left
	}

.centro_pagina{/*CONTEUDO*/
	width: 600px;/*vai botar um px para baixo*/
	/*nao*/	border:2px solid #693;
	/*position: relative;*/
	float: left
	}
.centro_direito{/*DIREITA*/
	width: 150px;/*vai botar um px para baixo*/
	/*nao*/	border:2px solid #000;
	/*position: relative;*/
	float: left
	}

.dentro-menu-vertical{/*--  --*/
	heigth:20px;
	}

.rodape{
	clear: both;
	/*nao*/	border:2px solid #F0F;
	}
</style>
</head>

<body>
<div class="pagina">
   	<div class="logo">
   		LOGO
       </div><!-- 	logo	-->
       <div class="barra_menu-cima">
       	<div id="login">AQUI E O MENU HORIZONTAL</div>
      	  	<div id="login">
           	<form action="" method="get">
       	    	USER:<input type="text" name="user" />
       	    	SENHA:<input type="password" name="senha" />
     	    	</form>
           </div>
 		</div><!--	barra_menu-sima		-->
       <!--ate o meio-->
	 	<div class="meio_site">
  			<div class="menu_vertical">
           	MENU ESQUERDA
               <table border="2">
               	<tr>
                   	<td width="137">ola</td>
                   </tr>
               </table>

       	</div><!--<div class="menu_vertical">-->
       	<div class="centro_pagina">
           	CENTRO PAGINA
       	</div><!--centro pagina-->
           <div class="centro_direito">
           	CENTRO DIREITO
           </div><!--centro direito-->
           <span class="clearFull"><!-- --></span>
      		<div style="clear: both;"></div>
    	</div><!--	meio_site	-->
    	<div class="rodape">
    		RODAPE
   	</div><!--fim rofape-->

</div><!-- <div class="pagina">-->
</body>
</html>

 

ja arrumei, foi so coloca width: 900px e float: left; e tira umas coisa q fico como eu queria, vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito