Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom galera estou levando uma surra, pedi ajuda a um amigo, mas tb não rolou...
Link: http://www.davipelegrino.com/ns/
1° - Quero juntar o menu com o conteudo (corpo do site)
2° - Alinhar no centro da de cima para baixo
3° - Alinhar todo o conteudo do menu a esquerda
ex.
menu1
menu2
menu3
e não assim como está no momento:
--menu1
-menu2
---- menu3
Agradeço desde de já.
CÓDIGOS
HTML
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">](http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd) <html xmlns="[http://www.w3.org/1999/xhtml"](http://www.w3.org/1999/xhtml) xml:lang="pt" lang="pt"><head> <title>||| N$S Buffet Infanti Domiciliar |||</title> <meta name="resource-type" content="document" /> <meta http-equiv="pragma" content="no-cache" /> <meta name="revisit-after" content="1" /> <meta name="classification" content="Internet" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="robots" content="ALL" /> <meta name="distribution" content="Global" /> <meta name="rating" content="Geral" /> <meta name="author" content="Davi Pelegrino" /> <meta name="language" content="pt-br" /> <meta name="doc-class" content="Completed" /> <meta name="doc-rights" content="Public" /> <link rel="stylesheet" href="estilo.css" type="text/css" /></head><body> <div id="topo"> <a href="#">|Home</a> </div> <ul id="menu"> <li><a href="#" title="Sobre a N$S Buffet Infantil">|Sobre nós</a></li> <li><a href="#" title="Nossos serviços">|Serviços</a></li> <li><a href="#" title="Conheça nossa esquipe" class="current">|Equipe</a></li> <li><a href="#" title="Estrutura">|Estrutura</a></li> <li><a href="#" title="Nossos produtos">|Produtos</a></li> <li><a href="#" title="Fotos">|Fotos</a></li> <li><a href="#" title="Entre em contato">|Contato</a></li> </ul> <div id="conteudo"> <h1>Sua festa fica mais divertida com a gente!</h1> </div> </body></html>CSS * { margin:0 auto; padding:0; list-style:none; text-decoration:none; border:none; vertical-align:middle; background-color: #a00b42;}body { width:760px; text-align:center; Position: relative; Top: 100px; Left: 0px; } #topo { width:760px; height:170px; background:url(img/topo.jpg) repeat center center;}#topo a { float:left; padding-top:150px; padding-left:5px; color: #fff; font-size: 0.75em; font-family: 'Trebuchet Ms', Helvetica, Arial, Tahoma, Verdana, Sans-Serif; background-color: transparent;}#menu ul { width:100px; height:300px; margin:20 auto;}#menu li a { position:relative; top:-150px; left:200px; padding-left:30px; text-align: left; display:table; color:#FFFFFF; font: 0.75em "Trebuchet Ms"; background-color: transparent;}#menu li.item-home a { border-left:none;}#menu li.item-contato a { border-right:none;}#menu li a:hover { border-right:none;}#conteudo { width:760px; height:330px; background:url(img/fundo_conteudo.jpg) no-repeat center center;}#conteudo h1 { text-align:center; padding-left:180px; padding-top:270px; font-size: 1.50em; font-family: 'Trebuchet Ms', Helvetica, Arial, Tahoma, Verdana, Sans-Serif; color:#FFF; background-color: transparent;}
Carregando comentários...