CSS-vraag

YoramIH

topic starter

1.370

geplaatst door: YoramIH

Ik probeer d.m.v. css onderstaande pagina er te laten uitzien zoals ik wil, maar helaas begrijp ik een aantal zaken niet goed.

http://www.festivaloranjewoud.nl/nieuws/zomer2011_nieuw.html

Hoe krijg ik het voor elkaar om de zijkolom (sidebar) een andere link-kleur te geven (#ffde01) dan in de hoofdtekst (body)?

Code: [Selecteer]


body,td,th {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	line-height: 150%;
	font-size: 12px;
	color: #000000;
}
.body {color: #000000; font-size: 12px; line-height: 150%;}
a {
	font-size: 12px;
	color: #f39400;
}
a:link {
	font-size: 12px;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #f39400;
}
a:hover {
	text-decoration: underline;
	color: #f39400;
}
a:active {
	text-decoration: none;
	color: #f39400;
}

sidebar,td,th { font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; line-height: 150%; font-size: 10px; color: #ffffff; }

Heb je mijn cd's al beluisterd in de iTunes Store? Volg mij op Twitter.

marcone

1.000

geplaatst door: marcone

je moet verschillende classes definiëren. Redelijk makkelijk. Kijk hier maar eens: http://www.echoecho.com/csslinks.htm

Twenty years from now you will be more disappointed by the things that you didn't do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover. - Mark Twain

YoramIH

topic starter

1.370

CSS-vraag

9 juni 2011 - 12:22 reactie #2

geplaatst door: YoramIH

Ik geloof dat ik het snap. Ik moet voor elke regel weer .body of .sidebar schrijven:

Code: [Selecteer]


body,td,th {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	line-height: 165%;
	font-size: 12px;
	color: #000000;
}
.body {color: #000000; font-size: 12px; line-height: 165%;}
.body a {
	font-size: 12px;
	color: #f39400;
}
.body a:link {
	font-size: 12px;
	text-decoration: none;
}
.body a:visited {
	text-decoration: none;
	color: #f39400;
}
.body a:hover {
	text-decoration: underline;
	color: #f39400;
}
.body a:active {
	text-decoration: none;
	color: #f39400;
}

sidebar,td,th { font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; line-height: 150%; font-size: 10px; color: #ffffff; } .sidebar {color: #000000; font-size: 10px; line-height: 165%;} .sidebar a { font-size: 10px; } .sidebar a:link { font-size: 10px; color: #ffde01; text-decoration: none; } .sidebar a:visited { text-decoration: none; color: #ffde01; } .sidebar a:hover { text-decoration: underline; color: #ffde01; } .sidebar a:active { text-decoration: none; color: #ffde01; }

Heb je mijn cd's al beluisterd in de iTunes Store? Volg mij op Twitter.

YoramIH

topic starter

1.370

CSS-vraag

9 juni 2011 - 14:55 reactie #3

geplaatst door: YoramIH

Nu ik hier uit ben, vraag ik mij af hoe ik de lijn rondom de tabel fijner kan maken. In theorie is 1px het minimum, maar volgens mij is hij veel dikker dan 1px.

http://www.festivaloranjewoud.nl/nieuws/zomer2011_nieuw.html

Update: wow, helemaal zelf opgelost. In het css-gedeelte:

Code: [Selecteer]


table.outline
{
border: 1px solid #000;
}

in de body:

Code: [Selecteer]


table width="638" align="center" class="outline" cellpadding="0" cellspacing="0"

(Bewerkt door YoramIH om 15:10, 9-06-2011)

Heb je mijn cd's al beluisterd in de iTunes Store? Volg mij op Twitter.