Welcome to WebmasterWorld Guest from 18.207.238.169

Forum Moderators: not2easy

Message Too Old, No Replies

Hello and HELP!

er...um.....help!

     
8:53 pm on Mar 12, 2004 (gmt 0)

New User

10+ Year Member

joined:Mar 12, 2004
posts:18
votes: 0


Hello all....
could someone please advise me on something I thought would be simple (ha!) and apparently isn't.

I have a site I have designed using layers...and CSS..as far as I understand it which isn't as far as I thought. Basically I have defined the links/hovers/visted/etc in a style sheet...but if you go into 'modify page properties' (using dreamweaver mx 2004 btw) these properties are applied here ( ie link colour/ active link colour/ etc etc)

I need to have links at the bottom of the page in a different colour. No problem thinks I: Macromedia tell me all i need to do is apply a 'custom' class with a different link colour. Er..no. Does not work. Not a jot of difference. I have to have this site live by monday, and I'm at my wits end...can anyone help? Please?

cheers
Jim

8:56 pm on Mar 12, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 20, 2002
posts:3732
votes: 0


Welcome to the board jimbob,

You do something like this in the css:

a.darkbackstyle:link {color:White; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
a.darkbackstyle:visited {color:White; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
a.darkbackstyle:hover {color:#ffcc66; text-decoration:none;font-family:Arial,Helvetica,sans-serif; font-size:13px;}
a.darkbackstyle:active {color:White; font-family:Arial, Helvetica, sans-serif;font-size: 13px;}

Then do this in the tag:

<a href="http://www.example.com" class="darkbackstyle">Test</a>

9:00 pm on Mar 12, 2004 (gmt 0)

New User

10+ Year Member

joined:Mar 12, 2004
posts:18
votes: 0


thanks korkus for your help - I will give it a try.

much appreciated!

Jim

6:48 am on Mar 13, 2004 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 8, 2004
posts:79
votes: 0


It's better to divide your page semantically. For example, this template does a good job.

<div id="masthead"><!-- top of page general stuff, if you put your nav menu before the content, include it here --></div>
<div id="content"><!-- what the page is all about --></div>
<div id="footer"><!-- copyright, last updated, etc. --></div>

Other sections are usually best inserted before or after #content. So, taking your question and supposing the links you need changed are in #footer. Just mark them up as normal and use CSS like ..

a:link {} /* default */
#footer a:link {} /* overrides default for all contained by #footer */

8:44 am on Mar 13, 2004 (gmt 0)

New User

10+ Year Member

joined:Mar 12, 2004
posts:18
votes: 0


thanks Roger..I think I understand that...I followed Korkus's advice and it all works great now, but I guess your way keeps the code easier to wade through. Essentially this is 'commenting' the code isn't it?

Thanks for your suggestion and I will try to apply it.

cheers
Jim

9:09 am on Mar 13, 2004 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 8, 2004
posts:79
votes: 0


This is all about using semantic markup.

Good code is hindered by comments. :P

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members