How do I create two a:Link styles on one page

**kbruce** · Mar 15, 2001, 12:54

Can anyone point me in the right direction on how to create two different a link styles on one page

thanks
kb

**creole** · Mar 15, 2001, 13:48

me me me...

like this:

/* normal style */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

/* second style */
a.second:link { text-decoration: none; }
a.second:visited { text-decoration: none; }
a.second:hover { text-decoration: underline; }
a.second:active { text-decoration: none; }

All links on your page will default to the first style unless another is applied like so:

<a href="42" class="second">some text</a>

get it?

**lynlimz** · Mar 16, 2001, 06:58

Thats an awfully good explanation creole =)))

**creole** · Mar 16, 2001, 10:13

Aw shucks...you made me blush...I'm just trying to keep up with you lyn...

**lynlimz** · Mar 16, 2001, 21:59

LOL Geez..I'm losing touch m8 creole!
You studied CSS2 yet?

**creole** · Mar 16, 2001, 22:50

at my last job I printed out the whole manual from W3c...thing was like 250 pages long.

I have it in a binder. I am familiar with some of it, but really only the ones that have direct application to what I do. Not everything really makes sense you know?

**WP1** · Mar 17, 2001, 09:44

Originally posted by creole
me me me...

like this:
SNIP....

Hi All,

I am still a newbie and still on the low end of the knowledge curve. I have a similar problem as kbruce. I hope you can help me out as well creole.

I want the links for a FFAL page I am working on to have different colors than the "normal" links on the page. The page is located on,
http://www.ironstone.f2s.com/lk/link-childsupport.shtml

The posted links have taken on the "normal" css features which I meant for the menu links. The letter "A" at the top and bottom of the Link Panel will take you to the "posting" page. Only the top left radio button is working at this time. Eventually I will Password Protect this page since only the administrator will be able to place links on the page but for now I have not. The script was originally at a php script site,
http://www.proxy2.de
and I have got it to this point.

What do I have to do to get the posted links to look different?

I hope I do not need to make changes in the engine of the script. aaaaaawwwwwwwwwww!?#@$$#$? That looks like an unsolvable puzzle!!!!

BTW, I kinda followed what you indicated in your response to kbruce, but I did not follow what the "href="42" mean??

Thanks in advance for any and all responses.

WP

**lynlimz** · Mar 17, 2001, 09:51

Go Creole! LOL
I only managed to work on half of it.
Not all the browsers support it.. Netscape 4, hence the reason why I ain't implementing the usage of it.

**creole** · Mar 17, 2001, 11:28

simplicity itself...

Let's analyze this. The only links that you have complete control over are the sidebar links right?

That means that to prevent your "posted" links from being invisible like they are now, you make "THEM" the default link. You set them up with colors that will be visible on a white background and let the people post links to their hearts content. They won't have to add ANY other lines of code other than the URL. Do you get me so far?

Now on your end, it will be a little more work though. Watch me work children (lynlimz...heeh)!

for your styles:

<style type="text/css">

</style>

With me so far?

That sets up your page with colored links. Now the problem with this layout is that Netscape does not understand pseudo-link classes. So all we have to do is specify the link colors in the BODY tag as well. You're set.

**creole** · Mar 17, 2001, 11:29

lyn...I agree...it's very frustrating for them to even come out with new specifications when they know that very few browsers support it. Even IE 5.5 which is the BEST browser for stylesheets does not fully support CSS-2.

Hell...Netscape doesn't even fully support CSS-1...

**lynlimz** · Mar 17, 2001, 11:33

Yeah. So I'm just sticking to paperwork =)

**WP1** · Mar 19, 2001, 06:10

Hello All,

This is follow up time. Please take a look at,
http://www.ironstone.f2s.com/lk/link-childsupport.shtml

I did as "creole" suggested and it worked out fine.

I placed class="sidebar" inside all the links I needed to.

Would it have been possible to not have done such a "menial" task

?? I am using SSI for my menus. Is there a way to use CSS with them and therefore not have to change all affected links individually?

BTW, is there a way to get a site visitor to Reload a page by clicking on a link in the page, I was only able to find a script which uses a form button. The panel I am working on looked like this,
http://www.ironstone.f2s.com/linksuperpanel02.html
I want it to look more like the page I noted above, with the text "Reload". I will be starting a new thread with this question but I thought I would also ask it here as well.

Thanks again for any and all replies.

WP

**lynlimz** · Mar 19, 2001, 07:24

you could have cut and paste past e paste all the way using the keyboard short-cuts..

or..using a text editor, replace '<a' with <a class="sidebar"
and it'll have your code in a few seconds.

the reload link would be:
<a href="javascript:window.location.reload()">Reload Page</a>

**WP1** · Mar 19, 2001, 08:38

SNIP....the reload link would be:
<a href="javascript:window.location.reload()">Reload Page</a>

Hi,

Thanks to all for their input.

You can see the result at,
http://www.ironstone.f2s.com/lk/link-childsupport.shtml

Peace,

WP

**lynlimz** · Mar 19, 2001, 08:40

Great. so all your problems have been resolved?

**WP1** · Mar 19, 2001, 09:59

Yep!!!

For Now. I also learned quite a bit in this thread.

WP

**creole** · Mar 19, 2001, 10:00

glad that Lyn and I could help you out...

we were neck and neck in this post actually...

not that it's a competition though...

**lynlimz** · Mar 19, 2001, 10:06

yicks! creole! you were the one that did the coding posts! lol
i'm a mere extra..posting all the stupid comments..and yeah..gaining post count! lol

hmm....anyhow, his problem has been resolved! haha..cheers creole!

User Tag List

Thread: How do I create two a:Link styles on one page

Thread Tools

Display

Bookmarks

Bookmarks

Posting Permissions