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
Old 03-19-2005, 02:48 PM On mouseover help
sk8boarder2424's Avatar
Extreme Talker

Posts: 175
Location: Lockport Illinois
Trades: 0
hey all,
im trying to make it so that when you onmouse over a link, it will bold the "»" next to it, not the whole link, just the "»"
i want to keep it in the CCS style sheet....
and im stumped on how it can be done... any help is appreciated
thanks,
matt
__________________
"People created God in an effort to explain the unknown and soothe their fear of death."

-beasters
sk8boarder2424 is offline
Reply With Quote
View Public Profile Visit sk8boarder2424's homepage!
 
 
Register now for full access!
Old 03-19-2005, 04:06 PM
0beron's Avatar
Defies a Status

Posts: 1,832
Location: Somewhere else entirely
Trades: 0
Is it possible to code it so it makes the whole link bold, but then put all of it excpet the >> into a span with font-weight set to normal?
__________________
UPDATE 0beron SET talkupation = talkupation + lots WHERE post = 'helpful';

Please login or register to view this content. Registration is FREE
(aka MSN handwriting for forums)
0beron is offline
Reply With Quote
View Public Profile Visit 0beron's homepage!
 
Old 03-19-2005, 04:36 PM
dk01's Avatar
Ultra Talker

Posts: 373
Location: Ames, IA
Trades: 0
At this point you can do it in Firefox, NS, and Mozilla only. IE 6 is stuck in the past in terms of dealing with complex css behaviors (even though they own the trademark css). Here's the code I put together.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CSS Hover Tests</title>
<style type="text/css">
a {
  font-family: Arial, serif;
  font-size: 9pt;
  text-decoration: none;
}

a span.bullet {
  color: #000;
}

a:hover span.bullet {
  font-weight: bold;
}

a span.label {
  color: #c00;
}

a:hover span.label {
  border-bottom: 1px dotted #c00;
}
</style>
</head>

<body>

<a href="#"><span class="bullet">&raquo;&nbsp;</span><span class="label">My link</span></a>

</body>
</html>
-dk
__________________
Did I help you? If so, be nice and throw me some
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
dk01 is offline
Reply With Quote
View Public Profile
 
Old 03-19-2005, 06:01 PM
sk8boarder2424's Avatar
Extreme Talker

Posts: 175
Location: Lockport Illinois
Trades: 0
that works great, thanks dk
__________________
"People created God in an effort to explain the unknown and soothe their fear of death."

-beasters
sk8boarder2424 is offline
Reply With Quote
View Public Profile Visit sk8boarder2424's homepage!
 
Reply     « Reply to On mouseover help
 

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 1.51476 seconds with 12 queries