Thanks to everyone on the list for your help, turns out the biz didn't
want that at all. We wound up doing something else - go figure :-\
thanks again!
On 5/18/05, Peter Williams <[EMAIL PROTECTED]> wrote:
> > -Original Message-
> > From: Keith Sader
> >
> > We've got a requirement to al
> -Original Message-
> From: Keith Sader
>
> We've got a requirement to align some li items.
>
> The list items are basically expaining acronyms.
>
> ABC- Alpha Beta Charlie
> DFQG - Delta Fox Quarrel Gamma
>
Surely this is the job of the Definition List [dl]
It uses two componen
I took Schalk's code and enhanced it a bit. As mentioned earlier, for
bullets just use a background image on the acronym class (with some left
padding).
.section {
margin-top:15px;
display:block;
clear:both;
}
.acronym {
float:left;
width:100px;
border:1px solid gr
Sader [mailto:[EMAIL PROTECTED]
> Sent: Wednesday, May 18, 2005 11:08 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] aligning li items
>
> Greetings.
>
> We've got a requirement to align some li items.
>
> The list items are basically expaining acronyms.
>
EMAIL PROTECTED]
> Sent: Wednesday, May 18, 2005 11:08 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] aligning li items
>
> Greetings.
>
> We've got a requirement to align some li items.
>
> The list items are basically expaining acronyms.
>
> ABC-
Subject: [css-d] aligning li items
Greetings.
We've got a requirement to align some li items.
The list items are basically expaining acronyms.
ABC- Alpha Beta Charlie
DFQG - Delta Fox Quarrel Gamma
However the alignment requirement is such that the acronym explanations
are all lined up a
Keith
If Justin's does not do the trick try to float the acronym div left and
the other right.
Then your styles:
.acronym {
float:left;
width:200px;
}
.acr-explain {
float:right;
width:400px;
text-align:left;
}
Justin Reid wrote:
Keith:
li span {
width: 200px;
}
but this doesn't g
Keith:
> li span {
>width: 200px;
> }
>
> but this doesn't give me a 'default' box area to keep the acronyms in.
> Any suggestions?
Have you also tried making the span block level in that scenario?
-Justin Reid
__
css-di
Thanks to everyone who has replied so far.
I tried Schalk's suggestion and it didn't work, the Acronyms and
definitions didn't separate.
We are using the transitional 4.01 HTML - would this affect the
browser's styling?
thanks,
On 5/18/05, Schalk Neethling <[EMAIL PROTECTED]> wrote:
> Keith
>
Keith
Give this a try:
ABC-
Alpha Beta Charlie
ABC-
Alpha Beta Charlie
Then your styles:
.acronym {
width:200px;
}
.acr-explain {
width:400px;
text-align:left;
}
Let me know if this helps.
.
Keith Sader wrote:
Greetings.
We've got a requirement to align some li items.
The list i
Greetings.
We've got a requirement to align some li items.
The list items are basically expaining acronyms.
ABC- Alpha Beta Charlie
DFQG - Delta Fox Quarrel Gamma
However the alignment requirement is such that the acronym
explanations are all lined up at the dashes.
I've thought of struct
11 matches
Mail list logo
