The "What Are You Working On?" Thread - Week Ending May 18 2013

[Simon]

...compound css and using nested div tags ... Dreamweaver

Looks good, and even using Dreamweaver you managed mostly to avoid the dreaded divitis and classitis that it's notorious for causing.

A couple of things you may want to consider on your cleos-porn-links pages. You likely know that a class can be applied to as many elements as you want, while an ID should only be applied once to one element on any page/document. So having many divs with an ID of navcontainer probably isn't what you meant to do.

You could just convert the navcontainer to a class instead of an ID so you can use it multiple times. And then in the interest of avoiding all divitis, you can consider applying that new navcontainer class directly to the ULs themselves instead of wrapping each list in a div too.

Just wanted to mention those things before you have too many pages done.

HTH

[Cleo]

Originally Posted by Simon

You likely know that a class can be applied to as many elements as you want, while an ID should only be applied once to one element on any page/document. So having many divs with an ID of navcontainer probably isn't what you meant to do.

You could just convert the navcontainer to a class instead of an ID so you can use it multiple times. And then in the interest of avoiding all divitis, you can consider applying that new navcontainer class directly to the ULs themselves

Yeah that was some old code that was reused. One of the few bits of old code that was reused.

I noticed that I had done that late last night. It seemed to be working so I left it alone but I do know that it's wrong.

But I just changed all the IDs to classes.

[Simon]

Yep, most browsers will let you get away with reusing IDs, at least right now. But if that ever changes in future browser versions you'll be very glad you changed those to classes.

--

You rarely need to use IDs instead of classes, except when you really want to indicate that some element on the page is actually unique.

For example, if an element has an ID of "submit_here" and you have a link that says "http://yourdomain.com#submit_here" then the browser will automatically scroll the page to find and show that section to whoever clicks the link.

The other reason to use an ID instead of a class is for Javascript. For example, if you're using the popular jQuery or similar Javascript libraries, then things like the "getElementById" function rely on there being only one element with the ID you specify.

Also, to go along with those things, while an element can have more than one class applied to it, an element can only have one ID.

Aside from those things, according to the "cascading" rules in CSS, an ID is chosen over a class if there are any conflicts in CSS declarations.

There may be other reasons to use an ID instead of a class, but those are the ones that first come to mind.

traffic is more important than design