2kleuren in 1 link

[ErikBooy007]

Dan zou ik toch gewoon een <span> erin gooien voor de eerste letter, misschien minder netjes, maar dan werkt het wel.

Of een kleur kiezen die zowel bij de normal-state als bij de hover-state goed zichtbaar is.

 

[RowanP]

hier was de menu code nog ff snel:
menu.php

<a href="index.php" class="home">Home</a>
<a href="index.php?menu=faq" class="faq">FAQ</a>
<a href="index.php?menu=wie_zijn_wij" class="wiezijnwij">Wie Zijn Wij</a>
<a href="index.php?menu=inschrijven" class="inschrijven">Inschrijven</a>

De kleur valt al af, omdat dit zegmaar in overeensteming was met wat "le big boss" wilde.
Ik ben nu heel even druk (examens), dus dat span probeer ik later dan.

 

[Poppoll]

Deze code doet het in FF in IE6 echter niet..

a.home:link, a.home:visited {
	text-transform: uppercase;
	height: 30px;
	display: block;
	text-align: center ;
	text-decoration: none;
	color: #414141;
	float: left;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 20px 11px 20px;
}
a.home:hover{
	background: #dd2f28;
	color: #fff;
}
a.home:first-letter{background: #fff;
	color: #dd2f28}
	
a:hover.home:first-letter{background: #dd2f28;
	color: #000}

PP

 

[Poppoll]

En deze code doet het zowel in FF als IE6 als in Opera

a.home { 
text-transform: uppercase;
	height: 30px;
	display: block;
	text-align: center ;
	text-decoration: none;
	color: #414141;
	float: left;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 20px 11px 20px;
	background: #fff;
} 

.home:first-letter { 
color: #dd2f28 !important; 

 
} 
.home:hover:first-letter { 
color: black !important; 
} 
a:hover { 
color: white; 
background: #dd2f28; 
}

Werkend voorbeeld op mijn site, weet je meteen ook waar de mosterd vandaan komt.

PP

 

[RowanP]

Je bent mijn held poppoll!