Ir para conteúdo

POWERED BY:

Arquivado

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

davipelegrino

Não consigo montar o meu layout

Por , em Desenvolvimento frontend

Recommended Posts

davipelegrino    0

davipelegrino
Postado

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">	<html xmlns="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;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

09ª Regra

É proíbido a abertura de tópicos com titulo: "ME AJUDE", "PELO AMOR DE DEUS", "ESTOU DESESPERADO", "URGENTE", "SOCORRO!", "HELP!", ou qualquer coisa similar, assim como utilizar Caixa Alta (letras todas em maiusculas) no titulo ou mesmo no corpo do tópico ou post. Utilize titulos curtos e claros, que condizem com sua dúvida. Os títulos, tópicos e posts serão editados e os membros advertidos por MP.

Estarei alterando o título do tópico.

 

E movendo pra área correta.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Gente, vou ser chato.1) Tabela não é para fazer menu, nem layout.2) align=left?Poxa, estamos no fórum de Webstandards, então vamos fazer as coisas certas.Qualquer dúvida, favor, entrar em contato comigo.[]'s

se voce estiver usando uma tabela tenta inserir um align=left

Compartilhar este post

Link para o post
Compartilhar em outros sites

davipelegrino    0

davipelegrino
Postado

Gente, vou ser chato.1) Tabela não é para fazer menu, nem layout.2) align=left?Poxa, estamos no fórum de Webstandards, então vamos fazer as coisas certas.Qualquer dúvida, favor, entrar em contato comigo.[]'s

se voce estiver usando uma tabela tenta inserir um align=left

Duvidas simVocê poderia me ajudar com minhas duvidas?

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