Help - Search - Members - Calendar
Full Version: A Way To Override The Link Underline In Left Column?
MonsterSmallBusiness Forums > MonsterWebDesign > Designing Your Storefront
Charming Creatures.com
I'm using all custom code for my left column, which is my main navigation bar. I'd really like to be able to override the link underline to make the links look like they do when using the default design, but I don't know how.
KennyE
HI. Try putting this code in the <head> command.

CODE
<STYLE>
       <!--
            A{text-decoration:none}
       -->
       </STYLE>


You can also add this to your css style sheet, assuming you are using one.
Charming Creatures.com
QUOTE(KennyE @ Feb 26 2007, 11:06 PM) [snapback]122077[/snapback]
HI. Try putting this code in the <head> command.

CODE
<STYLE>
       <!--
            A{text-decoration:none}
       -->
       </STYLE>


You can also add this to your css style sheet, assuming you are using one.


I'm not using <head> commands because those are automatically supplied by the monstersmile.gif software (all my custom code is in the Left Column HTML Editor). I tried it before and after all my links, though, and the <style></style> commands made everything between them disappear.

I'm not using CSS, just plain HTML. Any other suggestions?

Can <head> commands be used even though they're not needed? (In other words, can I add my own?)

Karen

P.S. Nevermind, I found it! Thanks for pointing me in the right direction.
http://www.pageresource.com/html/link3.htm
DTM Parts
QUOTE(Charming Creatures.com @ Feb 27 2007, 01:12 AM) *
I'm using all custom code for my left column, which is my main navigation bar. I'd really like to be able to override the link underline to make the links look like they do when using the default design, but I don't know how.



In order to customize the left nav bar, you just need to place the code in the left column editor?
ArcoJedi
A suggestible idea for customizing your links is to add the same CSS class to them that the software uses for the default links anyhow. Then you can use the Layout menu to make changes to the links and their colors in the future without messing too much with code. To do this, change a link like this -
CODE
<a href="index.asp?PageAction=VIEWPROD&ProdID=27">Gift Certificates</a>
- to -
CODE
<a class="navbar" href="index.asp?PageAction=VIEWPROD&ProdID=27">Gift Certificates</a>
This style class will get it's settings from the style.css file which is controlled by the Layout menu > Site Wide Fonts > Navigation Bar Links (normal & mouse over).

I hope that helps.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.