well, i can give it a shot at least!
On 4/20/06, Reese <[EMAIL PROTECTED]> wrote:
> Earlier today, while reviewing the Web site of a potential client, I
> saw in the HTML source code several classifier names that looked wrong
> to me. These are copied from the potential client's HTML page:
>
> <div class="headerLogo pink">
they probably define .headerLogo properties somewhere, and it also
gets the rules of the .pink class.
> <div class="pseudoH1 white">
odds are instead of using a proper <h2> tag, they stuck this div in
there instead. this is a guess, but i'd say a better way to do this
is <h2 class="white">, noting that having a class of "white" isn't
good itself. oh yes, so this has a class of .pseudoH1 where it
probably gives this div all the rules of a header. it also has a
class of .white.
> <div class="menuItem pseudoH2"><A
same thing as before, but i take it this is a menu item since you also
left the "<a" there, and of course i could probably guess from the
class name. O:-) i assume they are using a <div> for every menu
item, when better coding would be to make each of these a list item,
like so:
<li class="menuItem"><a href="">menu text</a></li>
> <div class="float-wrap">
no idea what they're doing here, unless they think they need to put
every float in a container div.
> <div class="wide bottom clear">
i assume they're clearing a float. they probably specify a .wide
class with "width: 100%;" somewhere, and .bottom is probably something
like "position: absolute; bottom: 0;" somewhere. clear probably has
"clear: both;". yes you can have all three classes. :)
> Spaces. Is that allowed? That would mean multiple classifiers are
> being called into play, since "div.headerLogo" and "pink" both exist
> but "div.headerLogo pink" does not exist on the CSS sheet?
headerLogo is not a parent of pink. if you want to have them both
specifying a style, you'd need .headerLogo.pink with no spaces. you
could separate all .headerLogo styles from all .pink styles, and when
the two merge on one element, have styles for that too, such as:
.headerLogo {font-size: 1.4em;}
.pink {color: pink;}
.headerLogo.pink {border-bottom: 1px solid black;} /* this is only
picked up by elements that have both headerLogo and pink as their
class */
> Odd use of pseudo-classes (float, wrap, clear?). How well will stuff
> like this degrade for older browsers? Will it degrade at all?
the names of the classes have nothing to do with whether they degrade
well. at least, they shouldn't unless i missed something (in which
case someone else will let you know, because they won't let that
slide). :)
hth!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
