Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite a todos, estou totalmente perdida em como utilizar o lightbox.
É problema de loira mesmo...peço ajuda a todos que por ventura entendam um pouco melhor que eu onde estou errando ao colocar o codigo.
Ele até esta funcionando, mas em cima da tela do meu site fica o codigo exposto, e nao sei como mudar isso.
Abaixo o codigo da minha pagina em html ( feita no dreamweaver )
Obrigada e aguardo ansiosa por uma resposta.
Desculpe se postei no lugar errado.
Gisele
<style type="text/css">
<!--
body {
background-image: url(imagens/green090.jpg);
}
.style6 {
font-size: 9px;
color: #006600;
}.style1 {color: #006600}
#menu { margin-top: 1px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #800000;
z-index: 0;
}-->
<style type="text/css">
<!--
#menu {
margin-top: 20px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #800000;
z-index: 0;
}#menu ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
background-color: #EEF9F0;
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}#menu ul li {
display: inline;
}#menu ul li a {
color: #006600;
text-decoration: none;
background-color: #EEF9F0;
float: left;
padding-top: 0.2em;
padding-right: 1em;
padding-bottom: 0.2em;
padding-left: 1em;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #EEF9F0;
}#menu ul li a:hover {
color: #6D6D6D;
background-color: #ffffff;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #990000;
}.style1 {color: #006600}
.style18 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.style19 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.style20 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003300;
font-weight: bold;
font-style: italic;
}
#apDiv1 {
position:absolute;
left:320px;
top:208px;
width:227px;
height:54px;
z-index:1;
}-->
</style>
</style>
var loadingImage = 'loading.gif'; //path to the "loading animation" image
var closeButton = 'close.gif'; //path to the "close" button image
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox.js">
</script>
</head>
<html>
<body onLoad="MM_timelinePlay('Timeline1')">
<table width="90%" border="2" align="center" bordercolor="#006600" bgcolor="#FAFFF9">
<tr>
<td height="654" valign="top"><table width="100%" border="0">
<tr>
<td valign="top" bordercolor="#006600"> </td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td width="33%" valign="top"><div align="left">
<p><img src="imagens/logotipo.gif" alt="" width="270" height="140" id="Image1" /></p>
</div></td>
<td width="67%" valign="middle" ><div id="menu">
<ul>
<li><a href="home.html" class="style1">Home</a> </li>
<li><a href="calendário.html" class="style1">Calendário</a> </li>
<li><a href="aniversariantes.html" class="style1">Aniversariantes</a> </li>
<li><a href="reflexoes.html" class="style1">Reflexões</a> </li>
<li><a href="nosso_ambiente.html" class="style1">Nosso Ambiente</a> </li>
<li><a href="album_fotos.html" class="style1"> Fotos</a> </li>
</ul>
<ul>
<li><a href="proposta_ensino.html" class="style1">Proposta de Ensino</a> </li>
<li><a href="cantinho_crianca.html" class="style1">Cantinho da Criança</a> </li>
<li><a href="nossos_parabens.html" class="style1">Nossos Parabens</a> </li>
</ul>
<p> </p>
</div>
<p>
</p></td>
</tr>
<tr>
<td height="421" colspan="3" valign="top"><table width="100%" border="0" align="center">
<tr>
<td width="114%" height="329" valign="top"><table width="100%" border="0">
<tr>
<td width="16%" height="323" valign="top"><p align="center"><span class="style20">Fotos 2005</span><br>
<span class="style19">Carnaval<br>
Páscoa<br>
Dia das Mães<br>
Festa Junina<br>
Curso de férias<br>
Festa das Nações<br>
Dias dos Pais<br>
Torneio de Judô
Formatura</span></p>
<p align="center"><span class="style20">Fotos 2006</span><br>
<span class="style19">Carnaval<br>
Páscoa<br>
Dia das Mães<br>Aquário
<br>
Festa Junina
<br>
Passeio ao Batalhão
<br>
Festa Cultural
<br>
Parque da Xuxa<br>
Ultimo dia Aula/Judo<br>
Formatura</span></p>
<p align="center"> </p> </td>
<td width="68%" valign="top"><table width="100%" border="0" align="center">
<tr>
<td height="83" colspan="6" valign="top"><p align="center"><a href="carnaval_2005/01gde.jpg" rel="lightbox" ><img src="carnaval_2005/01.gif" /></a><br>
</p> </td>
</tr>
</table></td>
<td width="16%" valign="top"><div align="center"><span class="style20">Fotos 2007</span><br>
<span class="style19">1º Dia de Aula<br>
1ª Reunião dos Pais<br>
Dia da Mulher<br>
Passeio Orquidário<br>
Páscoa <br>
Dia das Mães<br>
Festa Junina<br>
Dia dos Pais<br>
Memorial Santos F.C.<br>
Feira Cultural</span></div></td>
</tr>
</table> </td>
</tr>
</table>
<p align="center" class="style18"><strong>Rua Carlos Gomes, 150 - Campo Grande - Santos<br />
Tel.: (13) 3252.5465</strong></p>
<p align="center"><span class="style18"><strong>E-mail: <a href="mailto:colegioecologia@iron.com.br">colegioecologia@iron.com.br</a></strong></span></p>
</td>
</tr>
</table>
<div align="center"><img src="imagens/imagem.GIF" width="433" height="64" align="baseline" /><img src="imagens/imagem.GIF" alt="" width="417" height="64" /></div>
<div align="center"><span class="style6">Designer by <a href="mailto:gribeiro72@gmail.com">Gisele</a> - Todos os direitos reservados</span></div></td>
</tr>
</table>
</body>
</html>Carregando comentários...