Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
font/underline different colors w/out border-bottom
Old 05-23-2005, 06:42 PM font/underline different colors w/out border-bottom
Junior Talker

Posts: 4
Trades: 0
this isnt a question, i just thought id share how to do this nifty trick the real way. i thought it could only be done with border-bottom, but i was wrong...

<style>
<!--
a:link{
color:#000000;
text-decoration:none;
}
a:hover{
color:#FF0000;
text-decoration:underline;
}
.coolLink{
color:#000000;
}
-->
</style>

<a href="#void"><font class="coolLink">Cool Link</font></a>
intertrex is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-24-2005, 01:49 AM
OmuCuSucu's Avatar
Vi Veri Veniversum Vivus

Posts: 1,168
Name: Dragos-Valentin
Location: Cluj-Napoca, RO
Trades: 0
actually i think i'd take out the <font> tags completely...
__________________
.
» Please remember to add to my Talkupation if you enjoyed my post. Thank you :)
.
OmuCuSucu is offline
Reply With Quote
View Public Profile
 
Old 05-24-2005, 09:31 AM
CasaPages's Avatar
SillyPhilly

Posts: 758
Location: between here an somewhere else
Trades: 0
I agree, dont forget <font> tags are a depreciated html element. In other words they are becoming obsolete and may not be recognized by future browsers.

However since their is tons and tons of pages of code that do already use these "depreciated html elements" it is highly unlikely that they will ever not be recognized. So every once and awhile it is ok to use such tags, just dont make a habbit of it.
__________________
It Happens

Please login or register to view this content. Registration is FREE

Last edited by CasaPages; 05-24-2005 at 09:34 AM..
CasaPages is offline
Reply With Quote
View Public Profile Visit CasaPages's homepage!
 
Old 05-24-2005, 12:00 PM
Junior Talker

Posts: 4
Trades: 0
i used the font tags because thats the only way it works for me.... if you dont, the 'a' and 'a:hover' styles take over and the link acts like it would without the '.coolLink' style. im not that css savvy though, i could be very wrong.
intertrex is offline
Reply With Quote
View Public Profile
 
Old 05-24-2005, 02:52 PM
OmuCuSucu's Avatar
Vi Veri Veniversum Vivus

Posts: 1,168
Name: Dragos-Valentin
Location: Cluj-Napoca, RO
Trades: 0
if you only use the a:link, a:hover, a:visited and a:active .... and leave out the coollink ... they don't work?
and it seems to me a:link and cooling have nothing different from eachother ....
__________________
.
» Please remember to add to my Talkupation if you enjoyed my post. Thank you :)
.
OmuCuSucu is offline
Reply With Quote
View Public Profile
 
Old 05-24-2005, 07:35 PM
CasaPages's Avatar
SillyPhilly

Posts: 758
Location: between here an somewhere else
Trades: 0
try this for your css

Code:
	.Y:link, .Y:visited
   	{
   	font-family: tahoma;
   	color: yellow;
   	text-decoration: underline;
   	font-size: 100%;
   	}
   	.Y:hover
   	{
   	color: blue;
   	font-size: 100%;
   	text-decoration: none;
   	}
   	
   	.Y:active
   	{
   	color: yellow;
   	font-size: 100%;
   	text-decoration: none;
   	}
then in your html use this

HTML Code:
<a class="Y" href="#">CoolLink</a>
and modify the css till you get what you like then to make a diffrent link just change the class...

here is a quick demo

View the CSS
__________________
It Happens

Please login or register to view this content. Registration is FREE

Last edited by CasaPages; 05-24-2005 at 07:52 PM..
CasaPages is offline
Reply With Quote
View Public Profile Visit CasaPages's homepage!
 
Old 05-25-2005, 01:00 AM what??
Junior Talker

Posts: 4
Trades: 0
i dont think you understood what i meant... im not trying to make a hover link, im trying to make a hover link that has a different colored underline from the font itself. i just thought it was nifty that it could be done without border-bottom. sorry, i get easily excited.
intertrex is offline
Reply With Quote
View Public Profile
 
Old 05-25-2005, 12:51 PM
CasaPages's Avatar
SillyPhilly

Posts: 758
Location: between here an somewhere else
Trades: 0
oooooooooooooooooooooooooooooooh my bad I see....sorry

an example would have cleared things up
__________________
It Happens

Please login or register to view this content. Registration is FREE

Last edited by CasaPages; 05-25-2005 at 12:53 PM..
CasaPages is offline
Reply With Quote
View Public Profile Visit CasaPages's homepage!
 
Reply     « Reply to font/underline different colors w/out border-bottom
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 2.09028 seconds with 12 queries