Scusate il post precedente.
Ho un problema: ho costruito un file html con un foglio di stile associato.
in questo file html sono presenti alcuni div che fanno riferimento alle istruzioni dei div nel file css.
Ho due div in particolare:
1) è posizionato a centro pagina e contenente una immagine che dovrebbe essere linkata (ma non è linkata ed è questo il problema)
codice:
<div id="cont"><div id="center"><a href="http://www.google.com/">
[img]img/google.png[/img]</a></div></div>
2) il div che è posizionato in basso a destra, contiene una immagine e viene linkata senza problemi.
codice:
<div id="cont"><div id="box">
<a HREF="http://prosite.com/" target="_blank" onMouseOver="imgOver('d');;window.status=''" onMouseOut="imgOut('d');window.status=' '">
[img]img/be_button.png[/img]</a></div></div>
Come mai questa disparità? perché non riesco a linkare l'immagine che sta al centro?
Credo che sia un problema di css mal scritti (non sono uno molto pratico di css) in quanto con internet explorer il tutto funziona. Con il resto dei browser no.
C'è qualcosa che mi sfugge?
ora vi posto il codice dei CSS:
codice:
.box{position:absolute;top:15%;right:200px;width:500px;padding-bottom:100px}
.box div{line-height:1.5em;background:#fff;padding:20px 30px}
.box div a{text-decoration:underline}
.large{text-align:right;top:20%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:180px;font-size:13px}
.large h2{font-size:60px}
.white{color:#fff}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#center {
position:absolute;
top:50%;
left:50%;
width:438px;
height:186px;
margin-left:-219px;
margin-top: -93px;
color:#000;
padding:0;
}
#box {
position:absolute;
bottom: 25px;
right:30px;
width: 248px;
height:228px;
padding:2px;
}
Se avete bisogno di altri elementi sono qui. Grazie per l'attenzione e scusate per il post precendete.