HighDots Forums  

CSS question

alt.html.dhtml alt.html.dhtml


Discuss CSS question in the alt.html.dhtml forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Danny
 
Posts: n/a

Default Re: CSS question - 06-02-2005 , 12:36 AM







Check http://www.w3.org/TR/REC-CSS2/select...pseudo-classes ,
and scroll down to the 1st paragraph below the example shown, yes, the
order you declare the rules/classes/selectors, does do override/inherit,
thus the name Cascadind.

Danny


On Fri, 03 Jun 2005 01:32:42 -0700, Ross <ross (AT) aztechost (DOT) com> wrote:

Quote:
I want to use 2 sets of link styles (black, underline on rollover) and an
alternative link (red underline always) on the same page.

When I set up the first one on the page properties of dreamweaver and
then
code the second one with CSS it always gets overridden be the page
defualt.
Does this alwas happen? do I HAVE to do two sets of css links?

Here is the css...

.red_links {
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
}

.red_links a:link{
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
text-decoration: underline;
}
.red_links a:hover{
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
text-decoration: underline;

}



--
Posted via NewsDemon.com - Premium Uncensored Newsgroup Service
------->>>>>>http://www.NewsDemon.com<<<<<<------
Unlimited Access, Anonymous Accounts, Uncensored Broadband Access


--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/


Reply With Quote
  #2  
Old   
Ross
 
Posts: n/a

Default CSS question - 06-03-2005 , 04:32 AM






I want to use 2 sets of link styles (black, underline on rollover) and an
alternative link (red underline always) on the same page.

When I set up the first one on the page properties of dreamweaver and then
code the second one with CSS it always gets overridden be the page defualt.
Does this alwas happen? do I HAVE to do two sets of css links?

Here is the css...

..red_links {
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
}

..red_links a:link{
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
text-decoration: underline;
}
..red_links a:hover{
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
text-decoration: underline;

}



--
Posted via NewsDemon.com - Premium Uncensored Newsgroup Service
------->>>>>>http://www.NewsDemon.com<<<<<<------
Unlimited Access, Anonymous Accounts, Uncensored Broadband Access

Reply With Quote
  #3  
Old   
Rincewind
 
Posts: n/a

Default Re: CSS question - 07-25-2005 , 08:23 AM



On Fri, 3 Jun 2005 09:32:42 +0100, Ross wrote:

Quote:
I want to use 2 sets of link styles (black, underline on rollover) and an
alternative link (red underline always) on the same page.

When I set up the first one on the page properties of dreamweaver and then
code the second one with CSS it always gets overridden be the page defualt.
Does this alwas happen? do I HAVE to do two sets of css links?

Here is the css...

.red_links {
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
}

.red_links a:link{
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
text-decoration: underline;
}
.red_links a:hover{
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
text-decoration: underline;

}
If I'm reading you right ( ie 2 seperate links, 1 always red and
underlined, and 1 always black but underlined only on rollover) then the
following will work:

a:link.red_links {
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
}
a:hover.red_links {
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #a30000;
}

a:link.black_links {
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #000000;
text-decoration: none;
}
a:hover.black_links {
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-style: normal;
color: #000000;
text-decoration: underline;
}

you need to set the class for black links in your html to "black_links"


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.