problema di link con Firefox

**autumn** · 27-01-2008, 18:19

Ciao a tutti.
Sto costruendo un piccolo sito per un esame. Non riesco a capire come mai, ma alcuni link non trasformano il puntatore da freccia a manina. Altri link, anche della stessa pagina, funzionano senza problemi.
Il problema riguarda solo Firefox, IE, stranamente, non dà problemi.
Le caratteristiche dei link sono assegnate tramite classi e quindi questo rende ancora più strano il fatto che alcuni funzioni e altri no. In teoria è anche per questo che dovrebbero servire i CSS, no?

Inoltre non riesco a far funzionare il tag alt per dare le etichette alle immagini. Alcune funzionano e altre no. Questo problema riguarda sia Firefox che IE.

Qualcuno mi aiuti
grazie

autumn

**Myaku** · 27-01-2008, 18:32

se non ci posti il codice o un link, è un po' difficile aiutarti

**autumn** · 27-01-2008, 22:48

IN EFFETTI POTREBBE ESSERE UTILE
ECCOLO DI SEGUITO

codice:

<div class="colonna centrale">
<h1>[img]immagini_struttura/phi_foglioServiziTesta.png[/img]</h1>
<div class="testo">
[img]immagini_struttura/serviziograficaArancio.png[/img]
[img]immagini_struttura/serviziowebArancio.png[/img]
[img]immagini_struttura/serviziofotografiaArancio.png[/img]
<p class="clear"></p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="30">
<param name="movie" value="componenti%20flash/prova.swf">
<param name="quality" value="high">
<embed src="componenti%20flash/prova.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="30"></embed>
</object>
</div>
<h1>[img]immagini_struttura/phi_foglioCentralePiede.png[/img]</h1>


body {
margin:0;
padding:0;
border:0;
background:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#00669a;
background:#fff url(immagini_struttura/sfondoPagina.png) top left repeat-x;
}

a:link,
a:visited,
a:hover {
color:#ffa700;
text-decoration:underline;
font-weight:bold;
}

a:link img,
a:visited img,
a:hover img {
border:0;
text-decoration:none;
}

.colonna{
text-align:left;
color:#00669a;
line-height:2em;
margin:0;
padding:0;
border:0;
float:left;
}

.colonna h1{
line-height:25px;
margin:0;
padding:-5px 0 0 0;
}
.centrodestra{
float:left;
width:500px;
margin:0px 0px 0px 10px;
}

.testo_centrodestra {
height:100%;
text-align:center;
padding:0px 10px;
background:url(immagini_struttura/phi_foglioCentroDestraSfon.png) top left repeat-y;
}

**Max1** · 28-01-2008, 01:13

Allora i link che hai postato a me funzionano bene sia con FF sia con IE

Vedo comunque errori di sintassi nel codice che hai postato se usi il:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

cosa che non hai specificato.

Per visualizzare il toltip sulle immagini bisogna che usi

codice:

title="testo da visualizzare"

**Vincent.Zeno** · 28-01-2008, 01:46

Originariamente inviato da autumn
Inoltre non riesco a far funzionare il tag alt per dare le etichette alle immagini. Alcune funzionano e altre no. Questo problema riguarda sia Firefox che IE.

il tag alt viene visualizzato a schermo solo da IE,
per visualizzare il tooltip su FF devi aggiungere title

h1 è un titolo... non un'immagine!

**autumn** · 28-01-2008, 10:43

Grazie mille vincent.zeno e Max1.
Provo con i cambiamenti e vi faccio sapere.

Grazie ancora

**autumn** · 28-01-2008, 11:51

Mi dispiace ragazzi, alcune cose le ho risolte (come i tooltip) ma rimane ancora il problema di alcuni collegamenti che non funzionano. Alcuni vanni altri no.

Tra poco posto anche il codice di riferimento magari in maniera un pò più specifica rispetto quello che ho già postato

Grazie mille

autumn

p.s: può essere un problema di DOCTYPE? Attualmente uso una versione piuttosto vecchia e non aggiornata di Dreamweaver e usa un DOCTYPE completamente diverso da quello che mi ha postato Max1. Le pagine si basano su html 4.1. Ho cambiato il DOCTYPE sulle pagine ma non so se devo anche aggiornare qualcosa su Dreamweaver..... scusate sono proprio un disastro

grazie ancora
autumn

**Vincent.Zeno** · 28-01-2008, 12:37

puoi usare il DTD che vuoi, ma dopo devi rispettarne le specifiche,
e le caratteristiche:
http://www.w3schools.com/tags/tag_doctype.asp
http://xhtml.html.it/

il DTD suggerito da Max1 non corrisponde al tuo modo di scrivere:
o vai in una direzione o vai nell'altra.

per quanto riguarda il problema dei link è meglio che posti tutto il codice.

**autumn** · 28-01-2008, 13:13

