Ciao a tutti,
vi chiedo una cosa:
ho usato il DIV per mettere una immagine di sfondo nella mia pagina.
Aggiunto un menu' con css
Poi ho continuato tradizionalmente (..non sono molto esperta..) e il lay out è stato fatto con una tabella, che pero' va a finire sotto l'immagine di sfondo.
cioe' l'immagine di sfondo(?!?) copre la tabella ed i suoi contenuti.
qualcuno sa perché
e poi le tables e i fogli stile possono coesistere?
grazie 1000 a tutti
In questi casi c'è solo una soluzione posta il codice....
ok posso farlo + tardi. grazie
Ecco il codice. Consiste
- DIV per un'immagine di sfondo
- fogli stile per il menu' con rollover con immagine unica
- table per continuare il lay out tradizionalmente.
C'è qualcuno che trova l'errore.
Sarei proprio felice di sapere perchè la table va sotto lo sfondo....
Grazie comunque
Stefania
<head>
<title></title>
<DIV STYLE="position:absolute; top:-5px; left:0px; width:782px; height:422px; background-image: url(imgs/bg4.gif); background-repeat: no-repeat">
</DIV>
<style type="text/css">
div#nav ul{"position:absolute; top:68px; left:1px; width: 782px;height: 20px;overflow: hidden;
list-style-type: none;margin: 0;padding: 0;
background:url(imgs/menu.gif) no-repeat 0 -30px}
div#nav li{margin: 0;padding: 0}
div#nav li,div#nav a{float: left;width: 130px;height: 20px}
div#nav a{text-indent: -9000px;text-decoration: none;padding: 20px 0 0 0;
overflow: hidden; height: 0px !important; height /**/:20px;
background-image: url(imgs/menu.gif)}
li#mhome a{background-position: 0px 0px}
li#mhome a:hover{background-position: 0 -20px}
body#home li#mhome a{background-position: 0 -40px}
li#mcat a{background-position: -130px 0px}
li#mcat a:hover{background-position: -130px -20px}
body#cat li#mprod a{background-position: -130px -40px}
li#mrobot a{background-position: -260px 0px}
li#mrobot a:hover{background-position: -260px -20px}
body#robot li#mserv a{background-position: -260px -40px}
li#mtop a{background-position: -390px 0px}
li#mtop a:hover{background-position: -390px -20px}
body#top li#mport a{background-position: -390px -40px}
li#mcont a{background-position: -520px 0px}
li#mcont a:hover{background-position: -520px -20px}
body#cont li#mcont a{background-position: -520px -40px}
li#mriserv a{background-position: -650px 0px}
li#mriserv a:hover{background-position: -650px -20px}
body#riserv li#mcont a{background-position: -650px -40px}
</style>
</head>
<body id="home" leftmargin=0 topmargin=0 marginheight=0 marginwidth=0>
<div id="nav">
<ul>
<li id="mhome">Home Page
<li id="mcat">Catalogo
<li id="mrobot">Robot
<li id="mtop">Top Combi
<li id="mcont">Contatti
<li id="mriserv">Area clienti[/list]
</div>
<table width="782" height="405" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="421" height="64" colspan="2" valign="top" bgcolor="#666666">[img]imgs/foto_top.jpg[/img]</td>
<td width="361" height="64" align="center" valign="top" bgcolor="#666666">[img]imgs/logo.gif[/img]</td>
</tr>
<tr>
<td width="210" height="167" align="right" valign="middle">[img]imgs/foto1.gif[/img]</td>
<td></td>
<td>news</td>
</tr>
<tr>
<td width="210" height="158" align="right" valign="middle">[img]imgs/foto2.gif[/img]</td>
<td>bandierine</td>
<td>indirizzo</td>
</tr>
</table>
Permessi di invio
Rispondi quotando