Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal, faz tempo q não venho aqui... (:
hoje preciso de uma ajudinha, agradeço desde já.
Estou fazendo um site para uma professora, ela é artista e tudo mais.. mas isso não vem ao caso agora. o meu problema, é que as páginas não estão linkando-se entre si. sempre fiz deste jeito e nunca me apareceu erros, gostaria que vcs me ajudassem a encontrá-los, pois não vejo nada de errado, ainda.
segue o código abaixo (Primeiro HTML, 2º CSS) :
<!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"](http://www.w3.org/1999/xhtml) xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta content="keywords" name="Gina Zanini"/>
<meta name="description" content="Gina Zanini, Artista plástica." />
<meta name="Author" content="Melina Girardi e Luiz Felipe Gehlen" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="30 days" />
<meta name="distribution" content="global" />
<meta name="rating" content="general" />
<meta name="content-language" content="pt-br" />
<link rel="stylesheet" type="text/css" href="Ginazanini.css" media="all">
<script type="text/javascript">
function horizontal() {
var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
for (var i=0; i< navItems.length; i++) {
if(navItems[i].className == "submenu")
{
if(navItems[i].getElementsByTagName('ul')[0] != null)
{
navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}
navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}
}
}
}
}
</script>
<title>.:: Gina Zanini ::.</title>
</head>
<body onload="horizontal();">
<div id="gbanner">
<p><br>Aqui vai a imagem do banner </br>
</p>
</div>
<div id="gmenu">
<ul id="menu_dropdown" class="menubar">
<li class="submenu"><a href="/Curriculum.html">Curriculum Artístico</a></li>
<li class="submenu"><a href="/Ilustracoes.html">Ilustrações</a>
<ul class="menu">
<li><a href="/Livro-1.html">Livro 1</a></li>
<li><a href="/Livro-2.html">Livro 2</a></li>
<li><a href="/Livro-3.html">Livro 3</a></li>
<li><a href="/Livro-4.html">Livro 4</a></li>
<li><a href="/Livro-5.html">Livro 5</a></li>
</ul>
</li>
<li class="submenu"><a href="/Exposicoes.html">Exposições</a></li>
<li class="submenu"><a href="/Fases.html">Fases</a>
<ul class="menu">
<li><a href="Fase-1.html">Primeira fase</a></li>
<li><a href="Fase-2.html">Segunda fase</a></li>
<li><a href="Fase-3.html">Terceira fase</a></li>
<li><a href="Fase-4.html">Quarta fase</a></li>
<li><a href="Fase-5.html">Quinta fase</a></li>
<li><a href="Fase-6.html">Sexta fase</a></li>
<li><a href="Fase-7.html">Sétima fase</a></li>
<li><a href="Fase-8.html">Oitava fase</a></li>
</ul>
</li>
</ul>
</div>
<div id="gconteudo">
<p><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique, lectus nec ullamcorper scelerisque, diam nisi tincidunt lorem, id consectetur lorem odio in libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras lobortis luctus erat nec aliquam. Proin quam ante, tristique ac tempor vitae, tincidunt eu odio. Donec eget ultrices velit. In et erat ut orci bibendum viverra at sit amet sem. Nam faucibus eleifend diam in vestibulum. Donec sed lectus libero. Nam at dui sem, eget mollis dui. Nullam aliquet consequat rutrum.Nulla molestie, quam et sollicitudin fermentum, lorem nulla elementum mauris, at sagittis nunc velit quis sapien. Ut vitae orci nisi. Integer vel massa in purus aliquet ullamcorper. Integer gravida scelerisque justo, ac suscipit velit ullamcorper nec. Vivamus cursus velit feugiat libero eleifend faucibus mollis ligula eleifend. Cras viverra, quam euismod sollicitudin congue, augue ligula placerat libero, ac imperdiet orci felis nec massa. Proin pulvinar, massa id blandit bibendum, orci nulla tincidunt ligula, sed iaculis massa diam id eros. Nullam et sapien urna, eget egestas urna. Ut tellus nisl, hendrerit vitae euismod nec, ornare placerat nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras quis ornare elit. Morbi tellus quam, interdum sit amet pulvinar ut, consequat vitae augue. Duis sit amet nisl leo, eu dictum nisl. Ut viverra nulla nisl. Maecenas dignissim posuere ipsum sed commodo. Suspendisse eget felis nisl. Ut massa diam, sollicitudin ut mollis sed, porttitor a tellus. Mauris accumsan auctor nibh, sit amet posuere arcu egestas ut.
Integer at purus augue. Vivamus id velit in arcu dictum vehicula. Sed facilisis tellus eu justo consectetur ut placerat mauris cursus. Fusce gravida ante et metus condimentum tincidunt. Mauris vel tortor justo, a tincidunt nibh. In neque erat, hendrerit rhoncus dignissim eget, hendrerit ac nulla. Sed id massa eu ligula laoreet ultrices. Curabitur vel justo sed justo gravida tempus ut et felis. Duis leo nibh, ornare at eleifend vel, dictum euismod neque. Fusce non urna non lectus mollis scelerisque. Fusce quis quam arcu, sit amet malesuada risus. Sed sagittis, nibh malesuada sodales venenatis, nisl dui bibendum turpis, et adipiscing leo massa vel purus. Suspendisse potenti. Donec ultricies neque rhoncus lectus pulvinar volutpat. Vivamus neque enim, laoreet at dapibus id, iaculis eu ligula. Nullam in lorem ac justo viverra facilisis et in magna. Aliquam mollis lacus lacinia eros lacinia in fringilla leo imperdiet. Pellentesque ut quam eu dui aliquet pulvinar dapibus nec neque. Pellentesque vitae quam odio. Sed arcu tellus, ultricies quis tincidunt id, tempor vel urna.
Sed euismod adipiscing lacus in sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed pellentesque elit. Sed eget mauris tellus. Vivamus nec lorem velit. Sed imperdiet blandit felis eu vulputate. Vivamus semper metus eu sem dapibus accumsan. Nunc consectetur, mi vel lacinia commodo, mi lorem venenatis orci, at sollicitudin dolor sem vel orci. Ut tempus rutrum sapien eu consequat. Praesent vel dui enim.
Morbi placerat malesuada risus, eu auctor odio congue non. Praesent neque risus, interdum dignissim vulputate in, ultrices in risus. Cras molestie rutrum feugiat. Quisque eu convallis sapien. Suspendisse sed sapien tortor. Nulla feugiat hendrerit lectus, ut elementum magna tincidunt vel. Aliquam at elit diam, ac aliquet mi. In convallis augue tincidunt sem iaculis ultricies in id ante. Nullam vitae ligula felis. Curabitur volutpat urna et ligula faucibus ultrices. In hac habitasse platea dictumst. Etiam ultricies dolor a orci venenatis imperdiet adipiscing diam vulputate.
</br></p>
</div>
<div id="grodape">
<p><br>Rua Servidão Azaleia, 40 D</br>
<br>Bairro: Jardim Itália</br>
<br>Chapecó | Santa Catarina | Brasil</br>
<br>Contato: (49) 9979 6465 | 33221810</br>
<br>ginazanini@ibest.com.br | www.ginazanini.blogspot.com</br>
</div>/ Gina Zanini /
/ CSS criado e desenvolvido por Melina Girardi e Luiz Felipe Gehlen /
/Início /
*{
margin : 0;
padding : 0;
list-style : none;
}
/*CSS reset acima*/
body {
background : #E7D7BC;
}
/*Fontes - Titulo, parágrafos, etc */
h1 {
text-align : Left;
font-family : Garamond, "Lucida Bright" ;
font-size : 20px;
color :#E5A941;
}
p {
font-family : Garamond, "Lucida Bright" ;
font-size : 16px;
color : #000;
text-decoration : none;
}
h2, h3, h4, h5, h6, h7 {
text-align : left;
font-size : 15px;
font-family : Garamond, "Lucida Bright" ;
color : #000;
text-decoration : none;
}
a:link{
text-decoration : none;
}
/*Fim Fontes */
/*Div Banner*/
#gbanner {
background: #B01ED8;
width : 100%;
height : 120px;
text-align : center;
}
/*Fim Div Banner */
/*Div Menu Javascript */
#gmenu {
text-align : center;
margin-left : 2%;
}
/*Classes Menu Javascript */
ul.menubar{
margin: 0;
padding: 0;
background-color: #FFF;
font-size: 100%;
}
ul.menubar .submenu{
margin: 0;
padding: 0;
list-style: none;
background-color : #FFF;
border : 1px solid #ccc;
float : left;
width : 24%; /*Menu, altera-se a largura*/
}
ul.menubar ul.menu{
display: none;
position: absolute;
margin: 0px;
}
ul.menubar a{
padding: 5px;
display:block;
text-decoration: none;
color: #84642D;
}
ul.menu, ul.menu ul{
margin: 0;
padding: 0;
border: 1px solid #ccc;
width: 24%; /*Submenu - alteração de largura */
background-color: #FFFFFF;
}
ul.menu li{
position: relative;
list-style: none;
border: 0px;
}
ul.menu li a{
display: block;
text-decoration: none;
border: 1px solid #ccc;
border-bottom: 0px;
color: #84642D;
padding: 5px;
}
ul.menu ul{
position: absolute;
display: none;
left: 149px;
top: 0px;
}
ul.menu li.submenu ul {
display: none;
}
ul.menu li a:hover {
color: #FFB940;
}
/*Fim das Classes e da Div Menu */
/*Div Conteúdo */
#gconteudo {
background-color : #F3EAD9;
width : 96%;
margin-left :2%;
margin-right : 2%;
height : 330px;
clear : both;
border : 3px double #D4B278;
overflow : scroll;
padding-left : 3px;
padding-right : 3px;
}
/*Fim Div Conteúdo */
/*Div Rodapé */
#grodape {
background-color :#FBF6EA;
width : 96%;
margin-left : 2%;
margin-right : 2%;
text-align : center;
border : 3px solid #F3EAD9
}
/*Fim da DIV Rodapé*/
/*Fim do CSS*/Observação : Aquele a:link { }
no css, não fui eu quem coloquei, foi meu namorado, eu não sei se é correto fazer isso, creio que não, mas se for possivel, podem me informar ?
Carregando comentários...