Title: Re: [WSG] Can't get image and text to line up in unordered list...
Hi Kay
I would do something like this: (see attached)

Please add the alt attributes though :)


Cheers

Jeff Lowder
Accessibility 1st
E-mail: [EMAIL PROTECTED]
Website: http://www.accessibility1st.com.au



DISCLAIMER: This e-mail and any files transmitted with it may be�privileged and confidential, and are intended only for the use of the intended recipient. If you are not the intended recipient or responsible for delivering this e-mail to the intended recipient, any use, dissemination, forwarding, printing or copying of this e-mail and any attachments is strictly prohibited. If you have received this e-mail in error, please�REPLY TO the SENDER to advise the error�AND then�DELETE�the e-mail�from your system. Any views expressed in this e-mail and any files transmitted with it are those of the individual sender, except where the sender specifically states them to be the views of our organisation.�Our�organisation�does not represent or warrant that the attached files are free from computer viruses or other defects. The user assumes all responsibility for any loss or damage resulting directly or indirectly from the use of the attached files. In any event, the liability to our organisation is limited to either the resupply of the attached files or the cost of having the attached files resupplied


On 5/1/05 11:47 AM, "Murphey, Kay" <[EMAIL PROTECTED]> wrote:

Hello all,

I'm having trouble with styling unordered lists.  Am trying to get a thumbnail image to line up horizontally with some descriptive text.  I have spent hours trying one suggestion after another - and I am close, but not there yet.

Can't quite grasp what is keeping the text on a separate line - I was hoping that display: inline would do the trick...

Please view my test page at http://www.community.nsw.gov.au/list_test.htm <http://www.community.nsw.gov.au/list_test.htm>  Any suggestions gratefully received and trialled.

The style sheet is very simple for this test:

ol, ul, li {margin: 0; padding: 0;}

#byitem { width: 400px; margin-left: 200px;  }

#byitem ul.horz { float: left; list-style-type: none;}
#byitem ul.horz li { float: left; width: 45px; }
#byitem ul.horz li.name { width: 300px;  margin-left: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; border-bottom: 1px solid #999; display: inline;}

Thanks for any help.

Kay Murphey
Web Manager
Dept of Community Services




**************************************************************************
This message is intended for the named addressee(s) only. It may be confidential. If you receive this message in error please notify us immediately by return mail and delete the message (and any attachments). Neither the NSW Department of Community Services nor the NSW Department of Ageing, Disability & Home Care are responsible for any changes to this message, or the consequences of any changes to this message.

**************************************************************************

Attachment: test.css
Description: Binary data

Attachment: list_test.htm
Description: Binary data

Reply via email to