Ir para conteúdo

POWERED BY:

Arquivado

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

Shivans

Problema com layout

Por , em Desenvolvimento frontend

Recommended Posts

Shivans    0

Shivans
Postado

Das galera! com enchi muito o saco de todo mundo e vcs sempre me mandando ler ler ler... pronto li e to conseguindo fazer alguma coisinha ja o problema e o seguinte. olhem esse layout aqui

 

Imagem Postada

 

e assim que eu quero que fique, porem nao to conseguindo... so consegui isso aqui ate agora!

 

Baragao Turismo

 

o problema e colocar o "seja bem vindo a baragao turismo" do lado do menu e tem um espacamento que no layout nao tem.

haha

 

tem algumas coisas que tao fora de centro e nao to conseguindo arruma!!! alguem pode me ajuda?

vo coloca o css e o xhtml pra vcs darem uma olhada!!!

 

CSS

/************** GERAIS***************/body {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color:#009900;	background:url(imagens/fundo.jpg) repeat-x;		}#geral {	background:#fff;	width:700px;	margin:0 auto;	padding:5px;}/************** TOPO***************/	#topo {	position:relative;	width:680px;	height:280px;		background:url(imagens/fundotopo.jpg) no-repeat;	margin:0 auto;	  }	#logo {	position:absolute;	left:5px;	top:100px;}#menu {	margin-left:10px;}/************** CONTEUDO***************/#conteudo {	width:669px;	background:#FFFFFF;	padding-left:5px;	padding-right:5px;	}h1 {	font-size:15px;	color:#000000;	text-indent:60px;	background: url(imagens/aspas1.gif)0 2px no-repeat #C6EDF9;	padding:8px;}/************** RODAPE***************/#rodape {	height:31px;	background:#C6EDF9;	clear:both;		}#aspasum {	width:30px;	height:25px;	background:url(imagens/aspas1.gif) no-repeat;}#aspasdois {	width:30px;	height:25px;	background:url(imagens/aspas2.gif) no-repeat;}#aspasum, #aspasdois, #endereco {	float:left;}#endereco {	width:600px;	padding-top:10px;	text-align:center;}

 

XHTML

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link rel="stylesheet" type="text/css" href="style.css"><title>BARAGÃO TURiSMO</title><script type="text/JavaScript"><!--function MM_swapImgRestore() { //v3.0  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}//--></script></head><body onload="MM_preloadImages('imagens/menu2_r1_c1.jpg','imagens/menu2_r1_c2.jpg','imagens/menu2_r1_c3.jpg','imagens/menu2_r1_c4.jpg','imagens/menu2_r1_c5.jpg')"><div id="geral">			<div id="menu">  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','imagens/menu2_r1_c1.jpg',1)"><img src="imagens/menu_r1_c1.jpg" alt="Home" width="81" height="67" border="0" id="Home" /></a>   <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Quem Somos','','imagens/menu2_r1_c2.jpg',1)"><img src="imagens/menu_r1_c2.jpg" alt="Quem Somos" width="97" height="67" border="0" id="Quem Somos" /></a>  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Serviços','','imagens/menu2_r1_c3.jpg',1)"><img src="imagens/menu_r1_c3.jpg" alt="Serviços" width="82" height="67" border="0" id="Serviços" /></a>  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Frota','','imagens/menu2_r1_c4.jpg',1)"><img src="imagens/menu_r1_c4.jpg" alt="Frota" width="80" height="67" border="0" id="Frota" /></a>   <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contato','','imagens/menu2_r1_c5.jpg',1)"><img src="imagens/menu_r1_c5.jpg" alt="Contato" width="80" height="67" border="0" id="Contato" /></a>   			</div>	<div id="topo">					<div id="logo"><img src="imagens/logo.gif" alt="BARAGÃO TURiSMO" />					</div>	</div>		<div id="conteudo">			<h1>Tiluto 1</h1>						<p>			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa velit, aliquam ut, tincidunt vitae, luctus id, magna. Morbi porta aliquet arcu. Aenean ut purus. Aenean sit amet libero. Sed vitae justo varius enim ultricies gravida. Donec accumsan risus in justo. Phasellus libero. In euismod lorem non tortor. Sed ut lectus. Pellentesque nec nisi sit amet diam feugiat tincidunt.Aenean tempus, odio vel interdum placerat, nequenisi cursus sapien, sed adipiscing nunc odio a nunc. Sed vitae enim.Cras purus turpis, vehicula ut, facilisis et, placerat et, libero. Etiam leo enim, hendrerit vitae, semper in, vestibulum ut, mi. Vestibulum ante ipsumprimis in faucibus orci luctus et ultrices posuere cubilia Curae; Sedscelerisque risus vitae urna. Aliquam porttitor rhoncus magna. Curabitursollicitudin ligula et nisl. Integer venenatis euismod ligula. Cum sociisnatoque penatibus et magnis dis parturient montes, nascetur ridiculusmus. Cum sociis natoque penatibus et magnis dis parturient montes,nascetur ridiculus mus. Integer ac tortor eget velit fringilla volutpat. Aliquamorci. Fusce a eros quis purus gravida tempor. 	Donec semper commodoerat. Quisque facilisis. Donec  laoreet lacus quis lorem. Proin feugiatmauris non nisl tincidunt tincidunt. Mauris cursus. Maecenas vestibulum. Pellentesque eget sem. Phasellus accumsan convallis nunc.			</p>						<h1>Titulo 2</h1>						<p>			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa velit, aliquam ut, tincidunt vitae, luctus id, magna. Morbi porta aliquet arcu. Aenean ut purus. Aenean sit amet libero. Sed vitae justo varius enim ultricies gravida. Donec accumsan risus in justo. Phasellus libero. In euismod lorem non tortor. Sed ut lectus. Pellentesque nec nisi sit amet diam feugiat tincidunt.Aenean tempus, odio vel interdum placerat, nequenisi cursus sapien, sed adipiscing nunc odio a nunc. Sed vitae enim.Cras purus turpis, vehicula ut, facilisis et, placerat et, libero. Etiam leo enim, hendrerit vitae, semper in, vestibulum ut, mi. Vestibulum ante ipsumprimis in faucibus orci luctus et ultrices posuere cubilia Curae; Sedscelerisque risus vitae urna. Aliquam porttitor rhoncus magna. Curabitursollicitudin ligula et nisl. Integer venenatis euismod ligula. Cum sociisnatoque penatibus et magnis dis parturient montes, nascetur ridiculusmus. Cum sociis natoque penatibus et magnis dis parturient montes,nascetur ridiculus mus. Integer ac tortor eget velit fringilla volutpat. Aliquamorci. Fusce a eros quis purus gravida tempor. 	Donec semper commodoerat. Quisque facilisis. Donec  laoreet lacus quis lorem. Proin feugiatmauris non nisl tincidunt tincidunt. Mauris cursus. Maecenas vestibulum. Pellentesque eget sem. Phasellus accumsan convallis nunc.			</p>		</div>		<div id="rodape"><div id="aspasum"></div><div id="endereco"><address> Creative Mind </address></div><div id="aspasdois"></div></div>				</div></body></html>
o menu ta assim pq nao soube fazer em css :P

 

alguem me ajuda?

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