Style Sheets - Cand tables have different style sheets (Posted by IanD)
I Have a blue background for my navagation bar (a table) and white text, gray hover. But on the rest of the page the background is white, so the links don't show up until the hover...I don't know how to get links to hover w/ a tag (like alink="" etc) so I use a style sheet (below)...Is there a tag that I can put in my <TD> to make links hover, or is there a way to use one style sheet for one <TD> and another style sheet for the other?
<Style>
A:visited {text-decoration: none;font-weight:none; color: white}
A:link {text-decoration: none;font-weight:none; color: white}
A:active {text-decoration: none;font-weight:none; color: black}
A:hover {text-decoration: none;font-weight:none; color: gray}
</Style>
JP Stones posted this at 20:28 — 25th October 1999.
They have: 2,390 posts
Joined: Nov 1998
Just define dif style elements for in and out of the browser for example the <h1> tag could be fixed for white text on a dark background and the <h2> tag redefined as dark text for a light bg.
Or define your own tags using the class elements...
JP
----------
[red]The Next Step in Website Development [/red] - http://www.what-next.com
The Webmaster Promotion and Resource Center
IanD posted this at 22:52 — 25th October 1999.
They have: 222 posts
Joined: Sep 1999
Could you elaborate on that a bit please? I'd prefer to use to define my own tags using class elements, because I pretty much use the same size font throughout the pages.
Fighting for a Lost Cause.net
Anonymous posted this at 02:59 — 26th October 1999.
They have: 5,633 posts
Joined: Jan 1970
What you want to do is separate your links into two different classes. eg. One class will be called "navLink" and the other "otherLink".
INSERT BETWEEN <HEAD></HEAD> TAGS:-
<style type="text/css">
A.navLink { color: #FFFFFF; }
A.navLink:visited { color: #CCCCCC; }
A.navLink:hover { color: #999999; }
A.navLink:active { color: #999999; }
A.otherLink { color: #FF6633; }
A.otherLink:visited { color: #FF9933; }
A.otherLink:hover { color: #FF6600; }
A.otherLink:active { color: #FF6600; }
</style>
USE THESE FOR YOUR NAVIGATION LINKS:-
<a class="navLink" href="URL">NAME</a>
USE THESE FOR ANY OTHER LINKS:-
<a class="otherLink" href="URL">NAME</a>
You may also want to add font-family, font-size & text-decoration attributes to the style tags.
----------
[email protected]
http://go.to/hass
IanD posted this at 01:18 — 27th October 1999.
They have: 222 posts
Joined: Sep 1999
Ok, I see now. Thanks for the help
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.