How to Remove Hyperlink Formatting? (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

NJHoya -> How to Remove Hyperlink Formatting? (6/24/2003 19:14:00)

I am trying to make some specifically formatted text into a hyperlink without giving it that traditional hypelink " underline" look. I want the word to remain Bold, Gray and not look like a hyperlink per se. I will give it a rollover format once I figure this problem out.

I have gone to Page Properties and changed the hyperlink status colors, but I still can' t make the underline disappear. Font formatting doesn' t seem to work either once it has become a hyperlink.

Thank you in advance for helping me with this!

- R



Ziggyzaz -> RE: How to Remove Hyperlink Formatting? (6/24/2003 19:15:30)

the easiest way to do that is to set up a css file that tells the coding exactly what you want the hyper link to do.

the only downfall is that it will make all of your hyper links that way.



Fe_man02 -> RE: How to Remove Hyperlink Formatting? (6/24/2003 19:26:50)

Obviously I' m a serious beginner at this but...

Had you considered using a hover button. They will make your site a little slower and have some issues as far as changeability.

I' m sure you had already thought about this... just don' t pay attention to me, I' ll go sit in the corner.



Non-Profit -> RE: How to Remove Hyperlink Formatting? (6/24/2003 22:56:55)

R,

I think CSS is the way to go. It' s really not that difficult. Look at http://www.frontpagewebmaster.com/m_40091/appid_/p_/mpage_1/key_underline%252Clinks/tmode_/smode_/s_/tm.htm#40092

quote:

the only downfall is that it will make all of your hyper links that way.

Not if you set up different classes for different styles. See the above thread.

quote:

Had you considered using a hover button.

FP hover buttons are not stable. Avoid them if possible.

HTH

Tony



Donkey -> RE: How to Remove Hyperlink Formatting? (6/27/2003 13:25:51)

I just use the following code in the <head> </head> section 

<style fprolloverstyle>A:hover {color: #FFFF00}
a  {text-decoration:none}
</style>


Change the colour to suit .



abbeyvet -> RE: How to Remove Hyperlink Formatting? (6/27/2003 13:36:39)

quote:

<style fprolloverstyle>A:hover {color: #FFFF00}
a {text-decoration:none}
</style>


That will change all the link, which is not, I think, what you have in mind.

CSS is the way to go.

Read up on the links others have offered, but for a quick fix, try this:


STEP ONE

Paste this in before the </head> tag in html view (paste from here to Notepad, then into FP): 
<style type=" text/css" >
a.gray:link {font-weight: bold; text-decoration: none; color: #808080}
a.gray:visited {font-weight: bold; text-decoration: none; color: #808080}
a.gray:hover {font-weight: bold; text-decoration: none; color: #cc0000}
a.gray:active {font-weight: bold; text-decoration: none; color: #cc0000}
</style>


STEP TWO

Find your link in HTML view (highlight it first in normal view, then switch views). It will look something like this:

<a href=" thepage.htm" >Link Text</a>

Edit that to read:

<a class=" gray" href=" thepage.htm" >Link Text</a>


And that should do the trick! It will give you bold gray text, red on mouseover. You can of course edit the colors to suit.

Welcome to the wonderfulworld of CSS!!! [:D]



Donkey -> RE: How to Remove Hyperlink Formatting? (7/4/2003 13:36:44)

Thanks Katherine, that' s a much better way. I' ve been playing with your code and now I can have different colour links on the same page.

It' s marvelous[:)]

Peter



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
7.800293E-02