semplice link che però non compare dentro ad un DIV

S

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:peppe@gmail.com" 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
 
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
 
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.
 
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 -->
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

L
help - semplice link "getURL" con Flash 8
Risposte
2
Visite
4K
Flash
linomarra
L
A
Web master per semplice sito web
Risposte
2
Visite
2K
Offerte e Richieste di Lavoro e/o Collaborazione
gio1999
G
M
Semplice visualizzatore di immagini [risolto con plugin wp]
Risposte
7
Visite
2K
PHP
master1986
M
L
[PHP] cambiare gli if in un url semplice
Risposte
1
Visite
1K
PHP
Tommy03
Tommy03
L
[PHP] convertire gli url ad forma semplice
Risposte
3
Visite
2K
PHP
luigi777
L
G
Caricare una semplice Jpg con il PHP
Risposte
1
Visite
1K
PHP
Max 1
Max 1
Federico.Marcelo
  • Bloccata
qual è il modo più semplice per creare file GIF di alta qualità?
Risposte
4
Visite
2K
Webdesign e Grafica
LinuxOhYeah
L
V
Semplice barra di ricerca con filtro categorie prodotti
Risposte
0
Visite
2K
E-Commerce
vidmotion
V
Z
Semplice area privata in php
Risposte
6
Visite
2K
PHP
marlev
M
M
Un semplice saluto
Risposte
1
Visite
778
Presentati al Forum
borgo italia
borgo italia
T
Visualizzare un Xml su un sito in modo semplice
Risposte
1
Visite
3K
XML
criric
criric
X
[Photoshop] Cercasi strumento per ottenere un semplice effetto.
Risposte
6
Visite
2K
Photoshop
XDjAntonioX
X
J
[PHP] sviluppare una semplice calcolatrice
Risposte
1
Visite
2K
PHP
Max 1
Max 1
booklisa
[PHP] Domanda semplice (apparantemente)
Risposte
4
Visite
2K
PHP
booklisa
booklisa
R
[PHP] Semplice form
Risposte
4
Visite
2K
PHP
ricdil
R
G
[CERCO][Retribuito] Programmatore Windows per un semplice software
Risposte
0
Visite
1K
Offerte e Richieste di Lavoro e/o Collaborazione
Galerio
G
MarcoGrazia
Costruire una semplice chat in PHP non è affatto semplice.
Risposte
3
Visite
1K
PHP
MarcoGrazia
MarcoGrazia
G
aiuto per semplice menu onclick
Risposte
6
Visite
2K
HTML e CSS
Max 1
Max 1
T
Problema Semplice Script
Risposte
1
Visite
2K
Javascript
criric
criric
Mr. Alex D.
Creazione semplice autorisponditore con redirect
Risposte
1
Visite
1K
PHP
borgo italia
borgo italia
Alto Basso