Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    428

    warning color e background-color

    salve,
    sto tentando di validare un css.
    ho la seguente dichiarazione:
    codice:
    #navigation {
    	margin-left: 17px;
    	margin-right: 17px;
    	padding-top: 5px;
    	padding-left:18px;
    	height: 13px;
    	background-image: url(../images/menu_background.gif);
    	color: #000000;
    	background-color: #ffffff;
    	font-family: Helvetica, sans-serif, arial;
    	font-size: 11px;
    }
    	
    #navigation a:link {
    	text-decoration: underline;
    	color: #000000;
    }
    
    #navigation a:visited {
    	text-decoration: underline;
    	color: #000000;
    }
    
    #navigation a:hover {
    	text-decoration: underline;
    	color: #000000;
    
    }
    se tento di validarlo, me lo valida, ma mi da degli warning, ok non sono importantissimi visto che il documento viene validato correttamente, ma vorrei eliminarli cmq.
    Gli warning sono questi:
    * You have no background-color with your color : #navigation
    * You have no background-color with your color : #navigation a:link
    * You have no background-color with your color : #navigation a:visited
    * You have no background-color with your color : #navigation a:hover

    per gli a link hover e visited il background-color transparent non è sufficiente.
    Per aggirare il problema basta che inserisca un background-color per i link, ed essendo uniforme va bene.
    Nel caso della div invece dopo il background-image devo specificare anche un background-color, che per fortuna essendoci l'immagine prende quella.. ma mi domando, è corretta come soluzione? Tutti i browser la interpretano nello stesso modo? cioè priorità all'immagine? E inoltre ... nel caso avessi avuto un background dove per i link non potevo applicare una tinta unita, come avrei dovuto ocmportarmi? dovevo ignorare il warning?

    grazie
    ciao

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non sono veri errori, e il validatore non e` in grado di verificare se hai agito correttamente oppure no (per questo li chiama warning).

    In effetti non ha molto senso definire un colore di primo piano e non di sfondo. Il colore di sfondo serve solo quando e se l'immagine non viene caricata (i browser si ossono impostare in modo da non caricare le immagini).

    Per quanto riguarda il CSS del #navigation non ci sono problemi.
    Per le altre situazioni (:hover, :active, :visited), penso che il codice sia corretto: infatti tu vuoi che il link non cambi colore per effetto dei default del browser, che agiscono solo sul color, non sul background; pertanto il colore di sfondo e` definto dappertutto, anche se il validatore potrebbe non accorgersene.


    PS il tuo codice puo` essere ottimizzato:
    codice:
    #navigation {
    	margin: 5px 17px 0 17px;
    	padding: 5px 0 0 18px;
    	height: 13px;
    	background: #ffffff url(../images/menu_background.gif);
    	color: #000000;
    	font: 11px Helvetica, sans-serif, arial;
    }
    	
    #navigation a:link,  #navigation a:visited, #navigation a:hover {
    	text-decoration: underline;
    	color: #000000;
    
    }
    Nota che font in pixel sono da evitare: meglio usare % o em (altrimenti in qualche sistema potrebbe essere illeggibile - troppo piccolo - e non ridimensionabile).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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