Tom's Guide | Tom's Hardware | Tom's Games

Computing.Net > Forums > Web Development > onmouseover to change font

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

onmouseover to change font

Reply to Message Icon

Name: BigShow
Date: August 6, 2005 at 19:46:36 Pacific
OS: xp
CPU/Ram: amd athlon 700mhz,256 k
Comment:

Hey guys, I have a couple links that I basically wnat the font to change to a bigger size when the mouse pointer goes over it, the links use CSS for there attributes, how qould I do this...here is the code...

b {
font-family:Arial;
font-size:13px;
text-decoration: none;
font-weight: bold;
color:#4ab31f;
}

.vv {
font-family:Arial;
font-size:16px;
text-decoration: none;
font-weight: bold;
color:#4ab31f;
}
Basically I want the font to go from "b" to "vv" when the mouse goes over it, any ideas or an easier way to do this, thanks.



Sponsored Link
Ads by Google

Response Number 1
Name: Laler
Date: August 6, 2005 at 21:05:18 Pacific
Reply:

for all links:

a:link, a:visited {
font-family:Arial;
font-size:13px;
text-decoration: none;
font-weight: bold;
color:#4ab31f;
}

a:hover {
font-family:Arial;
font-size:16px;
text-decoration: none;
font-weight: bold;
color:#4ab31f;
}

for some links:

.speciallink a:link, .speciallink a:visited {
font-family:Arial;
font-size:13px;
text-decoration: none;
font-weight: bold;
color:#4ab31f;
}

.speciallink a:hover {
font-family:Arial;
font-size:16px;
text-decoration: none;
font-weight: bold;
color:#4ab31f;
}

for the above, you do this on the link:

[a href="http://something" class="speciallink"]something[/a]

:::::

There are numerous other ways to play with it, like

td a:link, td a:visited {}

will apply to all links inside a <td>, etc

---
Site of the Day


0

Response Number 2
Name: Laler
Date: August 6, 2005 at 21:06:37 Pacific
Reply:

and you can actually separate them into 4 different occurance:

a:link
a:visited
a:hover
a:active

---
Site of the Day


0

Response Number 3
Name: Laler
Date: August 6, 2005 at 21:08:26 Pacific
Reply:

hm sorry, for the speciallink above it should be:

a.speciallink:hover, a.speciallink:visited


because .speciallink a:hover will apply to all links inside the .speciallink class like:

<div class="speciallink"> or <b class="speciallink">, etc

---
Site of the Day


0

Sponsored Link
Ads by Google
Reply to Message Icon

Related Posts

See More



Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links
Ads by Google


Results for: onmouseover to change font
way to change HTTP_USER_AGENT www.computing.net/answers/webdevel/way-to-change-httpuseragent/2850.html

How to change scroll bar look www.computing.net/answers/webdevel/how-to-change-scroll-bar-look/740.html

unable to change text color in swf www.computing.net/answers/webdevel/unable-to-change-text-color-in-swf-/3403.html