Problemi di compatibilità con vari browser

**wegawhite** · 03-07-2011, 19:57

Ciao!

Parte CSS:

codice:

/*LOGOTIPO*/			
#fotodx{ 
height:100px; 
width:290px; 
float:right; 
margin-right: -25px; 
margin-top: 15px;
margin-bottom: -150px; 
padding: 0px; 
vertical-align: top; 
border : 0px;
}

Parte HTML:

codice:

<a href="http://localhost/?ID=645"> 
[img]/img/COVER.JPG[/img]</a>

Il link alla pagina web con ID=645 funziona correttamente in IE8, IE9 e Opera.
Il link alla pagina web con ID=645 non funziona in Firefox, Chrome, Safari e K-meleon.

Da cosa dipende?
Grazie

**MicheleWT** · 04-07-2011, 11:47

ma il css che ruolo ha in tutto questo? non visualizzi correttamente il css nei vari browser (css) oppure cliccando sul link riscontri problemi?

**wegawhite** · 04-07-2011, 12:15

Il file CSS viene letto bene da tutti i browsers, il problema che il link su:

codice:

<a href="http://localhost/?ID=645"> 
[img]/img/COVER.JPG[/img]</a>

si attiva solo su IE8, IE9 e Opera, mentre non si attiva su Firefox, Chrome, Safari e K-Meleon.

Per intenderci se passo con il mouse sopra l'immagine COVER.JPG si visualizza la classica 'manina' e se ci clicco sopra, mi apre la pagina http://localhost/?ID=645, ma questo avviene sono per IE8, IE9 e Opera.

Perchè?

**MicheleWT** · 04-07-2011, 14:19

ma se al posto dell'immagine inserisci del testo il link si apre regolarmente?

**wegawhite** · 04-07-2011, 18:13

Originariamente inviato da MicheleWT
ma se al posto dell'immagine inserisci del testo il link si apre regolarmente?

Si attiva e funziona:

codice:

<a href="http://localhost/?ID=645"> 
<id="fotodx">Clicca qui</a>

**MicheleWT** · 04-07-2011, 19:04

il codice che hai appena caricato non ha senso, il tag id non esiste, lo apri e non lo chiudi all'interno del css.

Prova a postare l'html della pagina e il css e si sistema, oppure posta un link

**wegawhite** · 04-07-2011, 19:09

Ecco, è semplicissimo:

HTML:

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">
<head>
    
<title>Pagina test</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="mycss.css" rel="stylesheet" type="text/css" />

</head>
   <body>
      <div>
         <a href="http://localhost/?ID=645"> 
         [img]/img/COVER.JPG[/img]</a>
      </div>
   </body>
</html>

CSS:

codice:

/*LOGOTIPO*/			
#fotodx{ 
height:100px; 
width:290px; 
float:right; 
margin-right: -25px; 
margin-top: 15px;
margin-bottom: -150px; 
padding: 0px; 
vertical-align: top; 
border : 0px;
}

**MicheleWT** · 04-07-2011, 19:30

non dovrebbe contentere errori tranne che l'url dell'immagine, sei su linux? /img va a pescare dove?
quella stringa sulla barra degli indirizzi del browser carichi l'immagine?

prova a mettere un indirizzo relativo "../img/COVER.JPG" oppure "img/COVER.JPG" oppure "http://localhost/img/COVER.JPG"

dipende da come hai la struttura del webserver apache

controlla che il file abbia nome e estensione in maiuscono,
non dovrebbero esserci altri intoppi

**wegawhite** · 04-07-2011, 21:09

Originariamente inviato da MicheleWT
non dovrebbe contentere errori tranne che l'url dell'immagine, sei su linux? /img va a pescare dove?
quella stringa sulla barra degli indirizzi del browser carichi l'immagine?

prova a mettere un indirizzo relativo "../img/COVER.JPG" oppure "img/COVER.JPG" oppure "http://localhost/img/COVER.JPG"

dipende da come hai la struttura del webserver apache

controlla che il file abbia nome e estensione in maiuscono,
non dovrebbero esserci altri intoppi

Grazie, risolto.

Problema con il nome immagine (da tutto maiuscolo a tutto minuscolo), così adesso funziona:

codice:

<a href="http://localhost/?ID=645"> 
         [img]/img/cover.jpg[/img]</a>

**MicheleWT** · 05-07-2011, 07:51

Discussione: Problemi di compatibilità con vari browser

Strumenti discussione

Ricerca discussione

Visualizza

Problemi di compatibilità con vari browser

Permessi di invio