HTML & CSS

Welcome to Dream.In.Code
	Become an Expert! Join 307,096 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,027 people online right now. Registration is fast and FREE... Join Now! Chat LIVE With a Expert

Hyperlink - Remove blue underline

Options

mrben2008	1 Nov, 2009 - 01:51 PM Post #1
New D.I.C Head Joined: 1 Nov, 2009 Posts: 3	Hi guys, I did a search on the net, but couldn't find what I wanted. I am trying to make some links in Dreamweaver Studio 8, and it keeps changing from the text from my CSS to blue, and underlined. How can I remove it, and make it back to the way it should be, as specified in the CSS. So the link retains its appearance, and not look blue.. Many thanks, Ben This post has been edited by mrben2008: 1 Nov, 2009 - 01:52 PM
	This Post Was Helpful!

Register for Free to Make These Ads Go Away!

SixOfEleven	RE: Hyperlink - Remove Blue Underline 1 Nov, 2009 - 02:01 PM Post #2
lives.ToCode(); Joined: 18 Oct, 2008 Posts: 3,066 Thanked: 170 times Dream Kudos: 775 Expert In: C, C#, XNA, Game Programming, Programming Concepts My Contributions	Could you please post the HTML code for the page along with the CSS of the page. Thank you for helping us to help you. Please post your code in code tags like below.
	This Post Was Helpful!

mrben2008	RE: Hyperlink - Remove Blue Underline 1 Nov, 2009 - 02:06 PM Post #3
New D.I.C Head Joined: 1 Nov, 2009 Posts: 3	Hi, I worked out how to remove the underline... just need it to stop going blue now. CODE <div id="leftColumn">NEWS<div id="redLineTitleSml"></div> <p>Match Reports<br /> <a href="../Match Reports/ConeyHillAway.html" target="_self" style="text-decoration:none"><br /> <span class="style2">Coney Hill vs Old Pats - 05/09/2009</span></a><span class="style2" > <br /> </span><span class="style4" ><a href="../Match Reports/WestonHome.html" target="_self" style="text-decoration:none">Old Pats vs Weston-Super-Mare - 12/09/2009</a></span><span class="style2" ><br /> Maidenhead vs Old Pats - 19/09/2009<br /> Exmouth vs Old Pats - 26/09/2009<br /> Old Pats vs Exford Harlequins - 3/10/2009<br /> Cleve vs Old Pats - 10/10/2009<br /> Old Pats vs Chippenham - 17/10/2009<br /> Chinnor vs Old Pats - 24/10/2009<br /> Old Patesians vs Barnstaple - 31/10/2009</span></p> <p>Next Match</p> <p class="style2">Bournemouth vs Old Patesians - Away - 7/11/2009</p> <p class="titleCopy"> TRAINING </p> <p class="boldCopy">Days: Tuesday & Thursday <br /> Start: 6:45pm<br /> Location: Everest Road</p> <p class="bodyCopy">Training for all senior squads now running on Tuesday and Thursday nights. Thursday night now envolves match video analsys with Dave Pointon.</p> <div id="redLineSml"></div> </div> thanks Ben
	This Post Was Helpful!

Gorian

RE: Hyperlink - Remove Blue Underline

1 Nov, 2009 - 02:17 PM

Post #4

ninja DIC

Joined: 28 Jun, 2008
Posts: 712

Thanked: 9 times
Dream Kudos: 125
My Contributions

add this to your CSS:

CSS



/* HyperLink Style */
a:link {
	color: #98FB98;
        text-decoration: none;
}
a:visited {
	color: #98FB98;
        text-decoration: none;
}
a:hover {
	color: #87CEEB;
        text-decoration: none;
}
a:active {
	color: #FF0000;
        text-decoration: none;
}

/* End HyperLink Style */

This Post Was Helpful!

SixOfEleven	RE: Hyperlink - Remove Blue Underline 1 Nov, 2009 - 02:17 PM Post #5
lives.ToCode(); Joined: 18 Oct, 2008 Posts: 3,066 Thanked: 170 times Dream Kudos: 775 Expert In: C, C#, XNA, Game Programming, Programming Concepts My Contributions	Just put the Color: with the Hex value in the style part CODE style="text-decoration:none;color: #88ffbb"
	This Post Was Helpful!

Gorian	RE: Hyperlink - Remove Blue Underline 1 Nov, 2009 - 02:22 PM Post #6
ninja DIC Joined: 28 Jun, 2008 Posts: 712 Thanked: 9 times Dream Kudos: 125 My Contributions	Aye. I was explaining it, but then my browser deleted what I said. The style takes precedence over global CSS attributes, however, making a class, or applying global attributes can save a lot of time from putting that into every hyperlink This post has been edited by Gorian: 1 Nov, 2009 - 02:23 PM
	This Post Was Helpful!

mrben2008	RE: Hyperlink - Remove Blue Underline 1 Nov, 2009 - 02:24 PM Post #7
New D.I.C Head Joined: 1 Nov, 2009 Posts: 3	QUOTE(Gorian @ 1 Nov, 2009 - 02:17 PM) add this to your CSS: CSS /* HyperLink Style / a:link { color: #98FB98; text-decoration: none; } a:visited { color: #98FB98; text-decoration: none; } a:hover { color: #87CEEB; text-decoration: none; } a:active { color: #FF0000; text-decoration: none; } / End HyperLink Style */ QUOTE(SixOfEleven @ 1 Nov, 2009 - 02:17 PM) Just put the Color: with the Hex value in the style part CODE style="text-decoration:none;color: #88ffbb" thanks for your help guys!!! Much appreciated!! Ben
	This Post Was Helpful!

Gorian	RE: Hyperlink - Remove Blue Underline 1 Nov, 2009 - 03:07 PM Post #8
ninja DIC Joined: 28 Jun, 2008 Posts: 712 Thanked: 9 times Dream Kudos: 125 My Contributions	Aye, that is what we do here.
	This Post Was Helpful!