Ondersteuning » Thema en CSS/opmaak » a:visited voor eigen div neemt niet aan

  • Dit heb ik op m’n website:
    HTML

    <nav>
        <ul>
        <li><a href="#OnzeDiensten">Onze Diensten</a></li>
        <li><a href="#WieZijnWij">Wie Zijn Wij?</a></li>
        <li><a href="#Contact">Contact</a></li<
        </ul>
    </nav>
          <div style="clear:both;"></div>
    </div>
    </section>
    <div id="custom-image">
          <ul>
                <li><a href="#Starten">Starten</a></li>
                <li><a href="#Groeien">Groeien</a></li>
                <li><a href="#Stoppen">Stoppen</a></li>
          </ul>
    </div>

    en de CSS:

    nav{
        	list-style:none;
    	    margin:0;
    		margin-top:1%;
    		line-height: 45px;
        	padding:0;
    	    text-align:right;
    		float:right;
    		width:70%;
    		color:black;
    	}
    	nav ul{
    		padding:0;
    	}
    	nav li{
    	    display:inline;
    	}
    	nav a{
    	    display:inline-block;
    	    padding-left:1%;
    		padding-right:1%;
    		color:black;
    	}
    	nav a:link, a:visited{
    		text-decoration:none;
    		font-weight:bold;
    		border-bottom: solid 2px white;
    		color:black!important;
    	}
    	nav a:hover{
    		color:#4f4f4f;
    		border-bottom: solid 2px #234a75;
    	}
    #custom-image{
    		height:300px;
    		opacity:1;
    		width:100%;
    		line-height:100px;
    		text-align:center;
    	}
    	#custom-image ul{
    		list-style:none;
    		padding:0;
    		margin:0;
    		padding-top: 5%;
    	}
    	#custom-image ul li{
    		width:50%;
    		text-align:center;
    		background-color: #0e4981;
    		color: white;
    		padding: 1%;
    		padding-left: 3%;
    		padding-right: 3%;
    		margin: 1%;
    		display: inline;
    		vertical-align: middle;
    	}
    	#custom-image ul li a:link, a:visited{
    		color:white;
    	}
    	#custom-image li:hover{
    		opacity: 0.8;
    	}

    Het probleem:
    Alle links uit de nav zijn zwart en blijven na geklikt te zijn geweest ook zwarte tekst.
    Hoewel, bij custom-image zijn ze eerst wit, maar als ze geklikt zijn, worden ze zwart.
    Dit moet wit blijven, maar het weigert.
    Als ik Element Inspecteren doe in de browser, zie ik dat hij het gewoon overpakt van nav.
    Waar zit de fout, en hoe kan ik dit verhelpen?

    Bedankt !

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Thread starter LearningDesigner

    (@learningdesigner)

    Nog steeds een dringend probleem.

    Sowieso werk je met een ‘!important’ wat al de nodige verwarring op kan leveren.

    Heb je die al eens geprobeerd weg te halen?

    nav a:link, a:visited{
    text-decoration:none;
    font-weight:bold;
    border-bottom: solid 2px white;
    color:black!important;
    }

    • Deze reactie is gewijzigd 6 jaren, 9 maanden geleden door Ruurd de Wind.
2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘a:visited voor eigen div neemt niet aan’ is gesloten voor nieuwe reacties.