Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou com problemas de posicionamentos e também com algumas dúvidas.
1º. O meu menu que deveria ficar assim.
/applications/core/interface/imageproxy/imageproxy.php?img=http://i16.photobucket.com/albums/b27/thaisx/topo.png&key=a3256449cbadd14e3e9c2b3b19f768843c7c9e60eafbbef0bffe6d9edf4105b2" alt="Imagem Postada" />
está ficando assim...
/applications/core/interface/imageproxy/imageproxy.php?img=http://i16.photobucket.com/albums/b27/thaisx/topo2.png&key=02dec176e9245b0d0700daaed67e401654b94bcf41057fae96db7718f394d5a7" alt="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">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.
Carregando comentários...
