| Mostra argomento precedente :: Mostra argomento successivo |
| Autore |
Messaggio |
gerarcone
utente attivo
Iscritto: 04 Mgg 2004
Messaggi: 5313
Località: Roma
|
 Inviato: Mer 22 Mar, 2006 6:49 pm Oggetto: Problema con CSS e portabilità |
 |
|
Ho un problema con dei fogli di stile che mi funzionano con Opera ma non con IE 6; purtroppo sono molto ignorante in materia e non riesco a uscirne... 
Qui sul forum c'è qualcuno che ne capisce? |
|
Vai ad inizio pagina
Vai a fine pagina |
|
 |
One_more_time
utente attivo
Iscritto: 05 Ott 2005
Messaggi: 3361
|
| Inviato: Mer 22 Mar, 2006 7:28 pm Oggetto: |
|
|
Vai qui, c'e' un ottimo validator, se cerchi nel sito trovi anche la compatibily list o dai una botta di www.google.it per reperirla
http://jigsaw.w3.org/css-validator/
OMT
_________________
Cooperativa di mutuo soccorso tra fotodilettanti "Il Commento".
Si avvisa la gentile clientela che per motivi sanitari,
saranno commentate solo le foto di chi collabora al forum con i suoi commenti. |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
gerarcone
utente attivo
Iscritto: 04 Mgg 2004
Messaggi: 5313
Località: Roma
|
| Inviato: Mer 22 Mar, 2006 7:38 pm Oggetto: |
|
|
L'ho già provato, e non mi dà errori (infatti con Opera funziona). Sto guardando da due giorni nella documentazione ma c'è da uscire pazzi! |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
One_more_time
utente attivo
Iscritto: 05 Ott 2005
Messaggi: 3361
|
| Inviato: Mer 22 Mar, 2006 8:57 pm Oggetto: |
|
|
| gerarcone ha scritto: |
L'ho già provato, e non mi dà errori (infatti con Opera funziona). Sto guardando da due giorni nella documentazione ma c'è da uscire pazzi! |
In giro c'e' la lista dei tag riconosciuti da tutti i browser con le eccezioni per ogni singolo programma, trova quella e sei a posto.
In rete c'e' perche' l'ho trovata tempo fa.
Non credere che sia impresa facile
OMT
_________________
Cooperativa di mutuo soccorso tra fotodilettanti "Il Commento".
Si avvisa la gentile clientela che per motivi sanitari,
saranno commentate solo le foto di chi collabora al forum con i suoi commenti. |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
tav1
utente attivo
Iscritto: 05 Mgg 2004
Messaggi: 1142
Località: Bologna
|
| Inviato: Mer 22 Mar, 2006 9:19 pm Oggetto: |
|
|
come ti capisco .... infatti mi sono anch'io fatto il sito con i css non ti dico lo sclero ma alla fine con i tre browser Opera Firefox e IE si è posizionato tutto +- bene
_________________
Canon EOS 40d + Canon 10-22 + SIGMA 70-200 2.8 APO + Canon 24-105 f4 L
Le mie foto su Flickr | Il mio Sito | Il mio MySpace |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
PietroF
utente attivo
Iscritto: 15 Apr 2005
Messaggi: 5205
Località: Palermo
|
| Inviato: Mer 22 Mar, 2006 9:25 pm Oggetto: |
|
|
non li ho mai capiti i css
_________________
"This is not Vietnam. This is bowling. There are rules."
Le mie foto sono qui |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
gerarcone
utente attivo
Iscritto: 04 Mgg 2004
Messaggi: 5313
Località: Roma
|
| Inviato: Gio 23 Mar, 2006 1:21 pm Oggetto: |
|
|
Speravo di trovare qualcuno competente, perché da solo proprio non riesco a risolvere
Vabbé, posto un pezzo di codice che mi funziona bene con Opera (e probabilmente anche con FireFox) e malissimo con IE; se c'è qualcuno che conosce la causa o la soluzione parli per favore!
| Codice: | HTML:
<table border="0" cellpadding="0" cellspacing="0" align="center"
class="tabella_thumbnail">
<tr>
<td class="prima_tabella_thumbnail_up"><a href="#img1"
class="link_thumbnail"><img src="thumbs/thumb1.jpg" width="70"
height="70"></a></td>
<td class="tabella_thumbnail_up"><a href="#img2"
class="link_thumbnail"><img src="thumbs/thumb2.jpg" width="70"
height="70"></a></td>
<td class="ultima_tabella_thumbnail_up"><a href="#img4"
class="link_thumbnail"><img src="thumbs/thumb3.jpg" width="70"
height="70"></a></td>
</tr>
</table>
CSS corrispondenti:
.tabella_thumbnail {width: 400px;}
.tabella_thumbnail_up {padding-top: 40px; padding-left: 4px; padding-right:
4px; padding-bottom: 4px;}
.prima_tabella_thumbnail_up {padding-top: 40px; padding-left: 0px;
padding-right: 4px; padding-bottom: 4px;}
.ultima_tabella_thumbnail_up {padding-top: 40px; padding-left: 4px;
padding-right: 0px; padding-bottom: 4px;}
.link_thumbnail img {
border: 1px dashed #333333;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}
.link_thumbnail img:hover {
border: 1px solid #C0C0C0;
} |
|
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
Filippo Rubin
utente attivo
Iscritto: 09 Mar 2005
Messaggi: 5784
Località: Ferrara
|
| Inviato: Gio 23 Mar, 2006 1:58 pm Oggetto: |
|
|
Esattamente qual è il problema che ti da IE?
Qual è il sito? |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
Filippo Rubin
utente attivo
Iscritto: 09 Mar 2005
Messaggi: 5784
Località: Ferrara
|
| Inviato: Gio 23 Mar, 2006 2:00 pm Oggetto: |
|
|
l'ultima dichiarazione:
| Codice: | .link_thumbnail img:hover {
border: 1px solid #C0C0C0;
} |
riscrivila così:
| Codice: |
img.link_thumbnail:hover {
border: 1px solid #C0C0C0;
} |
|
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
gerarcone
utente attivo
Iscritto: 04 Mgg 2004
Messaggi: 5313
Località: Roma
|
| Inviato: Gio 23 Mar, 2006 2:12 pm Oggetto: |
|
|
| filrub ha scritto: | Esattamente qual è il problema che ti da IE?
Qual è il sito? |
IE ignora completamente il padding (quindi mi piazza il bordo attaccato all'immagine) e ovviamente ignora l'istruzione img:hover. Su di un forum dedicato mi hanno solamente saputo dire che quella sintassi non è ancora supportada dalla Bill Industries (noto marchio). La soluzione per il secondo caso che mi proponi non mi funziona proprio in entrambi i browser.
Ovviamente questa tabella è solo uno dei tanti problemi che sto avendo, dovuti alla mia leggerezza nel testare il sito con Opera e non con IE. Sostanzialmente comunque si tratta quasi sempre di casini con il padding che IE talvolta (talvolta!!!) ignora.
Se ti viene in mente qualcosa, sono qui per adorarti. 
P.S. Il sito non l'ho messo online, per ora lo sto testando in locale. Comunque puoi facilmente "toccare con mano" i casini creandoti un file html e relativo foglio di stile, ci metti pure un paio di immagini 70x70 e lo visualizzi. |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
Filippo Rubin
utente attivo
Iscritto: 09 Mar 2005
Messaggi: 5784
Località: Ferrara
|
| Inviato: Gio 23 Mar, 2006 2:18 pm Oggetto: |
|
|
Che versione di IE utilizzi?
Qui c'è descritto un problema di interpretazione di IE < 6.0:
http://constile.org/tutorial/IE5_box_model/
il codice che ti ho postato lo utilizzo sul mio sito www.frphoto.net (che ho da poco rifatto completamente utilizzando i css al posto delle tabelle) e funziona. |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
Filippo Rubin
utente attivo
Iscritto: 09 Mar 2005
Messaggi: 5784
Località: Ferrara
|
| Inviato: Gio 23 Mar, 2006 2:21 pm Oggetto: |
|
|
Un'altra cosa:
anch'io avevo diversi problemi con i css ma li ho in gran parte risolti quando ho abbandonato l'html semplice e sono passato all'xhtml strict.
La sua struttura molto rigida riduce sensibilmente i malfunzionamenti.
Un buon corso di xhtml lo trovi qui:
http://stor.altervista.org/informatica/web/web00.php |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
gerarcone
utente attivo
Iscritto: 04 Mgg 2004
Messaggi: 5313
Località: Roma
|
| Inviato: Gio 23 Mar, 2006 2:27 pm Oggetto: |
|
|
| filrub ha scritto: | | Che versione di IE utilizzi? |
Ahimé, l'ultima
| filrub ha scritto: | | il codice che ti ho postato lo utilizzo sul mio sito www.frphoto.net (che ho da poco rifatto completamente utilizzando i css al posto delle tabelle) e funziona. |
Purtroppo non ho il tempo di aggiornarmi in questo senso resto un fedelissimo delle tabelle
Alla fine se non riesco a trovare una soluzione diretta, mi sa che devo rassegnarmi a rifare completamente tutto daccapo... 
Come sempre: grazie Bill per la professionalità! |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
Filippo Rubin
utente attivo
Iscritto: 09 Mar 2005
Messaggi: 5784
Località: Ferrara
|
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
gerarcone
utente attivo
Iscritto: 04 Mgg 2004
Messaggi: 5313
Località: Roma
|
| Inviato: Gio 23 Mar, 2006 2:48 pm Oggetto: |
|
|
Perfetto, infatti Opera mi visualizza correttamente i margini mentre Explorer no (esteticamente si vede un quadrato tratteggiato di dimensioni minori, ma in realtà il browser sta ignorando le istruzioni sul padding).
L'unica cosa: non mi funziona il cambio di bordo (istruzione hover) hai usato la tua versione? |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
Filippo Rubin
utente attivo
Iscritto: 09 Mar 2005
Messaggi: 5784
Località: Ferrara
|
| Inviato: Gio 23 Mar, 2006 2:51 pm Oggetto: |
|
|
| gerarcone ha scritto: | [
L'unica cosa: non mi funziona il cambio di bordo (istruzione hover) hai usato la tua versione? |
LE ho provate entrambe e mi funzionane entrambe, adesso è impostato sulla tua versione |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
gerarcone
utente attivo
Iscritto: 04 Mgg 2004
Messaggi: 5313
Località: Roma
|
| Inviato: Gio 23 Mar, 2006 2:56 pm Oggetto: |
|
|
| filrub ha scritto: | | gerarcone ha scritto: | [
L'unica cosa: non mi funziona il cambio di bordo (istruzione hover) hai usato la tua versione? |
LE ho provate entrambe e mi funzionane entrambe, adesso è impostato sulla tua versione |
Ora mi funziona l'effetto con Opera, ma tu con che browser hai verificato (dimmi pure la versione)? Resta purtroppo il casino del padding, ovvero il problema principale. |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
Filippo Rubin
utente attivo
Iscritto: 09 Mar 2005
Messaggi: 5784
Località: Ferrara
|
| Inviato: Gio 23 Mar, 2006 3:08 pm Oggetto: |
|
|
| IE 6.0 e firefox ultima versione |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
gerarcone
utente attivo
Iscritto: 04 Mgg 2004
Messaggi: 5313
Località: Roma
|
| Inviato: Gio 23 Mar, 2006 3:25 pm Oggetto: |
|
|
| filrub ha scritto: | | IE 6.0 e firefox ultima versione |
E ti funziona il cambio di bordo con IE?
Comincio a non capirci più nulla!!!
Comunque sia, grazie mille per il tuo aiuto! |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
Filippo Rubin
utente attivo
Iscritto: 09 Mar 2005
Messaggi: 5784
Località: Ferrara
|
| Inviato: Gio 23 Mar, 2006 3:40 pm Oggetto: |
|
|
Adesso l'ho fatto andare con IE e non con Firefox 
Cmq l'arcano è che IE supporta l'hover solo per l'elemento <a>, mentre firefox lo supporta anche per gli altri elementi |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
|
Home
Forum
Fotografie
Le mie foto
Cerca
Utenti
Regolamento
FAQ
MP
Iscrizione
Login
