Banner

Sponsor

Login


Welcome Back!
Guest
Guest

Register

Lost your password?

78 users online



Multiple CSS???

Multiple CSS???

Currently viewing this thread: 1 (0 members and 1 guests)


Page 1 out of 2
Citadelle

Citadelle

Status: Offline!

Multiple CSS???

ok. what i want is to have certain links with a certain css style, and other links, with a different style.

so for instance, THIS has, on hover, background colour black, and THIS with background colour white and underlined on hover.

And all links and styles are on one page, with the styles defined in the < head >. Ive seen it done before so I know its possible, just not sure how to do it.

thanks in advance...

___________________

desekt labs

epyon

epyon

16, staying Asian.
Status: Offline!

.linkone {
color: #FFF
}

.linktwo {
color: #000
}

<a class='linkone' href='linkone.php'>LINKONE</a>
<a class='linktwo' href='linktwo.php'>LINKTWO</a>

___________________

http://whatpulse.bounceme.net/sig/epyon.png

Citadelle

Citadelle

Status: Offline!

awesome. thanks a lot. ill try that out.

now, am i able to make hover parts for each one, cause thats the most important part??

___________________

desekt labs

epyon

epyon

16, staying Asian.
Status: Offline!

<style>
a.linkone:hover {
color: #FFFFFF
}

a.linktwo:hover {
color: #000000
}
</style>

<a class='linkone' href='linkone.php'>LINKONE</a>
<a class='linktwo' href='linktwo.php'>LINKTWO</a>

___________________

http://whatpulse.bounceme.net/sig/epyon.png

Utopia

Utopia

A few details cannot sum me up
Status: Offline!

its also a good thing to explicitly state the font styles, sizes and etc again in each different link style you create - its a bit of a pain, yes, but its good practice and the w3c will like you for it when you validate your css!

Matt

___________________

Matt M
Webmaster, Web Developer and Relaxation expert
- Free web development tutorials, scripts and more..
- Top 10 webmaster articles
- Nowt here, but I own the domain for something in the future.....

"Life's gotta be fun, if its not its crap." - Pritchard, Dirty Sanchez

Citadelle

Citadelle

Status: Offline!

it works!! thanks a lot:)

___________________

desekt labs

avius

avius

sophomore in college, working on CIS degree
Status: Offline!

Utopia is right; you can cut and paste the font tags if you want, but you should probably include them in all of the definitions. Also, if you want some to have say a background color behind the link on hover but others not to, you need to define the background-color: to be "transparent" on the ones you don't want a bg color on. Otherwise IE seems to goof and put it on all of the links. That may not pertain to this particular instance, but its good general trivia I guess.

___________________

http://www.avius.ws/ver11/avius350x60.gif

epyon

epyon

16, staying Asian.
Status: Offline!

these are just examples guys.

___________________

http://whatpulse.bounceme.net/sig/epyon.png

Citadelle

Citadelle

Status: Offline!

i tested it all, works perfectly fine. thanks for the tips

___________________

desekt labs

avius

avius

sophomore in college, working on CIS degree
Status: Offline!

sorry epyon; didn't mean to suggest that you didn't know to do that. i knew you were just saving time. Smile just wanted to make sure that Citadelle knew also.

___________________

http://www.avius.ws/ver11/avius350x60.gif

Page 1 out of 2
Quick Jump:

Main Navigation


Site & Graphic Design by Aeon Tan
Developed by Jeremie Pelletier & Scott Roach


NeverAPI generated this page in 0.0079 seconds.