Trouble formatting vlink with css! Help!

This is a discussion on "Trouble formatting vlink with css! Help!" within the Web Page Design section. This forum, and the thread "Trouble formatting vlink with css! Help! are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Feb 16th, 2007, 00:07
New Member
Join Date: Feb 2007
Location: Eugene, Oregon
Age: 30
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Trouble formatting vlink with css! Help!

Greetings all!

My first post!

I am having a heck of a time formatting a visited link with css!

Here is my link CSS code to handle links that is from an external file called 'basic.css'

a:link { font-size:8pt;
line-height:8pt;
text-decoration: none;
font-family:Arial, sans-serif;
color:#717d46;
}

a:visited a:link { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

a:hover a:link { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

a:active a:link { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

Basically I want them to ALWAYS look the same, visited, hovered, or whatever.

And they look just like I have defined! All green and no underline! But low and behold when I click one - it turns PURPLE and UNDERLINED! UGlY!

How do I cancel this! I have been pulling my hair out!

I must be going crazy, but I cant find the code in my page anywhere that defines a purple link! No vlink="" in the body, nothing!

Help?

Thanks!

Nate~
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Feb 16th, 2007, 01:37
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Trouble formatting vlink with css! Help!

I think you need to try tweaking that css code a little
Try this instead...
a:link { font-size:8pt;
line-height:8pt;
text-decoration: none;
font-family:Arial, sans-serif;
color:#717d46;
}

a:visited { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

a:hover { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

a:active { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

If you wanted to keep the a:link you should separate by a comma.
But this code above should work... that's what I use!

If not we'll need to see a link to the whole site!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Feb 16th, 2007, 07:58
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Trouble formatting vlink with css! Help!

Code: Select all
a {
    color: #717d46;
    font: 8pt/8pt arial,sans-serif;
}
Take out the rest and just use the above code.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Feb 16th, 2007, 10:17
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Trouble formatting vlink with css! Help!

ooo... even shorter code... Nice!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Feb 16th, 2007, 11:57
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Trouble formatting vlink with css! Help!

Or if you REALLY wanted to keep the pseudo-classe, like Lchad said, you need to put a comma to separate them like this

Code: Select all
a:link, a:visited, a:hover, a:active, {
    color: #717d46;
    font: 8pt/8pt arial,sans-serif;
}
but Ryan's code is much better and much shorter
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Feb 16th, 2007, 21:01
New Member
Join Date: Feb 2007
Location: Eugene, Oregon
Age: 30
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Red face Re: Trouble formatting vlink with css! Help!

Wow! Thanks so much! The code seems to work great, and soooo short too!

You guys are great! Many many thanks!

Nate~
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Feb 18th, 2007, 01:09
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Trouble formatting vlink with css! Help!

No problem
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
avisited alink, vlink

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
XML with CSS Formatting taemurz Web Page Design 11 Jun 23rd, 2007 21:57
Text formatting trouble BGarner Web Page Design 4 Jan 8th, 2007 11:47
XSL FO Table formatting davedran Other Programming Languages 0 Dec 13th, 2006 07:35
XML Help for Newbie - Formatting Content AceTutor Other Programming Languages 0 Jul 31st, 2006 12:04
Formatting not working masonbarge Webforumz Suggestions and Feedback 4 Jun 26th, 2006 14:41


All times are GMT. The time now is 16:09.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42