i've cobbled together a few pieces of code and javascript and am having a hard time making the sub navigation menu lose the blue colors and the underline. I can't figure out where to put the style rules. I know the code is a little ugly but I haven't thinned it out yet, maybe that is part of the problem.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How do i style my sub navigation menus? 1
- Thread starter okpeery
- Start date
Add this to the <head> of your document
M. Brooks
Code:
<style type="text/css">
<!--
a, a:visited {
color: #0000FF; /* this is the default/visited color */
cursor: pointer;
text-decoration: none;
}
a:hover {
color: #FF0000; /* this is the hover color */
text-decoration: none;
}
-->
</style>M. Brooks
- Thread starter
- #3
I have that type of styling for my main tabs. I tried inserting your suggestion in the head in different places and nothing happened in FF. I also didn't know what these meant:
<!--
or
-->
I want to get rid of the underline and default blue color for my sub navigation menu. I know the style rules to do this I just don't know where to put it to target my sub nav menu. The problem I'm having is that I have javascript for rounding the corners and now javascript for this dropdown menu and I don't really understand what the calls are. Will this be something I put in the javascript? I guess it is probably in the class .tabcontent but it is set to display none so if I add rules here they don't apply. Any ideas?
<!--
or
-->
I want to get rid of the underline and default blue color for my sub navigation menu. I know the style rules to do this I just don't know where to put it to target my sub nav menu. The problem I'm having is that I have javascript for rounding the corners and now javascript for this dropdown menu and I don't really understand what the calls are. Will this be something I put in the javascript? I guess it is probably in the class .tabcontent but it is set to display none so if I add rules here they don't apply. Any ideas?
The <-- and --> are HTML comment tags.
They are there to prevent browsers/devices that do not understand the <style> tag from displaying the style rules as plain text on your page.
<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
They are there to prevent browsers/devices that do not understand the <style> tag from displaying the style rules as plain text on your page.
<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2
-
1
- #5
- Thread starter
- #6
Thanks that worked, I haven't put it up live yet but it is now working locally. I actually made the link colors the same as the background color in the header and footer. Of course now that you say it I feel like I should have known it. Thanks again.
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question