Haven't got time to work this up properly, but what about something like:
<div id="tier1">
<span>MD information in here</span>
</div>
<div id="tier2">
<span>GM information in here</span>
<span>Financial Controller information in here</span>
<span>PA information in here</span>
</div>
<div id="tier3">
<span>Manager 1 information in here</span>
<span>Manager 2 information in here</span>
...
<span>Manager 7 Information in here</span>
</div>
I've used DIVs and SPANs here as generic elements, but you can use whatever will work best for your structure (such as the DLs or ULs mentioned earlier, or whatever).
The idea is that then you could do something like:
#tier1 span {
width: 100%;
display: block;
text-align: center;
}
#tier2 span {
width: 33%;
display: block;
float: left;
text-align: center;
}
#tier3 span {
width: 14%;
display: block;
float: left;
text-align: center;
}
The display block is needed only if your wrapper is an inline element such as a span - you can't apply widths (or floats, I think) to inline elements.
It might need some fiddling, since it's untested, but see if it helps you any.
Cheers,
Seona.
On 17/03/06, Sarah Peeke (XERT) <[EMAIL PROTECTED]> wrote:
Hi Micky,
> Why do you want to present an empty container?
As I already (perhaps badly) explained, I need to show a visual
hierarchy of employees.
The first row has the MD.
The second row the GM, Financial Controller and PA.
The third row all other Managers (7 in total).
I need to keep the MD (in the first row) in the middle of the row.
The second row will have some gaps as there are only 3 staff.
The third row has seven Managers.
All of this needs to be centered on the page.
> <UL>
> <LI> <P><DFN><IMG>CAPTION</P>
>
> or
>
> <UL>
> <LI> <DFN><IMG><P>CAPTION</P></LI>
Not sure how these examples improve the elegance of the solution.
> I do not see the need for classes, at
> least not 2 classes, one (for that exception you mention) would
> suffice.
Understood. I hadn't finalised the css, just wanted to show how my code
differed from Russ's.
Any other ideas please?
Sarah
--
XERT Communications
email: <[EMAIL PROTECTED]>
office: +61 2 4782 3104
mobile: 0438 017 416
<http://www.xert.com.au/>
web development : digital imaging : dvd production
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
