semplice link che però non compare dentro ad un DIV

sacillipino

Nuovo Utente
25 Nov 2011
2
0
0
Ciao forum mrweb
Il mio problema sembra semplice: NON RIESCO A LINKARE UNA IMMAGINE CHE STA DENTRO UN DIV CSS:

il link è (per semplificare è quello di google)

<div id="cont"><div id="center"><a href="http://www.google.com/">
<img src="img/google.png"></a></div></div>


di seguito il file html:


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>www.camillafucili.com - Coming Soon</title>
<meta name="verify-v1" content="8Fcv4zU4kEpmqFt1JgX8TNobfjaWLWwA7/MpesGh5B4=" />
<link rel="stylesheet" media="screen" type="text/css" href="css.css" />
<script LANGUAGE="javascript">

<!--


if (document.images) {

dover = new Image();

dover.src ="img/be_button.png";

aover = new Image();

aover.src ="img/twitter_button.png";

gover = new Image();

gover.src ="img/linkedin_button.png";

mover = new Image();

mover.src ="img/skype_button.png";

tover = new Image();

tover.src ="img/mail_button.png";

zover = new Image();

zover.src ="img/download_button.png";




dout = new Image();

dout.src ="img/be_button.png";

aout = new Image();

aout.src ="img/twitter_button.png";

gout = new Image();

gout.src ="img/linkedin_button.png";

mout = new Image();

mout.src ="img/skype_button.png";

tout = new Image();

tout.src ="img/mail_button.png";

zout = new Image();

zout.src ="img/download_button.png";









dmenu = new Image();

dmenu.src ="img/mirror1.png";

amenu = new Image();

amenu.src ="img/mirror2.png";

gmenu = new Image();

gmenu.src ="img/mirror3.png";

mmenu = new Image();

mmenu.src ="img/mirror4.png";

tmenu = new Image();

tmenu.src ="img/mirror5.png";

zmenu = new Image();

zmenu.src ="img/mirror6.png";



}



function statmsg(msgtext) {

window.status=msgtext

}



function imgOver(imgName, statmsgtext) {

if (document.images) {

document[imgName].src = eval(imgName + "over.src");

document["menu"].src = eval(imgName + "menu.src");

statmsg(statmsgtext);

}

}



function imgOut(imgName) {

if (document.images) {

document[imgName].src = eval(imgName + "out.src");

document["menu"].src = "img/mirror.png";

statmsg("link");

}

}







// -->

</script>

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26203054-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

</head>

<body>
-------------------------------------MIO PROBLEMA QUI-------------------

<div id="cont"><div id="center"><a href="http://www.google.com/">
<img src="img/google.png"></a></div></div>


-----------------------------------------FINE PROBLEMA----------------------------





<div id="bg"><div><table cellpadding="0" cellspacing="0"><tr><td><img alt="" src="img/bg.jpg" /></td></tr></table></div></div>


<div id="cont"><div id="box">


<table cellpadding="0" cellspacing="0"><tr><td>

<img NAME="menu" SRC="img/mirror.png" onmouseover="window.status='Home Page'; return true" onmouseout="window.status='link';return true">

</td>
<td>

<table cellpadding="0" cellspacing="0">


<TR><TD><a HREF="http://prosite.com/" target="_blank" onMouseOver="imgOver('d');;window.status=''" onMouseOut="imgOut('d');window.status=' '">

<img NAME="d" src="img/be_button.png" border="0"></a></TD></TR>



<TR><TD><a HREF="http://twitter.com" target="_blank" onMouseOver="imgOver('a','')" onMouseOut="imgOut('a')">

<img NAME="a" src="img/twitter_button.png" border="0"></a></TD></TR>



<TR><TD><a HREF="http://www.linkedin.com/" target="_blank" onMouseOver="imgOver('g','')" onMouseOut="imgOut('g')">

<img NAME="g" src="img/linkedin_button.png" border="0"></a></TD></TR>



<TR><TD><a HREF="skype:peppe?call" onMouseOver="imgOver('m','')" onMouseOut="imgOut('m')">

<img NAME="m" src="img/skype_button.png" border="0"></a></TD></tr>


<TR><TD><a HREF="mailto:p[email protected]" onMouseOver="imgOver('t','')" onMouseOut="imgOut('m')">

<img NAME="t" src="img/mail_button.png" border="0"></a></TD></tr>


<TR><TD><a HREF="resume.zip" onMouseOver="imgOver('z','')" onMouseOut="imgOut('g')">

<img NAME="z" src="img/download_button.png" border="0"></a></TD></TR>


</table>






</td></tr>


</table>


</div></div>

</body>
</html>



---------------------------------------------------------------------------------------
VI LINKO ANCHE IL FILE CSS:

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(loading.gif);color:#000}
h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#menu{position:absolute;bottom:20px;left:1200px;z-index:80;width:100%;line-height:12px}
#menu div{height:56px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}

h1{position:relative;left:-141px;margin-bottom:-63px;width:140px;opacity:0.99}
h1 a{padding:41px 10px 10px 0;color:#fff;background:#000 url(go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block}
h1 a:hover{background:#000 url(go.gif) 0 43px repeat-x}
ul{float:left;width:110px}
li a{height:12px;padding:0 5px;font-weight:bold;color:#999;display:block}
li a:hover,li.cur a{color:#fff}

.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}
#beijing{top:15%}










#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;



}

--------------------------------------------------------------------------------

Ho provato in tutti i modi. Sono molto frustrato dato che tutti i link della pagina funzionano perfettamente tranne questo. la "manina per cliccare" mi compare solo con explorer (assurdo) ho sbagliato qualcosa? Vi ringrazio molto per l'attenzione e se riusciste a capire dov'è il mio errore e a rimediare vi sarei molto grato.

Sono qui per altre delucidazioni.
Grazie Ancora
Pino
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
146
63
PR
www.borgo-italia.it
ciao
cerca di non "sbrodolare" così i post e racchiudi il codice negli appositi tag es.
HTML:
<a href="pinco">xyz</a>
PHP:
echo "pallino";
altrimenti è difficile capire
 

sacillipino

Nuovo Utente
25 Nov 2011
2
0
0
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 src="img/google.png"></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 NAME="d" src="img/be_button.png" border="0"></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.
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
146
63
PR
www.borgo-italia.it
ciao,
forse sono in ritardo, ma, se non hai risolto, prova prima a commentare poi se funzuia togliere
<!--</div>--> e <!--<div id="cont">-->
non ho caricate le immagini, ma le vedo con la classica X
HTML:
</head>
<body>
<!-------------------------------------MIO PROBLEMA QUI------------------->
<div id="cont"><div id="center"><a href="http://www.google.com/">
<img src="img/google.png"></a></div><!--</div>-->
<!-----------------------------------------FINE PROBLEMA---------------------------->
<div id="bg"><div><table cellpadding="0" cellspacing="0"><tr><td><img alt="" src="img/bg.jpg" /></td></tr></table></div></div>
<!--<div id="cont">--><div id="box">
<table cellpadding="0" cellspacing="0"><tr><td>
<img NAME="menu" SRC="img/mirror.png" onmouseover="window.status='Home Page'; return true" onmouseout="window.status='link';return true">
</td>
<!--eccetera -->