Visualizzazione dei risultati da 1 a 2 su 2

Discussione: font-size:0.9em?

  1. #1

    font-size:0.9em?

    Ciao a tutti!
    ho delle specifiche che dicono:
    " la formattazione del testo deve essere fatta solo tramite i css.la formattazione deve essere fatta solo in em e non in pixel...consigliato 0.9em"

    my css da modificare è questo:
    ++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++
    .space {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:1px}
    .topbar {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px}
    .testo {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px}
    .paginaint {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; background-color:#F5F5F5}
    .bottomdiv {font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px}
    .login {font-family:Verdana, Arial, Helvetica, sans-serif; color:#0099FF; font-size:11px}
    .menusxline {background-color:#99CCFF}
    .menusxbg {background-color:#FFFFFF}
    .rightbg {background-color:#C5E6FF}
    .rightbgpag {background-color:#FFFFFF}
    .rightlink {background-color:#E6F6FF; border:1pt solid #99CCFF}
    .errore {font-family:Verdana, Arial, Helvetica, sans-serif; color:red; font-size:10px; font-weight:bold}

    .titolo {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF6633; font-size:11px; font-weight:bold}
    .titolopag {font-family:Arial, Verdana, Helvetica, sans-serif; color:#FF6633; font-size:14px; font-weight:bold}
    .titoloblu {font-family:Verdana, Arial, Helvetica, sans-serif; color:#0033CC; font-size:12px; font-weight:bold}

    .contenuto {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px}
    .tabint {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF6633; font-size:11px; font-weight:bold; height:21px}
    .tabintdett {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF6633; font-size:11px; font-weight:bold; height:21px; padding-left:10px}
    .tabtit {font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:11px; background-color:#F5F5F5; text-align:right}
    .tabcont {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; background-color:#F5F5F5}

    .ricerca {font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:10px}
    .maggiore {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:10px}
    .field {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; background-color:#FFFFFF; border:solid; border-width:1px 1px 1px; border-color:#666666 #666666 #666666}
    .fieldcombo {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; background-color:#FFFFFF; border:solid; border-width:1px 1px 1px; border-color:#666666 #666666 #666666}
    .fieldgrigio {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; background-color:#F5F5F5; border:solid; border-width:1px 1px 1px; border-color:#666666 #666666 #666666}
    select {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; background-color:#FFFFFF; border:solid; border-width:1px 1px 1px; border-color:#666666 #666666 #666666}

    a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; text-decoration:underline}

    a.topbar {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none}
    a.topbar:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none}
    a.topbar:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none}
    a.topbar:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none}
    a.topbar:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none}

    a.menu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none}
    a.menu:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none}
    a.menu:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none}
    a.menu:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none}
    a.menu:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; text-decoration:none}

    a.menuh {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; text-decoration:none}
    a.menuh:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; text-decoration:none}
    a.menuh:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; text-decoration:none}
    a.menuh:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; text-decoration:none}
    a.menuh:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; text-decoration:none}

    a.titolo {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; font-weight:bold; text-decoration:none}
    a.titolo:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; font-weight:bold; text-decoration:none}
    a.titolo:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; font-weight:bold; text-decoration:none}
    a.titolo:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; font-weight:bold; text-decoration:none}
    a.titolo:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; font-weight:bold; text-decoration:underline}

    a.entra {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0033CC; text-decoration:none}
    a.entra:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0033CC; text-decoration:none}
    a.entra:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0033CC; text-decoration:none}
    a.entra:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0033CC; text-decoration:none}
    a.entra:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF6633; text-decoration:none}

    a.bottom {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none}
    a.bottom:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none}
    a.bottom:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none}
    a.bottom:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none}
    a.bottom:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none}

    a.errore {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:red; font-weight:bold; text-decoration:underline}
    a.errore:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:red; font-weight:bold; text-decoration:underline}
    a.errore:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:red; font-weight:bold; text-decoration:underline}
    a.errore:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:red; font-weight:bold; text-decoration:underline}
    a.errore:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:red; font-weight:bold; text-decoration:underline}
    .titolopiccolo { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF6633; font-size:10px; font-weight:bold }
    .contenutopiccolo { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px}
    .tabcontMin { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:9px; background-color:#F5F5F5 ; font-style: italic}
    ++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++

    Domanda cretina:
    come faccio ad identificare in un css solo il testo?

    Domanda -cretina(spero)
    il sito deve rimanere assolutamente come è adesso,
    solo se cambio il carattere deve cambiare (esempio: ho provato a cambire il font-size di .testo da 11px a 0.9em ma la dimensione del testo anche se non cambio il tipo di visualizzazione del carattere mi cambia!
    Come fare?
    Scusate, magari son cose banali ma è il primo giorno che lavoro sui css.
    Grazie a tutti!

  2. #2
    punto primo: PULIZIA DEL CODICE

    questa cosa per esempio:

    .space {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:1px}
    .topbar {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px}
    .testo {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px}
    .paginaint {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; background-color:#F5F5F5}

    si può scrivere:

    .space, .topbar, .testo, .paginaint {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:1px}
    .paginaint {background-color:#F5F5F5}

    secondo esempio, questo:

    a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF6633; text-decoration:underline}

    lo puoi scrivere così:

    a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline}
    a:hover {color:#FF6633;}

    ridefinisci solo le cose che cambiano, altrimenti il termine "Cascading" style sheet a cosa serve


    Domanda cretina:
    come faccio ad identificare in un css solo il testo?
    eh? intendi identificare quali parametri riguardano il testo... allora la risposta è semplice: devi conoscerli = studia i css
    Domanda -cretina(spero)
    il sito deve rimanere assolutamente come è adesso,
    solo se cambio il carattere deve cambiare (esempio: ho provato a cambire il font-size di .testo da 11px a 0.9em ma la dimensione del testo anche se non cambio il tipo di visualizzazione del carattere mi cambia!
    Come fare?
    invece di 0.9 usa 0.8 e se non va bene 0.7 e se non va bene 0.6 o 1.2 o quello che ti pare finchè non lo trovi uguale (tieni presente però che diventa riscalabile il testo)

    [non è vero che solo gli em vanno bene, van bene anche le keyword e la percentuale [ma vanno bene anche i pixel se non vuoi che il sito abbia il testo ridimensionabile in IE... dipende solo da quel che ti serve]]

    ciao
    "La consapevolezza di Case suddivisa come perle di mercurio. La sua visione era sferica, come se una singola retina rivestisse la superficie interna di un globo che conteneva tutte le cose, se tutte le cose si potevano contare." —Neuromante, William Gibson (1984)

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 © 2026 vBulletin Solutions, Inc. All rights reserved.