Newbie CSS problem...

Hi all,
I've run into a bit of a problem redoing our school website (summer's almost
over!). I'm trying to put a thin (~1px) border around "Popular Pages" and
"News". www.teacher-tutor.com/new_index.htm I think I'm inheriting a bum
cascade! :>)

Any help appreciated!

Mark



#layout {
width: 750px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#layout, #layout td {
border: thin solid #000066;
border-collapse: collapse;


}
#nav {
width: 150px;
}
#nav, #nav td {border: none;
}

#maincontent {
width: 600px;


}
#maincontent, #maincontent td {
border: none;
padding: 25px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000066;
background-image: url(images/newsmsbackground.jpg);
}
table {
background-color: #FFFFFF;
}

#footer, #footer td {
border: none;
}
.nav_cell_header {
background-color: #CCCCCC;
text-align: center;
font-weight: bold;
font-variant: small-caps;
border: 1px solid #00008B;
}

Karm56 wrote:

Hi all,
I've run into a bit of a problem redoing our school website (summer's almost
over!). I'm trying to put a thin (~1px) border around "Popular Pages" and
"News". www.teacher-tutor.com/new_index.htm I think I'm inheriting a bum
cascade! :>)

add #nav td before .nav_cell_header as below.

#nav td.nav_cell_header {
background-color: #CCCCCC;
text-align: center;
font-weight: bold;
font-variant: small-caps;
border: 1px solid #00008B;
}

And don't use underscores in custom class names.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Karm56 wrote:

Hi all,
I've run into a bit of a problem redoing our school website (summer's
almost
over!). I'm trying to put a thin (~1px) border around "Popular Pages"
and
"News". www.teacher-tutor.com/new_index.htm I think I'm inheriting a
bum
cascade! :>)




add #nav td before .nav_cell_header as below.

#nav td.nav_cell_header {
background-color: #CCCCCC;
text-align: center;
font-weight: bold;
font-variant: small-caps;
border: 1px solid #00008B;
}

Murray *TMM* wrote:

And don't use underscores in custom class names.

Right> You heard that!

Make it #nav td.navCellHeader

Wow..that was fast! I'll get on it forwith immediately!

Thanks!
Mark

Murray wrote:

And don't use underscores in custom class names.

Amen. I can't stand those.

Neither can NN4x! 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"mzanime.com" <webforumsuser (AT) macromedia (DOT) com> wrote

Murray wrote:
And don't use underscores in custom class names.

Amen. I can't stand those.

Hi Osgood,
Well, that took care of that! Thanks! Where can I find out how your
suggestion worked?? I think I tried everything (in my CSS book(s) but could not
find an answer.

Thanks again for taking the time to help!
Mark

Karm56 wrote:

Hi Osgood,
Well, that took care of that! Thanks! Where can I find out how your
suggestion worked?? I think I tried everything (in my CSS book(s) but could not
find an answer.

Thanks again for taking the time to help!
Mark

id selectors outrank class selectors. In your senario even though the

class came lower in the cascading css order the cell took its properties
from the superior id selector.

When you combine the two its saying apply this class, to this cell, with
this id.

Osgood wrote:

id selectors outrank class selectors.

So thats what was happening... I knew it looked "out of order". I do believe
what you are saying Osgood, but do you know of a W3C page which states this?