Visualizzazione risultati 1 fino 23 di 23

Discussione: Internet Explorer e CSS

  1. #1
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Arrow Internet Explorer e CSS

    Ciao a tutti,
    scusate se vi stresso ancora, ma vorrei sapere perchè quando metto online una pagina html che richiama un foglio si stile CSS esterno, il browser Internet Explorer visualizza soltanto la pagina html senza tenere conto del CSS.
    Grazie

  2. #2
    Guest

    Predefinito

    posta il codice ke usi x includere il file

  3. #3
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Predefinito

    Eccolo:

    <link rel=stylesheet href="style_css.css" type="text/css">

  4. #4
    L'avatar di domenicoragusa
    domenicoragusa non è connesso Altervistiano Junior
    Data registrazione
    03-06-2005
    Messaggi
    618

    Predefinito

    hai dimenticato gli apici:
    Codice HTML:
    <link rel="stylesheet" href="style_css.css" type="text/css">
    mi raccomando metti il codice tra <head> e </head>
    assicurati che il file style_css.css sia presente nella directory della pagina, per sicurezza posta il link della apgina incriminata
    ciao ciao

  5. #5
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Predefinito

    Ecco il link: http://ilvecchiofumetto.altervista.org/prova/home.htm
    Il tag l'ho messo tra head e /head, ma non capisco perchè con I.E. non tenga conto del CSS... Se sai qualcosa fammi sapere

  6. #6
    Guest

    Predefinito

    a me funziona bene prova a andare sul tuo sit o e fare CTRL+F5

  7. #7
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Sai che avevo avuto anch'io questo problema (vedi http://forum.altervista.org/showthread.php?t=29170: il primo primo thread su AV, un'esperienza da dimenticare... ;-( ), poi misteriosamente si è risolto da solo...

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  8. #8
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Non si è risolto misteriosamente da solo: si è aggiornata la cache!
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  9. #9
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Predefinito

    Grazie raga della risposte, ma il problema resta: io nel CSS esterno avevo messo una impostazione che diminuiva la distanza tra le righe. Ora, con FF il css viene letto e caricato correttamente, mentre con I.E. no! In I.E. la distanza tra le righe è 16px (quella predefinita), mentre io nel css esterno avevo specificato che fosse 9.5px!! Se sapete qualche comando o cose simili per risolvere, per favore, postatelo.
    Grazie

  10. #10
    L'avatar di domenicoragusa
    domenicoragusa non è connesso Altervistiano Junior
    Data registrazione
    03-06-2005
    Messaggi
    618

    Predefinito

    avevo modificato l'interlinea del mio sito e sia con ff che con explorer è cambiata, io vedo bene la tua pagina anche con ie; quindi è sicuramente la cache, fai come ti dico:
    avvia ie; vai nel menù strumenti poi opzioni internet e vedi la parte dedicata ai file temporanei, clicca sul pulsante "elimina file" e dai l'ok, aggiorna la pagina e facci sapere
    ciao ciao

  11. #11
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Predefinito

    Io ho fatto come mi hai detto, ma vedo ancora l'interiga troppo grande (di valore superiore a 9.5px, come da me impostata). Tu come la vedi? Vedi ogni voce dei menù una sotto l'altra senza nessuno spazio tra le righe?

  12. #12
    Guest

    Predefinito

    Confermo il problema! Con IE l'interlinea è molto più ampia...
    Invece di usare <h1> per ogni riga del menu del frame a sx non faresti meglio ad usare i paragrafi (<p>) o semplicemende andando a capo (<br>). Anche perchè tempo fa avevo notato che con IE i vari h1, h2, h3 ecc anche se imposti padding, margin ecc, non vengono letti bene... Secondo me la soluzione sarebbe non tanto quella di ammazzarsi su CSS per far contento Explorer ma di usare una tra le seguenti opzioni definendo poi il css:
    - Usare più paragrafi definendo p nel CSS.
    - Usare un solo paragrafo ed andando a capo.
    - Fare una bella lista puntata o numerata.
    e buonanotte al secchio!!!

    Ciao

  13. #13
    L'avatar di domenicoragusa
    domenicoragusa non è connesso Altervistiano Junior
    Data registrazione
    03-06-2005
    Messaggi
    618

    Predefinito

    come ho già detto io lo vedo bene, però io non ho usato nessun tag h1, solo il titolo, io ho diminuito l'interlinea solo al testo, quindi è probabile che abbia ragione uracile; volevo sapere cosa vuol dire "buonanotte al secchio"
    grazie
    ciao ciao

  14. #14
    L'avatar di pietrovischia
    pietrovischia non è connesso Utente attivo
    Data registrazione
    16-10-2005
    Residenza
    Padova
    Messaggi
    351

    Predefinito

    Su un sito ho trovato questo "trucco" per risolvere un problema analogo relativo all'altezza dei <div> ... L'ho commentato per spiegare il suo funzionamento. Spero che, opportunamente modificato, riesca ad aiutarti.

    height:33px; /* 14px + 17px + 2px = 33px Altezza definita per IE*/
    voice-family: "\"}\""; /* Qui IE fa un break e non legge piu' fino alla parentesi graffa successiva */

    voice-family:inherit;
    height:14px; /* Valore corretto per un buon browser =) */

    Se riesci, sarebbe carino che postassi la modifica nel forum, così chi avesse lo stesso problema potrebbe usufruire della soluzione

    Saluti
    P.

  15. #15
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Predefinito

    Per pietrovischia: Non so da dove cominciare a lavorare su quel codice, comunque ci proverò ;)
    Per Uracile: Pensavo di usare questo, dovrebbe andare bene:
    <style type="text/css"> .line { font-size:10px; line-height:10px; } </style>

    <span class="line"> QUI TUTTO IL TESTO SENZA SPAZIO TRA LE RIGHE </span>

    Ma non mi funziona... Con <br> l'interlinea diventa pari a 0? Cioè le righe si vedono attaccate senza nessuna distanza?

  16. #16
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da ilvecchiofumetto
    ... Pensavo di usare questo, dovrebbe andare bene:
    <style type="text/css"> .line { font-size:10px; line-height:10px; } </style>

    <span class="line"> QUI TUTTO IL TESTO SENZA SPAZIO TRA LE RIGHE </span>

    Ma non mi funziona... Con <br> l'interlinea diventa pari a 0? Cioè le righe si vedono attaccate senza nessuna distanza?
    Questo è perché la proprietà line-height comprende quelle che in tipografia si chiamano ascesa, discesa e interlinea:
    - L'ascesa è l'altezza del carattere dalla linea di base fino al punto più alto delle lettere maiuscole
    - La discesa è la profondità dalla linea di base al punto più basso di alcune lettere minuscole (come p, q, g etc.)
    - L'interlinea è la distanza tra il punto di massima discesa e il punto di massima ascesa della riga successiva.

    Detto questo, prova a specificare per line-height un valore maggiore di quello della dimensione, così non dovresti vedere le righe troppo attaccate tra loro (in realtà non è esattamente come ti ho detto, perché la riga formattata con line-height mette esattamente al centro l'ascesa e ripartisce tra sopra e sotto l'interlinea)

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  17. #17
    Guest

    Predefinito

    Anch'io ho un piccolo problema con i CSS.
    In realtà il problema si pone (cosa strana) con Mozilla, mentre con I.E. non ci sono problemi.

    Ecco il problema:
    Ho impostato una classe .linkbarra per un collegamento:
    .linkbarra:link {
    font-family: Verdana, Arial, Symbol;
    font-size: large;
    text-align: center;
    text-decoration:none;
    color:#000000;
    vertical-align: baseline;
    cursor: hand;
    background-image: url(Immagini/bottonesu.gif);
    background-repeat: no-repeat;
    background-position: center center;
    }
    .linkbarra:hover {
    font-family: Verdana, Arial, Symbol;
    font-size: large;
    text-align: center;
    text-decoration:none;
    color:#000000;
    vertical-align: baseline;
    cursor: hand;
    background-image: url(Immagini/bottonesopra.gif);
    background-repeat: no-repeat;
    background-position: center center;
    }
    .linkbarra:active {
    font-family: Verdana, Arial, Symbol;
    font-size: large;
    text-align: center;
    text-decoration:none;
    color:#FFFFFF;
    vertical-align: baseline;
    cursor: hand;
    background-image: url(Immagini/bottonegiu.gif);
    background-repeat: no-repeat;
    background-position: center center;
    }


    In breve, dovrebbe visualizzare un'immagine che dovrebbe cambiare al passaggio del mouse e al clic dello stesso. E con I.E. funziona alla perfezione. Ma Mozilla non visualizza l'immagine in nessun momento, ma applica tutte le altre proprietà, come il colore del testo. Non è un problema di nome di file o cartella, perché altre immagini impostate con CSS nello stesso modo per altri Tag funzionano benissimo. Qualcuno può darmi una mano?

  18. #18
    Guest

    Predefinito

    Citazione Originalmente inviato da domenicoragusa
    come ho già detto io lo vedo bene, però io non ho usato nessun tag h1, solo il titolo, io ho diminuito l'interlinea solo al testo, quindi è probabile che abbia ragione uracile; volevo sapere cosa vuol dire "buonanotte al secchio"
    grazie
    ciao ciao
    Guarda che non mi riferivo a te ma a quello che ho visto nel frame di sx della pagina incriminata >>> http://ilvecchiofumetto.altervista.org/prova/home.htm...
    Codice HTML:
    <div align="center"> 
      <p class="Stile1">.:::: Men&ugrave; :::.</p>
    
      <h1 align="center" class="Stile1"><img src="diabolik.gif" width="150" height="20"></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi è Diabolik" target="mainFrame" class="Stile2">La Storia</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono Ginko,Dk, Eva,Altea" target="mainFrame" class="Stile2">I Personaggi</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Tutti i fumetti originali della 1a serie" target="mainFrame" class="Stile2">Prima Serie</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Tutti i fumetti originali della 2a serie" target="mainFrame" class="Stile2">Seconda Serie</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="La pubblicazione Swisss" target="mainFrame" class="Stile2">Swisss</a></h1>
    
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="La pubblicazione " target="mainFrame" class="Stile2"Costola Bianca e Prime ristampe>Ristampe</a></h1>
    </div>
      <h1 align="center"><img src="tex_willer.gif"></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri com'è nato Tex" target="mainFrame" class="Stile2">La Storia</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono Tex,Kit Carson..." target="mainFrame" class="Stile2">I Personaggi</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" target="mainFrame" class="Stile2">La Pubblicazione</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Informazioni dettagliate sulla pubblicazione gigante" target="mainFrame" class="Stile2">Tex Gigante</a></h1>
    
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Informazioni dettagliate sulla pubblicazione 3 stelle" target="mainFrame" class="Stile2">Tre Stelle</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Informazioni dettagliate sulla pubblicazione Texone" target="mainFrame" class="Stile2">Texone</a></h1>
    <h1 align="center"><img src="corto_maltese.gif"></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri com'è nato Corto" target="mainFrame" class="Stile2">La Storia</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi è Corto Maltese" target="mainFrame" class="Stile2">I Personaggi</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi è il creatore di Corto" target="mainFrame" class="Stile2">Hugo Pratt</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Dal capolavoro di R.L.Stevenson..." target="mainFrame" class="Stile2">Il Ragazzo Rapito</a></h1>
    
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Dal capolavoro di R.L.Stevenson" target="mainFrame" class="Stile2">L'Isola Del Tesoro</a></h1>
    <h1 align="center"><img src="blek_macigno.gif"></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri com'è nato Blek" target="mainFrame" class="Stile2">La Storia</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono Blek,Roddy,Occultis" target="mainFrame" class="Stile2">I Personaggi</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono i creatori del Grande Blek" target="mainFrame" class="Stile2">EsseGEsse</a></h1>
    <h1 align="center"><img src="james_bond.gif"></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri com'è nato James Bond" target="mainFrame" class="Stile2">La Storia</a></h1>
    
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Informazioni dettagliate sulle riduzioni a fumetti di McLusky e Horak" target="mainFrame" class="Stile2">La Pubblicazione</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono Bond,M,Blofeld,MoneyPenny" target="mainFrame" class="Stile2">I Personaggi</a></h1>
      <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi è il creatore di Bond" target="mainFrame" class="Stile2">Ian Fleming</a></h1>
    <h1 align="center"><img src="fine2.gif"></h1>
    <h1 align="left">&nbsp;</h1>
    Vedi quanti <h1>? Quel tag servirebbe per indicare i titoli di primo livello... a quello mi riferivo...

    Poi "buonanotte al secchio" è un'espressione che dalle mie parti viene usata in luogo di "togliere il vin dai fiaschi" anche se suona molto più idiota...
    Ciao

  19. #19
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Predefinito

    Come non detto... Su I.E. i tag <br> e </br> non sono supportati: non ne tiene conto, sapete il perchè?
    Ultima modifica di ilvecchiofumetto : 18-11-2005 alle ore 15.38.18

  20. #20
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da grecistiuniti
    Anch'io ho un piccolo problema con i CSS.
    In realtà il problema si pone (cosa strana) con Mozilla, mentre con I.E. non ci sono problemi.

    Ecco il problema:
    Ho impostato una classe .linkbarra per un collegamento:
    [omissis]
    In breve, dovrebbe visualizzare un'immagine che dovrebbe cambiare al passaggio del mouse e al clic dello stesso. E con I.E. funziona alla perfezione. Ma Mozilla non visualizza l'immagine in nessun momento, ma applica tutte le altre proprietà, come il colore del testo. Non è un problema di nome di file o cartella, perché altre immagini impostate con CSS nello stesso modo per altri Tag funzionano benissimo. Qualcuno può darmi una mano?
    Non vorrei sparare una cavolata, ma prova a scrivere esplicitamente negli stili che si tratta di un link, così
    Codice:
    A.linkbarra:link, A.linkbarra:visited { ... }
    A.linkbarra:hover { ... }
    A.linkbarra:active { ... }
    Ti ho aggiunto anche la pseudo-classe visited, così sai per certo che i link visitati saranno uguali a quelli non visitati.

    Stammi bene...

    P.S. Un'altra volta usa i tag CODE (del forum) per scrivere il codice che usi...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  21. #21
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Predefinito

    Qualcuno sa perchè i tag <br> e </br> non vengono letti da Inter Explorer? Non ne tiene conto...

  22. #22
    Guest

    Predefinito

    il tag <br> (ke nn ha kiusura, xcui </br> nn esiste) funge benissimo sia su ie ke su ff
    prova a metterne + di uno...

  23. #23
    L'avatar di ilvecchiofumetto
    ilvecchiofumetto non è connesso Utente attivo
    Data registrazione
    21-06-2005
    Residenza
    Firenze
    Messaggi
    298

    Predefinito

    E' vero!!! Funziona!! Non mi funzionava con I.E. perchè io lo chiudevo: mettevo anche </br>, grazie mille!!

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •