Ir para conteúdo

POWERED BY:

Arquivado

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

.BlackHeart

Problemas com os posicionamentos

Por , em Desenvolvimento frontend

Recommended Posts

.BlackHeart    0

.BlackHeart
Postado

Estou com problemas de posicionamentos e também com algumas dúvidas.

 

1º. O meu menu que deveria ficar assim.

 

Imagem Postada

 

 

está ficando assim...

 

 

Imagem Postada

 

 

para a esqueda, já pûs float right, mas ele por pra direita e inverte a ordem.

 

Como faço para ele ir para a direita sem mudar a ordem?

 

 

2º Como viram no 2º exemplo, tem uma sobra encima dos botões, como faço pra por essa sombra como "borda" do topo( aonde está a logo).

 

Aqui vai o código.

 

HTML

<!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=iso-8859-1" /><title>:: Logomarca.com :: As maiores criações, nascem de após grandes erros.</title><link href="css/css.css" rel="stylesheet" type="text/css" /></head><body><div id="geral"><div id="menu"><ul>  <li><a href="#">Blog</a></li>  <li><a href="#">Portfolio</a></li>  <li><a href="#">Curriculum</a></li></ul></div><div id="topo"></div><div id="esquerda">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.dasdsd</div><div id="direita">Lorem ipsum dolor</div><div id="rodape"></div></div></body></html>

 

CSS

 

/* CSS Document *//* Tags */* { 	margin: 0; 	padding: 0; 	}body {	background: #FFFFFF;	font: 80% Georgia;	color: #333333;}/* Fim Tags *//* Layers */#geral{	width: 750px;	margin: 10px auto 0px;	background: #FFFFFF;}/* MENU */#menu ul{ 	list-style: none; 	display:table; 	height:1%}#menu ul li{	float: left;	text-align: center;	margin-left: 16px;	font: 12px Arial, Helvetica, sans-serif;}#menu ul li a{	float: left;	display: block;	height: 23px;	width: 80px;	background-image: url(../images/menu.png);	color: #333333;	text-decoration: none;}#menu ul li a:hover{	display: block;	height: 23px;	width: 80px;	background-image: url(../images/menu_hover.png);	color: #FFFFFF;	text-decoration: none;}/* FIM MENU */#topo{	height: 114px;	width: 750px;	background: #00CCCC url(../images/logo.png) no-repeat 13px 22px;	clear: both;}#esquerda{	width:472px;	padding-left: 10px;}#direita{	width:28px;	padding-left: 10px;}

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

QuIx    0

QuIx
Postado

Olá,

 

Já tentou algo tipo:

margin-right xxpt;float:right;padding-right: xxpt;

Da uma olhada aí meche nisso e ve se funciona rsrs.

 

[]'s

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