Viewing Thread:
"Removing underline from hyperlinks"

Hi there,

I have read these resources:

Hyperlink Tutorial
CSS Guide on Text

...but neither give specific instructions on how one would stop hyperlinks from being underlined.

Although I could do this for individual links using the code below...

<a href="PageURL" style="text-decoration: none">displayed hyperlink text</a>

...I was wondering if there is some functionality in the InstantPro system to apply this rule to ALL hyperlinks on the site (in the same way that one can control the colour)?

If that is not possible, is there some way of applying such a rule to all links found in a particular table?

Thanks,
W

socrates wrote:
I guess I just answered my own question! :D


<style type='text/css'>
li {
margin-bottom: 20px;
}
</style>


Neat-o!

Sure. You might want to be a bit more specific though as that li rule may override things like the navigation menu styling. That's why is put the #content_wrap ID in the CSS.

Basically you need to add a CSS rule for this.
Try:

a:link, a:visited, a:active {
text-decoration: none;
font-weight: bold;
}

You will need to add this bit of code to your CSS file.

Thank you,

DoodleIT

[ADMIN EDIT] - Thank you for offering advice to this user, however I have removed the link to your website as is it against our T&C. A full list can be found on our [LINK=http://chat.freeola.com/forum_rules.php]rules[/LINK] page

I guess I just answered my own question! :D


<style type='text/css'>
li {
margin-bottom: 20px;
}
</style>


Neat-o!

That's a neat solution within the boundaries of the InstantPro setup. I like!

Tell me, could I use the same technique (of applying CSS in the footer) to alter the line spacing between list items in the body? Or any other 'global' style change to the body?

Thanks,
W

One solution to this until the option is added (possibly) is to open the Footer editor and then go into HTML mode. Then paste this in and save:


<style type="text/css">
#content_wrap a {
text-decoration:none;
}
</style>


As the footer appears on every page this will apply to all links in the page content area unless some other style overrides it.

I think I'll probably do a mad copy/paste session in the HTML window for now then.

Thanks for the response.

W

With InstantPro it doesn't look as if you can apply this 'globally'.

It's a good suggestion though and should be quite straight forward to get added to the 'text/links/style' options I would have thought :¬)

Hopefully Freeola will pick this up. I couldn't see any obvious method to get round this but others may be able to suggest one.

[s]Hmmm...[/s] My Freeola InstantPro Site

EDIT
NB. In case you didn't realise you can select an existing link and then use the CSS toolbar option to add 'no decoration' rather than editing each link manually.

Hi there,

I have read these resources:

Hyperlink Tutorial
CSS Guide on Text

...but neither give specific instructions on how one would stop hyperlinks from being underlined.

Although I could do this for individual links using the code below...

<a href="PageURL" style="text-decoration: none">displayed hyperlink text</a>

...I was wondering if there is some functionality in the InstantPro system to apply this rule to ALL hyperlinks on the site (in the same way that one can control the colour)?

If that is not possible, is there some way of applying such a rule to all links found in a particular table?

Thanks,
W