css selector question

[bo jehos]

Just wondering how I could effectually make a class style within another class
style? The way I'm trying to do it is not working. The parent selector
(.photos) is not unique, so I didn't make it an id.

I tried to string together classes as in below (.photos .box), but a later
..box class style over-ruled the prior .photos .box style. I'm sure I don't know
how to make this work.

EXAMPLE
.photos .float_rt{
float:right;
}

.photos .box {
float:left;
width: 100px;
height: 120px;
padding: 5px 0px;
margin:0px;
text-align:center;
vertical-align:bottom;
line-height: 10px;
border: 1px solid red;
}

.photos .box .pic{
bottom:0;
height: 85px;
width:85px;
margin: 5px;
border: 1px solid blue;
}
.photos .box .txt{
padding:0px 5px;
margin:0px;
text-align:center;
word-wrap:break-word;
}

[Murray *TMM*]

I'm not sure what you are trying to do.

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


"bo jehos" <webforumsuser@macromedia.com> wrote in message
news:dpm6i7$prs$1@forums.macromedia.com...

> Just wondering how I could effectually make a class style within another
> class
> style? The way I'm trying to do it is not working. The parent selector
> (.photos) is not unique, so I didn't make it an id.
>
> I tried to string together classes as in below (.photos .box), but a later
> .box class style over-ruled the prior .photos .box style. I'm sure I don't
> know
> how to make this work.
>
> EXAMPLE
> .photos .float_rt{
> float:right;
> }
>
> .photos .box {
> float:left;
> width: 100px;
> height: 120px;
> padding: 5px 0px;
> margin:0px;
> text-align:center;
> vertical-align:bottom;
> line-height: 10px;
> border: 1px solid red;
> }
>
> .photos .box .pic{
> bottom:0;
> height: 85px;
> width:85px;
> margin: 5px;
> border: 1px solid blue;
> }
> .photos .box .txt{
> padding:0px 5px;
> margin:0px;
> text-align:center;
> word-wrap:break-word;
> }
>

[bo jehos]

I have a grid of pictures. This grid appears in several places.

I called the class .photos.

Then each photo is inside a box with a caption below.

So you have a photo (.pic) + a piece of text(.txt) inside a box (.box) Then
a bunch of .box divs floated in rows inside the .photos div.

That's all! My only question is, how do I refer to those multiple classes
which occur inside classes? I mentioned my first try didn't work (see above)

[bo jehos]

well, I tried .photo>.box>.pic.

It worked fabulously in FF. And of course not in IE.

[Murray *TMM*]

It would be so much easier if you showed me code. However, you can refer to
the classes like this -

div.photos div.box img.pic { styles }, or
div.photos div.box .txt { styles }

to specifically style the images or the text, respectively - just use
descendent selectors.

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


"bo jehos" <webforumsuser@macromedia.com> wrote in message
news:dpml2p$ein$1@forums.macromedia.com...

> well, I tried .photo>.box>.pic.
>
> It worked fabulously in FF. And of course not in IE.