Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    spaziatura righe e paragrafi

    ciao,
    sto smanettando un po' con gli stili x un sito ma ho un problema con IE.
    vorrei definire la spaziatura tra un paragrafo e l'altro in modo che sia FF che IE interpretino il codice allo stesso modo e che le pagine siano uguali sui 2 browser.
    ho provato con

    p {
    line-height:1.5em;
    }

    ma mi agisce sulle righe e non sui paragrafi.

    qualcuno sa darmi una dritta al riguardo?

    grazie
    spidermassi

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Io userei i margini (o i padding, ma sono diversi tra browser):
    margin-top: 0.5em;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    ho provato con margin-top, la cosa è leggermente migliorata ma ancora con IE è ancora uno schifo

    mi sai dire se ho fatto un paciugo col codice o se ho scelto una strada "tortuosa"?

    http://www.abbuffati.com/abbuffati-v2/abbuffati-v2.htm
    spidermassi

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Premetto che nonho guardato tutto il codice, solo alcune cose.

    Con quel CSS per i

    non dovrebbero esserci troppe differenze, ma non ho IE, per cui non posso provarlo.


    Una cosa mi e` saltata all'occhio:
    .testo a:link,
    .testo a:visited,
    .testo a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: underline;
    }
    .testo a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF3366;
    text-decoration: none;
    }

    Intanto c'e` un errore: l'ordine e` importante e va rispettato: :link :visited :hover :active

    Inoltre io lo scriverei (per semplificare e quindi agevolare la manutenibilta`):
    codice:
    .testo a {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
    }
    .testo a:link,
    .testo a:visited {
      color: #666;
      text-decoration: underline;
    }
    .testo a:hover {
      color: #F36;
      text-decoration: none;
    }
    .testo a:active {
      color: #666;
      text-decoration: underline;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    corretto il codice x quanto riguarda i link ma x le spaziature tra le righe non riesco a sistemarle...

    ciao
    spidermassi

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.