Adams Tan

Navigation

Skip navigation.

Search

Site navigation

Email conversation

FromAdams Tan
ToMe
SubjectChanging the width of collapsible list
Date11 May 2004 04:06
Hi,

I have just started using the collapsible list on your
website with the last theme, the one with horizontal
bars in different shades of blue. Now I have a
problem, it seems that I have a list item that has
quite a length description, and the list item just
sort of wrap into the next line instead of widening.

How do I prevent the wrapping?

Thank You,
Adams
FromMe
ToAdams Tan
SubjectRe: Changing the width of collapsible list
Date11 May 2004 08:53
Adams,

The styles use
width: 12em;
you can either remove this (they will then take up the full width of the
available space), or increase it to a higher number.


Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/
FromAdams Tan
ToMe
SubjectRe: Changing the width of collapsible list
Date12 May 2004 04:18
Hi Mark,

Sounds simple enough, but I have one last question.

I'm thinking of putting the list into a DIV object,
and I need to put a border around the entire list,
whether the list is in collapsed or expanded view.

Any idea to go about?

Thank you.

Adams
FromMe
ToAdams Tan
SubjectRe: Changing the width of collapsible list
Date12 May 2004 08:22
Div tags by default take up the full width of the space available, so the
border may look odd - just a warning.

[ED. I have edited this, as I made a small mistake in the response]

The easiest way is to apply the border to the div:

#idOfDiv { border: 2px solid #000; }
This site was created by Mark "Tarquin" Wilton-Jones.
Don't click this link unless you want to be banned from our site.