Ecco il codice completo

spero riusciate a spiegarmi perché le tre immagini che si trova nella "colonna centrale" (serviziograficaArancio, serviziowebArancio, serviziofotografiaArancio) al passaggio del puntatore non viene trasformato in mano. Grazie mille a tutti quelli che tenteranno

buona giornata a tutti

autumn

codice:

<body>
	<div id="centrato">
		<div id="pagina">
		
		  <span class="mappa">
		  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="140" height="10">
            <param name="movie" value="sound2.swf">
            <param name="quality" value="high">
            <embed src="sound2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="140" height="10"></embed>
	      </object>
		  </span>
		  
		  <span class="oggi">[img]immagini_struttura/busta.png[/img][img]immagini_struttura/sitemap.png[/img][img]immagini_struttura/privacy.png[/img][img]immagini_struttura/chiave.png[/img]</span>
			<div class="clear"></div>
			<div id="nuovomenu">
			[img]immagini_struttura/menu2.png[/img]
				<div class="menu">
				<ul>
					<li class="sezione">HOME
				
				[/list]
				<ul>
					<li class="sezione">SERVIZI
				
				[/list]
				<ul>
					<li class="sezione">PORTFOLIO
				
				[/list]
				<ul>
					<li class="sezione">DOWNLOAD
				
				[/list]
				<ul>
					<li class="sezione">CONTATTI
				
			</div>
				
			<span class="mappa">
				sei in: home
			</span>
			<span class="oggi">
	 			28 Gennaio, 2008
			</span>
			<p class="clear"></p>
			<div id="contenuto">
				[img]immagini_struttura/sfondosemplice_testa.png[/img]
				<div class="colonna sinistra">
				
				[img]immagini_struttura/phi_foglioNewsTesta.png[/img]
					<div class="testo sin">
					<p class="attenzione"><span class="data">6-10-2007</span> - E' on line la nuova versione del sito PHI.com [img]immagini_struttura/link_in.png[/img]</p>
					<p class="news"><span class="data">29-09-2007</span> - E' terminata la realizzazione del logo per "i Microbi" [img]immagini_struttura/link_in.png[/img]</p>
					<p class="news"><span class="data">27-09-2007</span> - E' pronto il nuovo catalogo della cooperativa Excelsior [img]immagini_struttura/link_in.png[/img]</p>
					<p class="offerta">18-08-07 - Per il mese di settembre -20% sui siti statici di almeno 15 pagine [img]immagini_struttura/link_in.png[/img]</p>
					</div>
				[img]immagini_struttura/phi_foglioSinistroPiede.png[/img]
				</div>
				<div class="colonna centrale">
				[img]immagini_struttura/phi_foglioServiziTesta.png[/img]
					<div class="testo">
					[img]immagini_struttura/serviziograficaArancio.png[/img]
					[img]immagini_struttura/serviziowebArancio.png[/img]
					[img]immagini_struttura/serviziofotografiaArancio.png[/img]
					<p class="clear"></p>
					<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="30">
					  <param name="movie" value="componenti%20flash/prova.swf">
					  <param name="quality" value="high">
					  <embed src="componenti%20flash/prova.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="30"></embed>
					</object>
					</div>
				[img]immagini_struttura/phi_foglioCentralePiede.png[/img]
				[img]immagini_struttura/phi_foglioVetrinaTesta.png[/img]
					<div class="testo">
					<div class="testo_flash">
					Il restyling del sito PHI: grafica pulita e minimalista
					senza tralasciare i dettagli. Il colore azzurro risulta piuttosto rilassante nelle varie sfumature utilizzate.
					  </div>
					  	<div class="flash">
						  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="180" height="180">
                            <param name="movie" value="componenti%20flash/anteprima_vetrina.swf">
                            <param name="quality" value="high">
                            <embed src="componenti%20flash/anteprima_vetrina.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="180" height="180"></embed>
					      </object>
						</div>
					  <p class="clear"></p>
					</div>
				[img]immagini_struttura/phi_foglioCentralePiede.png[/img]
				</div>
			  <div class="colonna destra">
				[img]immagini_struttura/phi_foglioMailingTesta.png[/img]
					<div class="testo des">Aggiornamenti sulle offerte


					<input name="email" type="text" value="email" size="8" maxlength="50">
					[img]immagini_struttura/link_in.png[/img]
					</div>
				[img]immagini_struttura/phi_foglioDestroPiede.png[/img]
				

				

				[img]immagini_struttura/phi_foglioLinksTesta.png[/img]
					<div class="testo des">
					

SabianLab [img]immagini_struttura/link_out.png[/img]</p>
					

Marco Lampa [img]immagini_struttura/link_out.png[/img]</p>
					

Cristiano Tieri [img]immagini_struttura/link_out.png[/img]</p>
					

