[CSS] Hyperlinks.

Hallo,

Ik werk met wordpress en als ik een link maak.. dan wordt die hyperlink blauw en onderstreept.

Ik wil dit dus anders, ik wil de tekst grijs en onderstreept.. en als je er met je muis overgaat dat het roze wordt. Ik zit al heellang te prutsen maar ik kom er niet uit... Hieronder zie je wat ik bedoel.. en mijn CSS code.

FOUT:
GOED:
Mijn CSS:

/* Kleurcodes */

/*
Zwart/grijs: #333;
Lichtgrijs: #CCC;
Wit: #FFF;
Roze: #EB75B1;
Bruin: #7B695E;
*/

/*Overall setup */
* { margin: 0; padding: 0; }
body { background: #FFF url(http://quincydenkt.nl/wp-content/themes/frisheid/theme/images/background.jpg) top left repeat; color: #333; font: 12px/14px  helvetica, arial,Sans-serif; }
a:hover { color: #333; text-decoration: underline; }
a img { border: none; }
ul, li { list-style: none; margin: 0; padding: 0; }

h1  { font-size: 30px; } 
h2  { font: 22px georgia; line-height: 1.4em; color: #EB75B1; text-decoration: none; } 
h3  { font: bold 11px arial,helvatica; color: #333; }
h3 SPAN.slash { font: bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px;}

code { font: 11px "Courier New"; color: #333; padding: 5px; margin: 5px 0; display: block; border-left: 1px solid #CCC; }
blockquote { color:#DDD; padding: 5px; font: 12px Arial,Sans-serif; line-height: 1.4em; }

.left { float: left; margin-top: 3px; margin-right: 8px; }
.right { float: right; margin-left: 8px; }
.clear { clear: both; }
.clear-both { clear: both; }

.pagenavi  { margin: 10px 0; clear: both; }


/* Navigatie */
.topnav ul { list-style: none; text-align: left; }
.topnav li { float: left; margin: 0; }
.topnav li a { font: 11px arial; outline: none; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; text-transform: uppercase; }    
.topnav li a:hover { color: #EB75B1 !important; }
.topnav li.rss { float: right; display: block; width: 60px; background: transparent url(images/rss.png) no-repeat 130% 0; }
.topnav li.rss a { color: #FFF; }
.topnav li.rss a:hover { background: transparent; color: #EB75B1 !important; }

/* Header */
#header { background: url(http://www.quincydenkt.nl/wp-content/themes/frisheid/theme/images/header.png) top right no-repeat; width: 950px; margin: 0 auto; padding: 1em 0 16em 0; }
#main-wrapper { display: block; margin: 0 auto; width: 950px; padding: 7px; text-align: left; background: url(images/main_bg.png) repeat-y top left; }
.main { width: 490px; height: auto; margin: 0; float: left; }


/* Thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 235px; overflow: hidden; height: 150px; margin: 0 10px 10px 0; position: relative; }
.thumb-title { margin-bottom: 5px; background: #EB75B1; bottom: 0; right: 0; display: block; position: absolute; padding: 4px; filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85; }
.thumb-title:hover { background: #222; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font: 11px Arial,helvetica; display: block; color: #FFF; font-weight: bold; text-decoration: none; text-transform: capitalized; }
.thumb-title h2 a:hover { color: #FFF;}


/* Single page */
.post.single { line-height: 1.4em; width: 475px; padding: 3px; }
.post.single h2, .post.single h2 a { font: 22px georgia; line-height: 1.4em; color: #EB75B1; text-decoration: none; }

.postMeta { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; margin: 0; padding: 2px 8px 2px 0; font-size: 11px; }
.postMeta img { padding: 0; vertical-align: middle; border: 0; background: transparent; }
.postMeta a { color: #333; text-decoration: none; }
.postMeta a:hover { color: #EB75B1; text-decoration: underline; }

.tags_single { color: #333; font-size: 11px; margin-top: 8px;}
.tags_single img { padding: 0; vertical-align: middle; border: 0; margin: 0; }

.post.single .entry { float: left; line-height: 18px; overflow: hidden; padding-bottom: 25px; }
.post.entry img.wp-smiley  { border: 0px none; margin: 0; vertical-align: middle; }  /*SMILEY*/
.post.single h3 { font-size: 12px; font-weight: bold; color: #6199dc; display: inline; }
.post.single p { margin: 1em 0; }
.post.single p a,.post.single li a { color: #333; text-decoration: none; }
.post.single p a:hover { color: #EB75B1; text-decoration: underline; }
.post.single p strong { font-weight: bold; }
.post.single a { color: #333; text-decoration: none; }
.post.single a:hover { color: #EB75B1; text-decoration: underline; }
.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 0 0 0 10px; }
.post.single ul li, .post.single ol li { margin: 0; color: #333; line-height: 1.4em; }

.post.single .entry a {text-decoration: underline;}
.post.single .entry a:hover {text-decoration: underline; color: #EB75B1;}


/* Twitter */
#twitter #twitter_update_list { color: #FFF; line-height: 1.4em; padding: 0; line-height: 1.6em; font-size: 11px; }
#twitter #twitter_update_list a { color: #7b695e; padding: 0; margin: 0; display: inline; }
#twitter #twitter_update_list a:hover { color: #FFF; padding: 0; margin: 0; text-decoration: none; }
#twitter ul li a, 
#twitter ul li a:hover { border-bottom: none; color: #CCC;}


/* sidebar related */
#sidebarwrapper { margin: 0; padding: 0; float: right; }

#left-sidebar { color: #FFF; float: left; margin: 0; width: 220px; padding: 5px; }
#left-sidebar h3 { padding: 3px; background: #EB75B1; display: inline;  color: #FFF; }
#left-sidebar a { color: #FFF; text-decoration: none; }
#left-sidebar a:hover { color: #FFF; border-bottom: 1px solid #EB75B1; }
#left-sidebar p { color: #FFF; }
#left-sidebar ul { list-style: none; margin: 8px 0 4px 0; color: #333; }

.categories { padding: 0; }
.categories li { font-size: 11px; padding: 3px 2px; float: left; width: 48%; display: inline; }

.recent-posts { padding: 10px 0; }
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none; }

.tags { margin: 10px 0; padding: 0; line-height: 2em; }
.tags a { text-decoration: none; color: #333; font-weight: normal; }

#right-sidebar { float: left; width: 220px; margin: 0; padding: 5px; font-size: 11px; }
#right-sidebar h3 { padding: 3px; background: #EB75B1; display: inline; color: #FFF; }
#right-sidebar p { color: #FFF; padding-bottom: 10px; }
#right-sidebar a { color: #FFF; text-decoration: none; }
#right-sidebar a:hover { color: #FFF; border-bottom: 1px solid #EB75B1; }
#right-sidebar ul { list-style: none; margin: 8px 0 4px; }


/* COMMENTS */
h3#comments, h3#respond { font-weight: normal; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #EB75B1; padding: 5px 0; margin-bottom: 20px;}    
.commentlist { margin: 20px 0 30px 0; padding: 15px 0 0 0; }
.commentlist li { padding: 0; line-height: 20px; list-style: none; margin: 0 0 25px 0; }
.commentlist li a { color: #EB75B1; font-weight: bold; position: relative; text-decoration: underline; }
.commentlist li a:hover { color: #333; text-decoration: underline; }
.commentlist p { padding: 0 0 10px 0; }

/* Form */
#commentform { margin: 1em 0; }
#author, #email, #url, #comment { font: 1em arial,helvetica,verdana,sans-serif; margin: 5px 0; padding: 2px;}
.comment-warning strong { color: #333; font-weight: bold; }

a {color:#CCC; text-decoration: underline;}
a:hover {color:#EB75B1;}

Marjolein schreef:

a {color:#CCC; text-decoration: underline;}
a:hover {color:#EB75B1;}

Dankje ik ben nu een stapje verder, als ik mouse-over ga dan wordt het nu inderdaad roze. Maar als ik er niet overheen ga is de hyperlink blauw... en ik wil dit grijs hebben... Deze grijs; #CCC;

staat je link tussen ul en li ?
dan zou ik je link even helemaal moeten zien

Het gebeurt ook als het tussen ul en li staat maar ook zonder... Als het eenmaal een hyperlink wordt word die blauw..

geef je site eens dan kan ik het zien, op deze manier kan ik je geen hulp bieden.

Zie PM.

Quincy schreef:

Zie PM.

gezien.
en je heb in je css een fout gemaakt er staat

a:hover { color: #CCC; text-decoration: underline; }
a:hover { color: #EB75B1;}

dit moet zijn:

a { color: #CCC; text-decoration: underline; }
a:hover { color: #EB75B1;}

Opgelost.

Hartelijk dank Marjolein. Er kan een slotje op.

graag gedaan