Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »Web Design Forum »CSS Forum

Notices

CSS Forum Cascading Style Sheets (CSS) and XHTML Forum


Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 17-01-2008, 01:13 PM
Junior Member
 
Join Date: Dec 2007
Posts: 12
Default 2 sets of CSS pseudo-classes on one page (Dreamweaver)

I want these pages (here and here, for example) to have two different sets of text behavior: the yellow text in the sidebar should behave differently from the black text at the center of the page. Every way that I've tried stacking the CSS, though, the pseudo-class selectors conflict. Is it the case that a page can only parse one set of a:hover, a:visited, et c., commands?

I thought it might make sense for the "yellow" CSS to be written into the page script, and the "black" (Body) code to be stored in an external .css file, but that hasn't done the trick. any help is appreciated.

Ian


PS Am I the only one who's unable to post at the (Macromedia-format) Adobe forums? When I punch 'New Topic' in the Dreamweaver page, I get
an endless loop that holds up every browser I try.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #2 (permalink)  
Old 17-01-2008, 02:39 PM
tommylogic's Avatar
f*ck yeah it validates!!!
 
Join Date: Apr 2007
Location: Virtually Everywhere
Gender: Male
Posts: 5,707
Default

well... first of all, not sure where you got that template... but it has MANY drawbacks.

-Get rid of the tables in it and use pure css for your layout.
-Create a sperate file for your css and link to it (as opposed to including it in your page)
-As for the class selectors... do it per div as you like

HTML Code:
#leftbar a:visited { 
text-decoration : none;
} 
#leftbar a:hover { 
text-decoration : none;
background-color : #999966;
color : #d2d2a6;
} 
etc
etc 
etc
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 17-01-2008, 06:04 PM
Junior Member
 
Join Date: Dec 2007
Posts: 12
Default

Thanks for your response. It solved the problem. I'm one of the million people who are doing www layout in Dreamweaver because though we're not good at it, we're better than anyone else at the office. It's been a big hump for me, getting over CSS, but I'm starting to get there (and they're right - once you understand it, it really is easy).

Believe it or don't, I really didn't know that the pseudo-classes were subsets and that I could type them that way (#big_dumb_thing, #big_dumb_thing a: hover, #big_dumb_thing a:visited) — now that I get that, I get the central premise of the pseudo-class selectors, which I didn't before. (I know, I know, learn to look at the code. I'm learning.)

I've saved my css to an external file. I'm keeping some of my tables, at least for now. Thanks again for your input.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #4 (permalink)  
Old 18-01-2008, 02:48 PM
tommylogic's Avatar
f*ck yeah it validates!!!
 
Join Date: Apr 2007
Location: Virtually Everywhere
Gender: Male
Posts: 5,707
Default

no problem.... I'll let you know where to send the check

let us know if you need any more help. Good Luck
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Free Developer Icon Sets Graphic Design Blog Graphic Design Blog 0 30-04-2008 09:04 AM
My copyright right moves slightly from page to page? ewwatson CSS Forum 6 14-03-2008 01:44 AM
Dreamweaver 8 jwade_m General Web Design Forum 2 16-02-2008 09:48 AM
Dreamweaver 8--> CS3 tommylogic Graphic Design and Web Design Help 8 04-06-2007 01:21 AM
Art Classes mickhawkes Photography Forum 6 21-03-2007 08:02 AM


All times are GMT. The time now is 06:43 AM.



Estetica Design Forum's Privacy Policy
Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0