Forums | MacLife

Assign a class to them?

.tsooJ

It's not that I want to style them alike, it's that I want to style them together as a block.  If I put a border around them and a background color, I want them to appear as a single entity instead of independent entities.

For my purposes, I can get the two to look seamlessly connected, at least in Firefox and Safari, just by:
•removing dd left margins
•adding padding to taste
•adding a bottom margin to the dd
I'll have to verify in Explorer, but I'm sure it'll work.

Sorry for the delayed response:  My server is experiencing technical difficulties and I had to find another place to put my examples.

•With seperate dl's for each list item; done as intended for a class
•With regular list; with background added for demonstration purposes

The latter works fine, I was just hoping there was a direct way to access them as a block, rather than create the illusion that there is one.

I figured as much.  That's the only set of tags I've run into thus far that grouping abilities would be nice, though I could see a few others benefiting as well.  I only thought of the possibility because I'm used to using <ul> for most of my listing needs.

hmm, I suppose that's a possibility, but I think I'll only do that in that case.  I'd rather have the standard single list markup when possible.

The idea was for each definition item to be treated as a separate and single entity, as a line item would be.  So if I wanted a border around the definition item, ideally I'd be able to put something like:
    di{ border: thin solid red; }
Likewise with any other attributes.

As it stands, for the above example, I'd need to create a top and a bottom half and join them together, like:
    dd{ border: thin solid red; border-bottom: none;  margin-left: 0; }
    dt{ border: thin solid red; border-top: none; }
Browsers handle dd's and dt's with some default margins, so they would have to be managed to get the desired results. 

More complex stylings would require more complex workarounds.