I've been searching google, for ways to make 2 lists appear side by side on my
page.

I have a content area in my page that is 415px in width.

it would look something like this. ignore the '.''s I don't want those in my
page :)

Some text up here.....
List 1.............List 2
Item 1............Item 2

Then some more text would go down here.


I've tried the method posted here
http://alistapart.com/articles/layeredfudge

It just doesn't seem to work when I make the div 415px.
The text under the lists, moves up for some reason it all just becomes a big
mess. I tried messing with the margins and padding, but just woulnd't make a
difference.

Is there a better way to have 2 lists side by side?

I'm about ready to just put a 2 cell table in my page and put a list in each
cell.
I really don't want to do that, but that seems to work. :(

Use a definition list:

<dl id="myList">
<dt>2 days</dt>
<dd>from £135</dd>
<dt>4 days</dt>
<dd>from £235</dd>
<dt>6 days</dt>
<dd>from £335</dd>
<dt>8 days</dt>
<dd>from £435</dd>
</dl>


and some css to style it:

#myList {
margin: 0;
padding: 0;
width: 415px;
}
#myList dt {
margin: 0;
padding: 0;
float: left;
width: 200px;
}
#myList dd {
margin: 0;
padding: 0;
}




cdoyle wrote:
> I've been searching google, for ways to make 2 lists appear side by side on my
> page.
>
> I have a content area in my page that is 415px in width.
>
> it would look something like this. ignore the '.''s I don't want those in my
> page :)
>
> Some text up here.....
> List 1.............List 2
> Item 1............Item 2
>
> Then some more text would go down here.
>
>
> I've tried the method posted here
> http://alistapart.com/articles/layeredfudge
>
> It just doesn't seem to work when I make the div 415px.
> The text under the lists, moves up for some reason it all just becomes a big
> mess. I tried messing with the margins and padding, but just woulnd't make a
> difference.
>
> Is there a better way to have 2 lists side by side?
>
> I'm about ready to just put a 2 cell table in my page and put a list in each
> cell.
> I really don't want to do that, but that seems to work. :(
>

Very clever Osgood. I like that. :-)

--

Walt


"Osgood" <notavailable@thisaddress.com> wrote in message
news:gbqu0r$kkn$1@forums.macromedia.com...
> Use a definition list:
>
> <dl id="myList">
> <dt>2 days</dt>
> <dd>from £135</dd>
> <dt>4 days</dt>
> <dd>from £235</dd>
> <dt>6 days</dt>
> <dd>from £335</dd>
> <dt>8 days</dt>
> <dd>from £435</dd>
> </dl>
>
>
> and some css to style it:
>
> #myList {
> margin: 0;
> padding: 0;
> width: 415px;
> }
> #myList dt {
> margin: 0;
> padding: 0;
> float: left;
> width: 200px;
> }
> #myList dd {
> margin: 0;
> padding: 0;
> }
>
>
>
>
> cdoyle wrote:
>> I've been searching google, for ways to make 2 lists appear side by side
>> on my page.
>>
>> I have a content area in my page that is 415px in width.
>>
>> it would look something like this. ignore the '.''s I don't want those
>> in my page :)
>>
>> Some text up here.....
>> List 1.............List 2
>> Item 1............Item 2
>>
>> Then some more text would go down here.
>>
>>
>> I've tried the method posted here
>> http://alistapart.com/articles/layeredfudge
>>
>> It just doesn't seem to work when I make the div 415px.
>> The text under the lists, moves up for some reason it all just becomes a
>> big mess. I tried messing with the margins and padding, but just
>> woulnd't make a difference.
>>
>> Is there a better way to have 2 lists side by side?
>>
>> I'm about ready to just put a 2 cell table in my page and put a list in
>> each cell.
>> I really don't want to do that, but that seems to work. :(
>>

Walt F. Schaefer wrote:
> Very clever Osgood. I like that. :-)
>


Hi Walt,

It can come in handy sometimes in certain situations. The problem is
trying to remember it all when needed.

My problem is trying to remember any of it anytime. ;-)

Seriously, I think it also works semantically, albeit a bit of a stretch.
Per your example the text in the left column names the item and the right
column text provides relevant info. Term > Definition

--

Walt


"Osgood" <notavailable@thisaddress.com> wrote in message
news:gbr1ak$osu$1@forums.macromedia.com...
> Walt F. Schaefer wrote:
>> Very clever Osgood. I like that. :-)
>>
>
>
> Hi Walt,
>
> It can come in handy sometimes in certain situations. The problem is
> trying to remember it all when needed.

Just use a table with two td elements side by side each of which contains a list. Set the vertical-align to top and then you can have the lists be of different lengths.

[q]Originally posted by: Sean DeMerchant
Just use a table with two td elements side by side each of which contains a
list. Set the vertical-align to top and then you can have the lists be of
different lengths.[/q]

This is what I ended up doing, it seemed to work the best in the my page and
was easy to setup.

Thanks to everyone who replied.