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

Mouse over making the tect bold

Status
Not open for further replies.

kruxty

Programmer
Jul 17, 2001
197
PT
I have a menu with (e.g. TEXT1 ; TEXT2 ; TEXT3 ; ...).
What i want is to make the text bold when the mouse pointer passes over the text! How can i do this? I use DreamWeaver there are any behavior that makes this easier?
 
Bold can really screw the look up onMouseover, but here you go...

<style>
a:link, a:visited {text-decoration: none; color: blue;}
a:hover {text-decoration: none; color: red; font-weight: bold;}
</style> Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048

mikewolf@tst-us.com
 
You can put it in your header.

As Mike pointed out, however, having text suddenly switch to bold can make your layout twitch. Use carefully.

Cheers,

Edward &quot;Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!&quot; -- inventor of the cat door
 
i didn't understand it verywell yet... that litlle script doesn't make all the text on the page become bold when i put the mouse over the text?
 
Ok... i understand now!
And if i want to this just to some links and the others with italic for example?!
 
you might want to start with an introduction to CSS

is a great place to start

it will outline how to build your pages using css and any other web page building techniques you might want to use [soapbox]
sleep is good
 
i want just some links

e.g.

.: menu :.
.: photos : bio : games :.

i want just the phots-bio-games menu! Is this possible?
 
Well if it's just links then use the code the guys gave you.
or

<style type=&quot;text/css&quot;>
<!--
a:link {color: ; text-decoration: none; }
a:active {color: ; text-decoration: none; }
a:visited {color: ; text-decoration: none; }
a:hover {color: ; text-decoration: none; }
-->
</style>
This will be applied to ALL links in the document.


É
::
 
See
thread215-468858
for a detailed discussion and explanation on how to apply styles to different link classes in an HTML document. Includes a working example.

Cheers,

Edward &quot;Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!&quot; -- inventor of the cat door
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top