Webmaster Forum / HTML, CSS, Scripts / CSS / January 2008

I would like to be able to change the background-image of a <div>
based on the :active pseudo-class, but I want to do it on a per <div>
basis. It is possible to set up a class to do it for all <div>s of a
class with:

When <li> is set to {max-width:45em;}, the bullets move from the top
to the bottom of the <li>.  Also, the bullet for a top-level <li> ends
up on the same line as the last <li> of its nested list, with both
disc and circle bullets on that line.

Wasn't sure where to post this...
I needed opinions on web certifications. I'm learning overall web/database
development (HTML/CSS, Actionscript, Javascript, PHP, MYSQL, ASP.NET). These
are my goals.

I have some pages where table design is used. The reason is that left and
right column must keep defined width but middle column must resize itself when
user resize browser window. I searched internet and many groups but I not
found the answer.

I have a site in test and am having problems in IE7 (fine in IE6 &
FF).  The background of the main content div does not draw its
background color if there is not enough text to fill it:
http://test139.netguides.info/devon/crealy-holidays.aspx

let's say I have this simple HTML form:
<form method="post" action="foo.php">
    <p>
        <label for="username">Username:</label>

This is probably something simple but I've tried many kind of
combinations using the 'vertical-align' (and 'line-height') property
without success.  I want to align the bottom of the <span> elements
in the following example, i.e. to align their bottom borders:

This wikipedia user:
http://en.wikipedia.org/wiki/User:Miranda
has a png image in the lower right of their screen.
How can I acheive a similar effect on my own (not wiki) page, (using my own

I am trying to show arrows on a multi-level menu (site is
http://www.sallekiss.org.uk).
Where we have a multi-level item the list structure looks like:
<ul class="menu">

Does anyone grok browser variations for collapsing vertical margins,
and which is correct behaviour?
Embed <div> inside <div>. Place padding on the outer <div>, margin on
the inner <div>. Should vertical margins between inner <div>s

I have two div's that have float:left and a third that has clear:left
and margin-top:10px. In IE 6 & 7, it displays as I intended, but in
Safari, Firefox, Opera, it "ignores" the margin-top of the third div.
If I put a margin-bottom:10px on one of the first two floated divs, I

i downloaded an open-source web template from this site:
  http://myhedspace.com
i got "ZoeDesign02", a two-column, simple-looking template:
http://www.myhedspace.com/demo/zoedesigns02/zoedesigns02.zip

BACKGROUND
I'm having a problem getting some text to be vertically and
horizontally centered/aligned inside a div. Actually, its three
separate DIVs going flowing down the page vertically. Each of DIVs

Some years ago I implemented the well-known @import trick to not confuse
netscape 4 users. Is this still necessary?
The relevant style sheets are
www.TheBicyclingGuitarist.net/css/index_filter.css and

The table in question is at http://www.swiftys.org.uk/calendar
The HTML is pre-Cambrian, almost certainly invalid, generated by one of
the first CGI scripts that I ever wrote, about 15 years ago (initially).
The strange fact is that it works in all popular browsers. It even works