Ciao A tutti non so dove sbattere la testa anche perchè ho poca esperienza. Ho letto tanto e provato molti script,ma a questo punto credo che oltre un problema di gerachie di livelli ci sia qualche cos'altro che mi sfugge.
Ho allegato l'immagine di come sarà l'homepage del sito.
In background c'è un immagine di sfondo in bianco e nero e dei bottoni (div) che sono sopra l'immagine (chiaro)
Vorrei che al click di un bottone si aprisse sulla stessa pagina un div con scrollbar etc.
NON CI RIESCO !!!! AIUTO !!! Non so più che fare, ma è così difficile?
Se è un problema di gerachie mi dite come devo fare? E se è altro mi dite altrettanto? Grazie.
Posto , oltre l'immagine in allegato, anche il codice.
Il CSS l'ho inserito nella pagina stessa.
GRAZIE A TUTTI !!!
Codice
<html>
<style type="text/css">
img {border:0;}
a:active { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
* { margin: 0; padding: 0; }
html, body {
overflow:auto; overflow-x: auto; display: block; height:100%; width:100%; }
#bg, #bg table, #bg td { height:100%; width:100%; }
#bg { position: fixed; } #bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; } #bg td { text-align:center; vertical-align:middle; }
#bg img { margin:0 auto; min-height:50%; min-width:50%; }
{ border : 0; position: absolute; top: 750; left: 20; } .twitter { border : 0; position: absolute; top: 750; left: 100; }
.logo
{ border : 0; position: absolute; top: 10; left: 5; }
.bhome { border : 0; position: absolute; top: 710; left: 750; }
.bstoria { border : 0; position: absolute; top: 710; left: 900; }
.bgalleria { border : 0; position: absolute; top: 710; left: 1050; }
</style>
<body>
<div id="bg"> <div> <table cellspacing="0" cellpadding="0"> <tr> <td> [img]./Foto/foto.png[/img] </td> </tr> </table> </div> </div>
<div class="logo"> [img]./images/logo.png[/img]</div>
<div class="facebook">[img]./images/facebook.png[/img]</div>
<div class="twitter" >[img]./images/twitter.png[/img]</div>
<div class="bhome" >[img]./bottoni/home1.png[/img] </div>
<div class="bstoria"> [img]./bottoni/home1.png[/img] </div>
<div class="bgalleria"> [img]./bottoni/gallery1.png[/img]
</div>
</div> </body> </html>
Rispondi quotando
