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.046
150
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.046
150
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 -->
 
Discussioni simili
Autore Titolo Forum Risposte Data
L help - semplice link "getURL" con Flash 8 Flash 2
A Web master per semplice sito web Offerte e Richieste di Lavoro e/o Collaborazione 2
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
L [PHP] cambiare gli if in un url semplice PHP 1
L [PHP] convertire gli url ad forma semplice PHP 3
G Caricare una semplice Jpg con il PHP PHP 1
Federico.Marcelo qual è il modo più semplice per creare file GIF di alta qualità? Webdesign e Grafica 4
V Semplice barra di ricerca con filtro categorie prodotti E-Commerce 0
Z Semplice area privata in php PHP 6
M Un semplice saluto Presentati al Forum 1
T Visualizzare un Xml su un sito in modo semplice XML 1
X [Photoshop] Cercasi strumento per ottenere un semplice effetto. Photoshop 6
J [PHP] sviluppare una semplice calcolatrice PHP 1
booklisa [PHP] Domanda semplice (apparantemente) PHP 4
R [PHP] Semplice form PHP 4
G [CERCO][Retribuito] Programmatore Windows per un semplice software Offerte e Richieste di Lavoro e/o Collaborazione 0
MarcoGrazia Costruire una semplice chat in PHP non è affatto semplice. PHP 3
G aiuto per semplice menu onclick HTML e CSS 6
T Problema Semplice Script Javascript 1
Mr. Alex D. Creazione semplice autorisponditore con redirect PHP 1
M Casella di ricerca completa, invece di semplice ricerca tra tag HTML e CSS 0
A Semplice applicazione con le facebook api PHP 1
Pi3tro [Richiesta]Semplice form PHP 6
R galleria immagini semplice a schermo intero jQuery 1
C Creare semplice timer in Visual Basic Visual Basic 0
Trapano Galleria immagini semplice PHP 5
S problema con ajax semplice login script Javascript 8
L [Java] Consigli progettuali per una semplice applicazione Java 6
Trapano query semplice? PHP 21
M Semplice pagina per inserire/leggere dati su database PHP 5
E semplice ciclo if!??!?!? :dipser: MS Access 0
L login semplice con array PHP 10
L Semplice giochino javascript Javascript 20
N Menu verticale semplice stile Yahoo WordPress 2
A una guida semplice in php PHP 2
L guida semplice per imparare jquery jQuery 5
A problema con un semplice form per un loggin in php PHP 2
D Redirect: come mai non funziona un semplice redirect? Apache 0
N Semplice timer Snippet PHP 0
P inizio con il php ... semplice aiuto!! PHP 12
L Semplice esercizio funzioni JavaScript Javascript 5
borgo italia phishing o malware o semplice truffa? Discussioni Varie 0
P Galleria immagini semplice Javascript 5
Web Designer Semplice Tutorial Photoshop Effetto Fantasma Photoshop 1
ste80 Problemuccio con semplice guestbook PHP 4
S semplice query che non funziona :( PHP 3
criric Semplice calendario Snippet PHP 0
L aiuto per questa semplice regex PHP 5
S Semplice domanda con Javascript Javascript 3
M Semplice sito php/mysql...è veramente semplice ? PHP 5

Discussioni simili