Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: Più Stili CSS

  1. #1

    Più Stili CSS

    Buongiorno a tutti. Sono un neofito dell'html e ho un problemino con i fogli di stile.
    Ho creato un file.css ridefinendo il tag <a> in modo che i links siano visualizzati con testo bianco (in quanto lo sfondo del menù è blu) e l'ho collegato alla pagina html.

    Nella stessa pagina, però, ho la necessità di fare anche dei links su sfondo bianco (quindi il tag <a> ridefinito come sopra non va bene). Quindi dovrei avere alcuni links bianchi e altri, ad esempio, neri.
    E' possibile far convivere le due proprietà? mi sapete aiutare?

    Grazzzzie

  2. #2
    ...allora invece di fromattare tramite i css direttamente i tag per creare vari stili di link, ti conviene usare stili non associati al tag
    metto un po di codice:

    codice:
    .linkheader {
    	font-family: Verdana;
    	font-size: 10px;
    	font-style: normal;
    	font-weight: bold;
    	color: #666666;
    	padding: 2px;
            text-decoration: none;
    
    }
    .linkheader:HOVER {
    	font-family: Verdana;
    	font-size: 10px;
    	font-style: normal;
    	color: #666666;
    	padding: 2px;
            text-decoration: underline;
    
    }
    .linkfooter {
    	font-family: Verdana;
    	font-size: 10px;
    	font-style: normal;
    	color: #990000;
    	padding: 2px;
            text-decoration: none;
    
    }
    .linkfooter:HOVER {
    	font-family: Verdana;
    	font-size: 10px;
    	font-style: normal;
    	color: #000000;
    	padding: 2px;
            text-decoration: none;
    
    }
    in questo modo puoi poi richiamare + stili sui link
    Ciccio
    Ciccio

    come vedi nel css ho utilizzato solo lo stato di link normal e over (linkheader:HOVER) ma penso che si possa utilizzare anke lo stato di visited vedi un po tu
    Planet Earth is blue and there's nothing I can do

  3. #3
    veramente non mi funziona nemmeno così..... non c'è un altro sistema???

    Grazie millissime

  4. #4
    Ho controllato e questi due CSS funzionano perfettamente. Controlla bene si non aver dimenticato qualche virgola o aver omesso qualche virgoletta in qualche tag.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  5. #5
    veramente non mi funziona nemmeno così..... non c'è un altro sistema???

    Grazie millissime

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    4,127
    a.linkheader {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    padding: 2px;
    text-decoration: none;

    }
    a.linkheader:HOVER {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    color: #666666;
    padding: 2px;
    text-decoration: underline;

    }
    a.linkfooter {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    color: #990000;
    padding: 2px;
    text-decoration: none;

    }
    a.linkfooter:HOVER {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    color: #000000;
    padding: 2px;
    text-decoration: none;

    }

  7. #7
    Oppure, molto più semplicemente:

    codice:
    a {
    	font-family: Verdana;
    	font-size: 10px;
    	font-style: normal;
    	padding: 2px;
    	color: #666666;
            text-decoration: none;
    }
    
    .linkheader {
    	font-weight: bold;
    }
    
    .linkheader:HOVER {
            text-decoration: underline;
    }
    
    .linkfooter {
    	color: #990000;
    }
    
    .linkfooter:HOVER {
    	color: #000000;
    }
    
    Ciccio
    Ciccio
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  8. #8
    Quante informazioni Grazie a tutti!
    Mi metto al lavoro, vediamo ke ne tiro fuori!

  9. #9

  10. #10
    Utente di HTML.it L'avatar di Dr Mal
    Registrato dal
    Apr 2002
    Messaggi
    2,536
    cmq credo ke sia meglio usare "id" ke "class",
    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

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.