Ciao a tutti, nel mio sito voglio inserire la photogallery in stile LightBox, ho fatto tutto quello che mi dice il sito ufficiale, ma io uso già un foglio di stile, quindi ho inserito dentro i tag <head>
è possibile che il mio file "vdf_style2.css" dia fastidio al css del lightbox ? La risposta penso sia di si perchè come potete vedere da questa pagina http://www.imolacityrunners.altervis...otogallery.php se cliccate nell'unica foto presente, l'immagine va in fondo alla pagina e "sotto" all'overlay. Penso sia un problema di posizionamento dei vari div della mia pagina, ma non capisco come fare, modificando vari atributi sono riuscito a portare l'immagine in alto nella pagina, ma è sempre "sotto" all'overlay. Come posso risolvere? Grazie mille.Codice PHP:<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<link href="vdf_style2.css" rel="stylesheet" type="text/css" />
vi posto il codice della pagina
e il codice cssCodice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="google-site-verification" content="HyL5VXIqXvUNoXTXg73IfRCotgz8LBs76pwP_uwv5g0" />
<link rel="shortcut icon" href="images/ico.png" />
<title>IMOLA CITY RUNNERS - Photo Gallery</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<link href="vdf_style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenuto">
<div id="testata"></div>
<div id="menu_left">
<?php
$bo="no";
echo"<ul>";
$menu=array("HOME","CHI SIAMO","NEWS","STAFF/ATLETI","FOTO","VIDEO","CALENDARIO GARE","RISULTATI","SPONSOR","CONTATTI","SITI UTILI", "AREA RISERVATA");
$link=array("index.php","chi_siamo.php","news.php","staff_atleti.php","index5.php","videogallery.php?listbox=$bo","calendario_gare.php","risultati.php","sponsor.php","contatti.php","link.php","area_riservata.php",);
for($contatore=0;$contatore<count($menu);$contatore++)
{
echo "[*]<a href=\"$link[$contatore]\">$menu[$contatore]</a>";
}
echo"[/list]";
?>
<!-- <p align="center">[url=""][img]../images/Logo_youtube2.png[/img][/url]</p>
<p align="center">[url=""][img]../images/facebook.gif[/img][/url]</p> -->
</div>
<div id="divisor">PHOTO GALLERY</div>
<div id="pagina_interna">
<p align="center"><font size="+2">[b]STAGIONE 2008/2009[/b]</font></p>
<p align="left">29-08-2008 - Castel Bolognese - Corri con l'avis</p>
[url="images/Mezza di Imola 09_1.jpg"][img]images/Mezza di Imola 09_1p.jpg[/img][/url]
[url="images/CastelBolognese 082p.jpg"][img]images/CastelBolognese 082p.jpg[/img][/url]
[url="Photo_gallery/images/Roma_2009_3.jpg"][img]Photo_gallery/images/Roma_2009_3p.jpg[/img][/url]
[url="Photo_gallery/images/Mezza di Imola 09_4.jpg"][img]Photo_gallery/images/Mezza di Imola 09_4p.jpg[/img][/url]
[url="#.php"]...VEDI TUTTE...[/url]
</div>
<div id="pie_pagina">
<p align="center"><script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script></p>
<p align="center">
<script type="text/javascript" language="JavaScript" src="http://codice.shinystat.com/cgi-bin/getcod.cgi?USER=ImolaCityRunner"></script>
</p>
<table align="center" style="background:none;" width="100%">
<tr><td width="35%" align="left">[url="http://validator.w3.org/check?uri=referer"][img]http://www.w3.org/Icons/valid-xhtml10-blue[/img][/url][url="http://jigsaw.w3.org/css-validator/check/referer"][img]http://jigsaw.w3.org/css-validator/images/vcss-blue[/img][/url]
</td>
<td width="65%" align="left">Sito ottimizzato per i seguenti browser: [img]images/compatible_firefox.gif[/img][img]images/compatible_ie.gif[/img][img]images/compatible_chrome.gif[/img][img]images/compatible_opera.gif[/img]</td>
</tr>
</table>
<p align="center">Imola City Runners Web Site is licensed under a [url="http://creativecommons.org/licenses/by-nc-nd/2.5/it/"]Creative Commons Attribuzione-Non commerciale-Non opere derivate 2.5 Italia License[/url][url="http://creativecommons.org/licenses/by-nc-nd/2.5/it/"][img]http://i.creativecommons.org/l/by-nc-nd/2.5/it/80x15.png[/img][/url]</p>
</div>
</div>
</body>
</html>
Scusate per le varie porcherie che ho scritto, ma sono un neofita e non è ancora ultimato il sito. Grazie ancora per l'aiutoCodice PHP:*{
margin: 0; padding: 0;
}
a{
color:#000099;
text-decoration:underline;
}
a:hover{
color:#0066FF;
text-decoration:underline;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size:13px;
color:#000000;
background-position: center;
background-image:url(images/sfondo_grande.jpg);
letter-spacing: normal;
text-align: center;
margin-top: 0px;
padding-top: 0px;
}
#contenuto{
position:relative;
left:auto;
top:5px;
background-image:url(images/sfondo_contenuto.jpg);
width:910px;
height:1260px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin-left:auto;
margin-right:auto;
}
#testata{
position:absolute;
background-image:url(images/Logo.JPG); background-repeat:no-repeat; background-position:center;
top:10px;
left:10px;
width:890px;
height:180px;
text-align:center;
border-top-width: 0px;
border-bottom-width:0px;
border-bottom-style: ridge;
border-bottom-color: #4eb8f6;
}
#divisor{
position:absolute;
background-image:url(images/divisor.png); background-repeat:no-repeat; background-position:center;
top:195px;
left:190px;
width:700px;
height:20px;
font-size:15px;
text-align:center;
}
#pagina_interna{
position:absolute;
list-style-type: none;
left: 210px;
top: 215px;
width:680px;
height:830px;
font-size:13px;
text-decoration : none;
text-align:left;
}
#pagina_interna TABLE{
background-image:url(images/sfondo_news2.png);
height:200px;
width:650px;
text-align:left;
border-style:inset;
border-width:4px;
border-color:#0099FF;
margin-top:4px;
margin-left:5px;
margin-right:auto;
}
#pagina_interna UL{
text-align:left;
margin-top:20px;
margin-left:60px;
margin-right:auto;
}
pagina_interna a{
color:#000099;
text-decoration:underline;
}
pagina_interna a:hover{
color:#0066FF;
text-decoration:underline;
}
#pagina_interna a.set2{
color:#95bbfc;
text-decoration:none;
}
#pagina_interna a.set3{
color:#FFFFFF;
text-decoration:none;
}
#menu_left{
position:absolute;
top:195px;
left: 10px;
width: 175px;
font-size:13px;
text-transform: uppercase;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#menu_left UL {
color:#FFFFFF;
}
#menu_left UL LI {
list-style-type: none;
width:175px;
height:50px;
}
#menu_left UL LI A {
display:block;
height:45px;
color:#000000;
font-size :13px;
text-decoration : none;
padding-bottom:0px;
background-image:url(images/bott2.png); background-repeat:no-repeat; background-position:center;
}
#menu_left UL LI A:hover {
background-image:url(images/bott1.png); background-repeat:no-repeat; background-position:center;
}
#pie_pagina{
position:absolute;
bottom:3px;
left: 10px;
width:890px;
font-size:9px;
border:none;
}
#pie_pagina TABLE a{
color:#FFFFFF;
text-decoration:none;
}
#pie_pagina TABLE a:hover{
color:#FFFFFF;
text-decoration:none;
}
Rispondi quotando
