Ir para o conteúdo
miranda121

Ajuda dropdown

Mensagens Recomendadas

miranda121    1
miranda121

Bom dia PESSOAL. Hoje preciso da vossa genorisidade para me ajudar hihi..

Bem eu estou tentando implementar num website aquilo que se ve em miutos website. por exemplo no facebook, quando esta na sua conta tem uma setinha no canto superior direito que se carregar abre um "menu", o google tambem o tem no canto superior do lado direito..

Eu estou a tentar fazr algo desse genero so que estou com um problema :S criei uma div para e ela nao fica no sitio certo.

Eu tenho uma div ao centro que lhe chamei #head_jogo, depois tenho uma div para do lado direito com o nome de jogador e a sua foto. e depois criei uma div chamada #opcoes que era a que iria aparecer so quando se clicava na foto....

o problema é que quando ela aparece todo que esta por baixo na pagina desce :s

CSS

#wrap_head_jogo{
width:100%;
background: #ABD5D4;
border-bottom:2px solid #A5BB55;
}
#head_jogo{
	width:960px;
	height:45px;
	margin:0px auto;
}
	#logo{
		float:left;
		width:300px; 
		height:45px;
	}
	#info{
		float:right;
		width:300px; 
		height:35px;
		margin: 5px 0px;
		text-align:right;
	}

	.name{
		float:right;
		color:#454545;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: 700;
		margin:9px 10px;
	}
	.foto{
		float:right;
		margin:0px 10px;
	}
#wrap-opcoes{
	width:960px;
	margin:0px auto;
}
#opcoes{
	float:right;
	width:400px;
	height:220px;
	background:#000;
	opacity: 0.5;
}

HTML

<div id="wrap_head_jogo"><div id="head_jogo">
<section id="logo"><img border="0" src="images/logo_horizontal.png"></section>
<section id="info">
	<div class="foto">
		<img width="35px" height="35px" border="0" src="images/drhouse.png">
	</div>
	<div class="name">
		<a href="index_game.php?page=destroy_login" >Logout</a> | 
		<span>Helder Miranda</span>
	</div>
</section>
</div>
<div id="wrap-opcoes">
<div id="opcoes">

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
miranda121    1
miranda121

è mesmo isso...

Eu ainda estou em fase de aprendizagem e a ainda nao percebi muito isso dos floats e position.

vou ler uns artigos mas obrigado pela vossa ajuda :cheesygrin:

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


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade