xerife
Membro
Boas,
ja fiz 2 sites com tabelas, agora queria inovar e passar para o Tabless, isto é sem tabelas e substituir por Div´s. Comecei a fazer o site no Photoshop, fiz os recortes e agora estava a passar para o Dreamweaver. Não consigo colocar os menus de navegação ao lado do Logotipo dentro da #Header. Depois também não consigo linkar a imagem. Precisava de ajuda.
css code
url do site com tabelas só pra ficarem com ideia do que pretendo mas não estou a conseguir com as divs.
http://abelaflor.no.sapo.pt
ja fiz 2 sites com tabelas, agora queria inovar e passar para o Tabless, isto é sem tabelas e substituir por Div´s. Comecei a fazer o site no Photoshop, fiz os recortes e agora estava a passar para o Dreamweaver. Não consigo colocar os menus de navegação ao lado do Logotipo dentro da #Header. Depois também não consigo linkar a imagem. Precisava de ajuda.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<title>Untitled Document</title>
</head>
<body>
<div id="container">
<div id="header">
<div id="logotipo"></div>
<div id="home"> </div>
<div id="belaflor"></div>
<div id="galeria"></div>
<div id="contactos"></div>
</div>
<div id="barra"></div>
<div id="menu">menu esquerdo</div>
<div id="contents">conteudo</div>
<div id="footer">rodapé</div>
</div>
</body>
</html>
css code
Código:
@charset "utf-8";
/* CSS Document */
#container{
width:700px;
height: 800px;
background-color:#FFFBF0;
}
#header{
width:700px;
height:140px;
}
#menu{
width: 192px;
height: 540px;
background-color:#D4FFAA;
float:left;
padding-right:11px;
}
#contents{
width: 487px;
height:540px;
background-color:#2A1FFF;
float:right;
padding-left:10px;
}
#footer{
width: 700px;
height:48px;
background-color:#808080;
clear:both;
}
#barra{
width:700px;
height:30px;
background:url(images/barraVermelha.jpg) no-repeat;
float:inherit;
}
#logotipo {
height: 108px;
width: 221px;
margin: 16px 0 16px 4px;
background-image:url(images/logo.jpg);
}
#home {
height: 47px;
width: 91px;
margin:53px 0 40px 229px;
background-image:url(images/home.jpg);
}
#belaflor {
height: 47px;
width: 91px;
margin:53px 0 40px 229px;
/*margin:53px 0 40px 280px; */
background-image:url(images/belaflor.jpg);
}
#servicos {
height: 47px;
width: 91px;
background-image:url(images/servicos.jpg);
}
#galeria {
height: 47px;
width: 91px;
background-image:url(images/galeria.jpg);
}
#contactos {
height: 47px;
width: 91px;
background-image:url(images/contactos.jpg);
}
url do site com tabelas só pra ficarem com ideia do que pretendo mas não estou a conseguir com as divs.
http://abelaflor.no.sapo.pt
Última edição: