Ciao forum HTML.it è da una vita che non ci vediamo. Mi dispiaccio di non essere passato qui da tanto tempo. Appena mi sono sentito in difficoltà ho pensato a voi. Magari ci racapezzate qualcosa:
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]img/google.png[/img]</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]img/google.png[/img]</a></div></div>
-----------------------------------------FINE PROBLEMA----------------------------
<div id="bg"><div><table cellpadding="0" cellspacing="0"><tr><td>[img]img/bg.jpg[/img]</td></tr></table></div></div>
<div id="cont"><div id="box">
<table cellpadding="0" cellspacing="0"><tr><td>
[img]img/mirror.png[/img]
</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]img/be_button.png[/img]</a></TD></TR>
<TR><TD><a HREF="http://twitter.com" target="_blank" onMouseOver="imgOver('a','')" onMouseOut="imgOut('a')">
[img]img/twitter_button.png[/img]</a></TD></TR>
<TR><TD><a HREF="http://www.linkedin.com/" target="_blank" onMouseOver="imgOver('g','')" onMouseOut="imgOut('g')">
[img]img/linkedin_button.png[/img]</a></TD></TR>
<TR><TD><a HREF="skypeeppe?call" onMouseOver="imgOver('m','')" onMouseOut="imgOut('m')">
[img]img/skype_button.png[/img]</a></TD></tr>
<TR><TD><a HREF="mailto
[img]img/mail_button.png[/img]</a></TD></tr>
<TR><TD><a HREF="resume.zip" onMouseOver="imgOver('z','')" onMouseOut="imgOut('g')">
[img]img/download_button.png[/img]</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.gi f);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:5 00px;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
