Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2008
    Messaggi
    6

    Problema con link e fogli di stile CSS

    Salve a tutti, comincio col chiedervi scusa se la mia richiesta potrà sembrarvi banale, ma non riesco proprio a risolvere questo problemino.
    In poche parole io ho un foglio di stile con il seguente codice:

    codice:
    body {
    	margin:0;
    	padding:0;
    	font-family:verdana, arial, sans-serif;
    	font-size:80%;
    	color:#666666;
    	background-color:#32668E;
    	text-align: left;
    	page-break-after: left;
    }
    
    p {
    	margin:0;
    	padding:0.4em 0.2em 0.6em 0.2em;
    	text-align: left;
    }
    
    a:link, a:visited {
    	color:#FFFFFF;
    	text-decoration:none;
    	top: 1px;
    	bottom: 1px;
    }
    
    a:hover {
    color:#FFFFFF; text-decoration:underline;}
    
    a:active {
    color:#FFFFFF; text-decoration:none;}
    
    div.wholepage {
    margin:0 8% 0 8%; padding:0; background-color:#FFFFFF;}
    
    div {
    	margin:0;
    	padding:0;
    	text-align: center;
    }
    
    h1 {
    color:#32668E; font-size:150%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
    font-weight:normal;}
    
    
    /* +++ Start Of Header Section +++ */
    
    #header {
    margin:0; padding:0;}
    
    .superheader {
    background-color:#294D69; text-align:right; color:#FFFFFF; padding:2px 2em 2px 2px;}
    
    .mainheader {
    	margin:0;
    	text-align:center;
    	background-repeat:no-repeat;
    	background-position:right top;
    	padding-top: 15px;
    	padding-right: 1em;
    	padding-bottom: 15px;
    	padding-left: 1em;
    }
    
    .mainheader h1 {
    font-size:300%; margin:0 0 5px 0; padding:0;}
    
    .mainheader p {
    text-indent:4em; color:#5D99C7; margin:0; padding:0.2em; font-weight:bold;}
    
    .subheader {
    background-color:#32668E; margin:0; padding:0.5em; text-align:right; color:#FFFFFF;}
    
    
    
    
    /* +++ Start Of Side Menu Section +++ */
    
    #sidecontainer {
    	margin:0;
    	padding:0;
    	float:left;
    	width:15%;
    	text-align:center;
    }
    
    #sidecontainer h2 {
     margin:0; padding:0.2em; color:#FFFFFF; background-color:#294D69; font-weight:normal;
     font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:120%;}
    
    .nav {
    margin:0 0 1.5em 0; padding:0; list-style-type:none; background-color:#FFFFFF;}
    
    .nav li {
    margin:0; padding:0; display:block; border-bottom:1px solid #294D69;}
    
    .nav a:link, .nav a:visited {
    display:block; margin:0; text-decoration:none; color:#32668E; margin:0; padding:0.5em;}
    
    .nav a:hover {
    	display:block;
    	margin:0;
    	text-decoration:underline;
    	color:#32668E;
    	margin:0;
    	padding:0.5em;
    	background-color: #FFFFFF;
    }
    
    .nav a:active {
    display:block; margin:0; text-decoration:none; color:#32668E; margin:0; padding:0.5em;}
    
    
    
    
    /* +++ Start Of Content Section +++ */
    
    #content {
    	margin:0 0 0 15%;
    	padding:0.8em;
    	border-left:1px solid #294D69;
    	text-align: center;
    }
    
    #content img {
    float:center; border-style:none;}
    
    q {
    display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
    text-align:center; height:3em;}
    
    q:before, q:after {
    content:"";}
    
    #content h1 {
    	margin:0;
    	padding:0.1em;
    	text-indent:2.5em;
    	text-align: left;
    }
    
    
    /* +++ Start of Footer Section +++ */
    
    #footer {
    margin:0; padding:0;}
    
    .superfooter {
    background-color:#32668E; height:1.8em;}
    
    .mainfooter {
    background-color:#FFFFFF; text-align:center;}
    
    .subfooter {
    background-color:#294D69; height:0.6em;}
    
    #footer p {
    	font-size:75%;
    	color:#999999;
    	padding:0.3em;
    	text-align: center;
    Ciò premesso, vorrei che un collegamento ipertestuale contenuto nel div "Content" avesse caratteristiche (colori ed altro) diverse da quelle descritte da "a:link, a:visited", "a.hover" e "a.active".
    Come posso fare?
    Chiedo scusa se non mi sono spiegato bene; ovviamente sono disponibile per ulteriori chiarimenti.
    Grazie a tutti coloro che mi sapranno aiutare.
    Ciao!

    Davide

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Basta che dichiari queste regole:

    codice:
    #content a:link, #content a:visited {
    ....
    }
    #content a:hover {
    .....
    }
    #content a:active {
    .....
    }
    Queste regole avranno la meglio su quelle generali dichiarate in precedenza.
    --Non aiuto in privato--

  3. #3
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,884
    Basta che definisci le caratteristiche come hai già fatto per la classe ".nav":
    codice:
    .nav a:link { ... }
    
    #content a:link { ... }
    [edit] Bruciato sul tempo ... [/edit]
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2008
    Messaggi
    6
    Ecco, era una banalità...
    Vi ringrazio, ciao!

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.