ti allego un esempio del discorso che ti dicevo... alcune cose della pagina non centrano.. tu prova solo a premere su "navigator" (link che dovrebbe visualizzare un div nascosto sotto di esso). Ovviamente sarebbe da visualizzare con FF visto che con IE non cè questo problema
grazie ancora
codice:
<!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" lang="it" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TariniBiz</title>
<style type="text/css">
/* GENERALI */
body { background: #000000; font-family: verdana; font-size: 10px; color: snow; width:98%}
img { border:0px }
div#page {width:80%; margin-left:10%;}
a:link, a:visited, a:active {color: snow; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}
div#middleTitle { font-size:14px; margin-bottom: 10px }
span.pathCurrent { color: yellow; }
select { background: #000000; font-family: verdana; font-size: 10px; color: snow; }
/* PICS */
div#foto {display: none; position:absolute;top:50%;left:50%;}
div#foto div#descrizione {background: white; height:15px; color:black; font-weight: bold; text-align:center}
table#tableFoto { border-collapse: collapse; border: 1px solid snow; width: 70%}
table#tableFoto tr { height: 70px; }
table#tableFoto td { width: 20%; border: 5px solid show; text-align:center }
/* MENU */
ul#menu { padding: 0px; margin: 0px; margin-top:1%; clear:both }
ul#menu li { list-style-tipe: none; float: left; margin: 5px; color:black }
ul#menu a { display: block; height:30px }
ul#menu a#menuDevelop { width: 21px; background: url("img/develop.jpg") no-repeat top left }
ul#menu a#menuDevelopSelected { width: 113px; background: url("img/develop_sel.jpg") no-repeat top left }
ul#menu a#menuPics { width: 20px; background: url("img/pics.jpg") no-repeat top left }
ul#menu a#menuPicsSelected { width: 64px; background: url("img/pics_sel.jpg") no-repeat top left }
ul#menu a#menuTarini { width: 19px; background: url("img/tarini.jpg") no-repeat top left }
ul#menu a#menuTariniSelected { width: 90px; background: url("img/tarini_sel.jpg") no-repeat top left }
ul#menu a#menuMusic { width: 28px; background: url("img/music.jpg") no-repeat top left }
ul#menu a#menuMusicSelected { width: 90px; background: url("img/music_sel.jpg") no-repeat top left }
/* CONTENT */
div#content {margin-top: 5%; border: 2px solid snow; min-height: 400px; height: auto !important; height: 400px;}
div#content div#title {height: 20px; font-size: 22px; padding-left: 5px;padding-bottom: 15px}
div#content div#path {width: 505; text-align: right; border-bottom: 2px solid snow; padding-right: 10px}
div#content div#navigator {width:15%; float:left; background: snow; color: black; padding-left: 5px}
div#content div#navigator div#navigatorTitle a, div#content div#navigator div#help a { background: white; font-weight: bold; font-weight: bolder}
div#content div#navigator a { color: black; font-weight: normal}
div#content div#navigator a.current{ color: red; font-weight: normal}
div#content div#navigator div#hiddenNavigator { display:none; }
div#content div#navigator div#help {margin-top: 5px; font-weight: bold}
div#content div#navigator div#hiddenHelp { display:none }
div#content div#centre {width:80%; float:right; padding-left: 10px; padding-right: 10px;text-align: left; height:350px; overflow: auto; padding-top: 10px}
/* SIGN */
div#sign {float:right; text-align: right }
</style>
<script type="text/javascript">
function showOn(foto, width, height) {
div = document.getElementById("foto");
div.style.width=width+"px";
div.style.height=height+"px";
div.style.background="url("+foto+") no-repeat center";
div.style.margin="-"+height/2+"px 0 0 -"+width/2+"px";
div.style.display="";
descrizione = document.getElementById("descrizione");
descrizione.style.marginTop = height-10;
foto = foto.substring(foto.lastIndexOf("/")+1, foto.lastIndexOf("."));
descrizione.innerHTML = foto;
}
function showOnStats(name, width, height, size) {
div = document.getElementById("fotoStats");
div.innerHTML="[b]Informazioni:<"+"/b>
";
div.innerHTML+="Nome: [b]"+name+"<"+"/b>
Risoluzione: [b]"+width+"x"+height+"<"+"/b>
";
div.innerHTML+="Dimensione: [b]"+size+" KB<"+"/b>";
div.style.display="";
}
function showOff(div) {
div.style.display="none";
div.innerHTML="";
}
function showMenu(obj, px) {
obj.style.width=px+"px";
}
function showNavigator() {
div=document.getElementById('hiddenNavigator')
if(div.style.display=="none") div.style.display="block";
else div.style.display="none";
}
function showHelp() {
div = document.getElementById('hiddenHelp');
if(div.style.display=="") div.style.display="";
else div.style.display = "";
}
function changePicsPage(select, dir) {
pag = select.value;
document.location = "http://localhost/php/tarini/index.php?page=pics&dir="+dir+"&pag="+pag;
}
</script>
</head>
<body>
<div id="page">
<div id="content">
<div id="title">Pics</div>
<div id="path">Ti trovi in <span class='pathCurrent'>Pics</span></div>
<div id="navigator">
<div id="navigatorTitle">Navigator</div>
<div id="hiddenNavigator">
ScudettoMilan
Usa
</div>
</div>
<div id="centre">
Benvenuti nella mia raccolta di foto! Lo so le foto sono ancora poche ma tra poco
diventeranno molte di più. Sono scatti presi durante i più svariati avvenimenti,
come vacanze, feste o altro ancora.
Tenete d'occhio questa pagina perchè ci potranno essere aggiornamenti in futuro!
Totale foto in archivio: 121
</div>
<div id="foto" onclick="showOff(this)" >
<div id="descrizione">
</div>
</div>
</div>
<ul id="menu">
[*]
[*]
[*]
[*]
[/list]
<div id="sign">
Pagina generata in 0.02 secondi | 1 visitatori
Contattami
</div>
</div>
</body>
</html>
Permessi di invio
Rispondi quotando