View Full Version : Removing the "underlining" from text links
riffster
07-25-2007, 05:37 PM
Hello,
I know it's possible ( because I did it before ), but how do you remove the "underline" from a text link..? So that when you create a hyperlink using only text, it won't show up as "underlined text" when you publish it..? Did version 7 change this perhaps..?
here is my site so you can see: www.4xlounge.com (http://www.4xlounge.com)
thanks for the help ( in advance )
Dan
Support_EL
07-25-2007, 09:11 PM
You can leave off the underlining of text links starting in version 6, forward.
The help text covers it in a section called
Changing Default link behavior
but if you cannot find it, I pasted it below. It looks complicated but if you print it out and follow it step by step it does work well. Plus it lets you change other behaviors of links once you understand the tool in greater depth.
You may like to override the default link properties on your site. This enables you to change styles such as the font or font color when you hover, or a link has been visited. This can be done with the following instructions;
Open the Style Class dialog, by selecting Style Class... from the Tools menu.
Select the style, 'Normal- no style'. This should be at the top of the list box of available styles.
Expand the edit side of the Style Class dialog by clicking the Edit >> button.
Click the Add Links button
This will create three CSS tag style classes that appear as;
<A:hover>
<A:link>
<A:visited>
These are Anchors which define the default behavior of links for your document. All text items with links will use this style unless you create a Style Class with its own link behavior. You can do that by following the above steps however you need to create and assign a Style Class to the text item and select that Style Class in the list box before you click the Add Links button.
You can now modify the links by selecting the desired link in the list box and clicking the modify button.
Tip:
To prevent unexpected results you should export your page as HTML with CSS or XHTML with CSS when using Style Class functionality.
In CSS language a class such as <a:hover> is called a pseudo-class.
See also
Changing link behavior for a Style Class
riffster
07-26-2007, 08:16 AM
Thanks, after a bit of swearing and crying I figured it out, lol...
:rolleyes:
westbeach
08-19-2007, 08:29 AM
Thanks support_el. I also was trying to figure a way to have my email links a different color and behavior from my menu links. I followed your instructions and got it to work the way I wanted.
M0ZLB
08-21-2007, 12:51 PM
Hi,
I get to the point where i have the <A:hover>, <A:link> and <A:visited> within the "page style" box but when I attempt to modify them I only see the font style and colour of the link in the modify box! Nothing to modify to stop the underlining - am I missing something ? :)
Thanks
Support_EL
08-21-2007, 03:33 PM
When you click on modify you should see a large dialog box appear with a series of choices. Try it again and make sure you click edit > modify to see all the choices available.
M0ZLB
08-21-2007, 04:32 PM
Once I "edit>modify", the "Style Class Properties (Modify)" box appears with a list of attributes. As regards "value", the only attribute value is in respect of "Foreground Color" which for <A:hover> (the one I am looking at presently) is "#FF0000 (with a red box)" There are no other Value's! same goes for A:Link and Visited, just the Foreground Color values!
Support_EL
08-22-2007, 03:09 PM
Most of those fields are not populated by default so they will appear blank but you can double click in any of them to edit the setting. Try for example clicking in the blank box adjacent to 'font' to see how this works. Once you choose a setting, the box will be populated.
In the case of an underline, you are probably looking for custom CSS set to 'text-decoration : none'
rklacy1
12-20-2007, 05:28 PM
Thanks for the info. Very helpful.:D
jenumba
03-04-2008, 08:51 AM
Thanks for the info. Very helpful.:D
Ditto. Just removed the underline from my links as well. Thanks guys!
vBulletin® v3.6.7, Copyright ©2000-2009, Jelsoft Enterprises Ltd.