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 bkrike on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

visual effects 1

Status
Not open for further replies.

GoLdFiNgeR

IS-IT--Management
Jun 4, 2002
252
US
Hi i know this is probale easy, but im new to web design, so bear with me. Ok i have a sight and i want the links to NOT be underlined, and when you hover over them with the mouse i want them to change color, i have used dhtml effects in front page but it doesnt work, i was wondering if anybody new the html code for this, if there is any, or some other way to do this, if yo uwant to lok at the page it is , i know it has its problems, but i didnt make it im just tweaking it, so any help would be great,

thanks
william
 
Here ya go, this is CSS
<style>
a:link { color: #bda94c; text-decoration: none }
a:visited { color: gray; text-decoration: none }
a:active { color: #bda94c; text-decoration: none }
a:hover { color: #ff0000; text-decoration: underline}
</style>
What this does is the links are not underlined when the user sees it, when they hover over it, the color changes to red (#ff0000) and the link gets underlined...
Play around with this.... I have not failed; I merely found 100,000 different ways of not succeding...
 
hey, that took away the underline, but it didnt do much else, am i putting it in the wrong spot:

<TITLE>Tradesmen International - Skilled Labor, Electrician, Carpenter, Guaranteed Skill Level, NCCER Assessed.</TITLE>

<style>
a:link { color: darkslateblue; text-decoration: none }
a:visited { color: gray; text-decoration: none }
a:active { color: purple; text-decoration: none }
a:hover { color: yellow; text-decoration: underline}
</style>

<!-- Tradesmen International provides contractors with non-union highly skilled craftsmen for maintenance and

thats where i inserted it, and i messed with the colores too, is that correct, and do i have to use teh hex value for the color names? thnaks
 
Yeah its the right spot, it should be between the <head></head>
No, you do not need to use hex values, you can use color names...what else did you wanna do with the links?? Besides make it not underline intialy, when hover over it makes it underline and change the color as well...
Is that not what you wanted?? I have not failed; I merely found 100,000 different ways of not succeding...
 
yeah , its what i wanted, but the do not change color and underline when i hover them still. sorry the DO underline, but the DONT change color during the hover.
 
I just checked the code and it works fine:

a:link { color: darkslateblue; text-decoration: none }
a:visited { color: gray; text-decoration: none }
a:active { color: purple; text-decoration: none }
a:hover { color: yellow; text-decoration: underline}

Check your HTML and see if the links are defined in any color that might throw off the <css> color...
But in my test in IE6, when hover, it does get underline and changes to yellow...what browser are you using?? I have not failed; I merely found 100,000 different ways of not succeding...
 
i am using ie 6, my links are in a table which defins their size, color, and style:

<TD valign=&quot;bottom&quot; height=&quot;0&quot;><a href=&quot;over.html&quot;><font face=&quot;arial&quot; color=&quot;darkslateblue&quot; size=&quot;3&quot; ><b><i>About Tradesmen</b></i></font></a></td>

so i should take out teh color=&quot;dark slate blue&quot; ill try that and see what up, if im wrong let me konw, and ill tell yo whta happens
 
Yeah get rid the color in the table cell... I have not failed; I merely found 100,000 different ways of not succeding...
 
COOL, that worked great, thanks a million dude,
 
No problemo...glad I could help ya... I have not failed; I merely found 100,000 different ways of not succeding...
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top