Dess MM [img]immagini_struttura/link_out.png[/img]</p>
					</div>
				[img]immagini_struttura/phi_foglioDestroPiede.png[/img]
			  </div>
			<p class="clear"></p>
			</div>
		[img]immagini_struttura/sfondosemplice_piede.png[/img]
		<p class="clear">Designed by autumn - powered by arub - &copy; all right reserved by PHI</p>
		</div>
	</div>
	</div>
</body>
</html>

body {
margin:0;
padding:0;
border:0;
background:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#00669a;
background:#fff url(immagini_struttura/sfondoPagina.png) top left repeat-x;
}

a:link,
a:visited,
a:hover {
color:#ffa700;
text-decoration:underline;
font-weight:bold;
}

a:link img,
a:visited img,
a:hover img {
border:0;
}

#centrato {
background-color: #b2d6e8;
margin:20px 0 0 100px;
padding:2px 5px 2px 5px;
border:0;
width:710px;
}

#pagina {
background-color: #ffffff;
width:690px;
margin:5px;
padding:5px;
border:0;
text-align:right;
}

#contenuto{
background:#fff url(immagini_struttura/sfondosemplice_corpo.png) top left repeat-y;
height:100%;
margin:0;
padding:0;
border:0;
}

#nuovomenu {
position: relative;
margin:0;
padding:0;
border:0;
}

.menu {
text-align:center;
position:absolute;
top:0;
right:0;
padding: 180px 125px 0 0;
}

.menu ul{
	color:#00669a;
	line-height:1.5em;
	font-size:10px;
	margin:0 0 0 1px;
	padding:0;
	list-style:none;
	display:block;
	float:left;
	}

.sezione {
	background:url(immagini_struttura/sfondomenu.png) top left no-repeat;
	width:70px;
	font-size:11px;
	line-height:20px;
	color:#00669a;
	border-right:1px solid #00669a;
	border-left:1px solid #00669a;
	margin:0;
	padding:0 0.5em;
	font-weight:bold;
	}

.sezione a:link,
.sezione a:visited{
	color:#00669a;
	font-weight:bold;
	text-decoration:none;
	}

.sezione a:hover,
.sezione a:focus,
.sezione a:active{
	color:#ffa700;
	border-bottom:3px solid #ffa700;}
		
.clear {
	line-height:1px;
	clear:both;
	display:block;
}

.mappa {
float:left;
font-size:10px;
font-weight:bold;
width:330px;
padding:0 0 0 15px;
text-align:left;
display:block;
}

.oggi{
float:left;
width:330px;
padding:0 15px 0 0;
text-align:right;
display:block;
}

.colonna{
text-align:left;
color:#00669a;
line-height:2em;
margin:0;
padding:0;
border:0;
float:left;
}


.sinistra{
width:180px;
}

.centrale{
width:370px;
margin:0 10px;
}

.destra{
width:120px;
text-align:center;
}

.testo {
	border:0;
	margin:0;
	height:100%;
	text-align:center;
	padding:0 10px;
	background:url(immagini_struttura/phi_foglioCentraleSfondo.png) top left repeat-y;
	}
	
.sin {
	padding:5px 13px 5px 10px;
	background:url(immagini_struttura/phi_foglioSinistroSfondo.png) top left repeat-y;
	}

.des {
	font-size:9px;
	padding:10px 13px 5px 10px;
	background:url(immagini_struttura/phi_foglioDestroSfondo.png) top left repeat-y;
	}
	
.testo img{
	padding:0 10px;
	}
	
.testo_flash {
	width:160px;
	float:left;
	}
	
.flash {
padding:0 5px;
	float:left;
	}

.attenzione{
background:url(immagini_struttura/news_foglio_attenzione.png) top left no-repeat;
padding:0px 0px 0px 25px;
border:0px;
margin:10px 0px 0px 0px;
line-height:15px;}

.offerta{
background:url(immagini_struttura/news_foglio_offerta.png) top left no-repeat;
padding:0px 0px 0px 25px;
border:0px;
margin:10px 0px 0px 0px;
line-height:15px;}

.news{
background:url(immagini_struttura/news_foglio_lavoro.png) top left no-repeat;
padding:0px 0px 0px 25px;
border:0px;
margin:10px 0px 0px 0px;
line-height:15px;}

**Vincent.Zeno** · 28-01-2008, 13:47

Originariamente inviato da autumn
spero riusciate a spiegarmi perché le tre immagini che si trova nella "colonna centrale" (serviziograficaArancio, serviziowebArancio, serviziofotografiaArancio ) al passaggio del puntatore non viene trasformato in mano . Grazie mille a tutti quelli che tenteranno

ovvio: perché non sono link !

edit: in effetti ho provato a correggere ma su FF non appare il link.... provo a verificare

Discussione: problema di link con Firefox

Strumenti discussione

Ricerca discussione

Visualizza

problema di link con Firefox

Re: problema di link con Firefox

Permessi di invio