Topic: Conflitto CSS e Firefox

[andreyax]

Ciao a tutti,

premetto che ho controllato sul forum prima di postare nuovamente un problema come questo ma se pur vi sono problematiche simili alla mia nessuna delle stesse mi ha saputo aiutare in maniera corretta.

espongo il mio problema che ovviamente riguarda il collegamento tra i CSS e le pagine HTML utilizzando Firefox:

ho creato una index.htm con annesso codice che collega la stessa ad un file CSS di nome formattazione.css

nella pagina index ho creato un link ad una pagina interna e nella cella dove risiede il link ho inserito un'immagine sfruttando il collegamento con il css e riponendo il percorso dell'immagine direttamente nel foglio di style sopra citato.

il problema sostanziale è che con internet explorer il link funziona perfettamente mentre con firefox l'immagine si vede correttamente ma il link non da segno di vita e quindi non si può accedere alla pagina a cui è collegato. A volte mi capita che il link ci sia ma di dimensioni estremamente piccole rispetto alla dimensione dell'immagine e quindi diventa introvabile per chi non conosce questo inghippo.

vi riporto qui di seguito la parte del codice html utilizzato nel caso in questione:

 

Codice: [Seleziona]

<tr height="167">
   <td>
      <table width="164" height="167" border="0" cellpadding="0" cellspacing="0" align="center">
         <tr>
            <td width="1" bgcolor="#666666">
            </td>
            <td width="162" class="netwall" align="center"><a href="netwall.htm" class="linknetwall"></a></td>
            <td width="1" bgcolor="#666666">
            </td>
         </tr>
      </table>
   </td>
</tr>

Nel file CSS ovviamente .netwall conterrà l'url dell'immagine e linknetwall la misura del link e tutte le sue caratteristiche che però non vengono tenute in considerazione da firefox purtroppo...

Qualcuno mi sa aiutare?

Ovviamente Grazie in anticipo Andrea

[andreyax]

ma non mi sa aiutare nessuno?  

[cecca]

Come disse saggiamente qualcun altro:
NON siamo un servizio di Help Desk...

Per cui se non ricevi risposte è perchè nessuno ti sa aiutare o l'utente che potrebbe farlo non si è ancora collegato.
Per cui ti invito ad avere pazienza mentre io sposto in altra sezione  

[lucasali]

puoi metterci a disposizione una pagina online per fare delle prove?
hai provato a validare il codice?

ciao. Luca

[andreyax]

cosa vuol dire validare il codice?

come si fa a validarlo?

e poi parli del codice html o css?

[lucasali]

http://www.w3.org/
valida entrambi e correggi eventuali errori.

[mas_160]

Il problema in effetti non c'è.
Non ci hai fornito il foglio di stile, ma presumo che quando dici che  la classe linknetwall conterrà

la misura del link e tutte le sue caratteristiche

ci sarà qualcosa riguardo l'altezza e la larghezza dell'area cliccabile.
Questo  non è applicabile ad un anchor, in quanto le proprietà width ed height sono applicabili solo ai block-level elements ed ai replaced elements, le anchor non sono ne l'una ne l'altra.
Per risolvere devi aggiungere alla classe linknetwall la regola

Codice: [Seleziona]

display : blockche indipendentemente dal tipo di elemento ne forza il trattamento come block-level.
Il fatto che funzioni con IE è del tutto irrilevante,  il trattamento corretto secondo specifica  è quello di firefox.

[tittoproject]

Nel file CSS ovviamente .netwall conterrà l'url dell'immagine e linknetwall la misura del link e tutte le sue caratteristiche che però non vengono tenute in considerazione da firefox purtroppo...

Sinceramente non riesco a capire bene la domanda, ma se metti un link ad una pagina completa la si può vedere sia con FF che con IE e capire cosa non va.

[bogyit]

Per risolvere devi aggiungere alla classe linknetwall la regola

Codice: [Seleziona]

display : blockche indipendentemente dal tipo di elemento ne forza il trattamento come block-level.
Il fatto che funzioni con IE è del tutto irrilevante,  il trattamento corretto secondo specifica  è quello di firefox.

come diceva mas_160 metti il display block e poi assegna altezza e larghezza altrimenti è come se non ci fosse. Quel link non ha un testo cliccabile, ciao

[unoqualunque]

io non userei bgcolor ma una class css... per risolvere serve l'intero codice css e html.