Jonathan,
Why don't you try using CSS background images.  You can center
the background images using CSS.

See example:
http://cita.rehab.uiuc.edu/presentations/2005-03-css-tutorial/slide18.html

Jon


---- Original message ----
>Date: Thu, 01 Jun 2006 03:51:26 -0400
>From: Jonathan Carter <[EMAIL PROTECTED]>  
>Subject: [WSG] Horizontal List Issue  
>To: Web Standards Group <[email protected]>
>
>I'm trying to create a horizontal navigation menu where each
list item 
>contains an image and descriptive text. I want the image to
be centered 
>within the item and also be block so that the text is below
it. I 
>haven't been able to get this to work perfectly between IE/FF
and I 
>haven't found a good example of a list styled like what I'm
trying to 
>achieve. If anyone has any examples or could help me in
getting this 
>result, I would greatly appreciate it.
>
>Here's what the HTML looks like:
>
><ul>
>    <li>
>       <img src="image.gif" />
>       <p>This paragraph explains the item.</p>
>    </li>
>    <li>
>       <img src="image2.gif" />
>       <p>This paragraph explains the item 2.</p>
>    </li>
></ul>
>
>The only reason why I'm actually putting an <img> element
within the 
>list item is because the list markup is built dynamically
from cod and 
>the image for each item is editable by the user.
>
>Thanks again for any help,
>
>Jonathan
>
>
>
>******************************************************
>The discussion list for  http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
>******************************************************
>


Jon Gunderson, Ph.D.
Director of IT Accessibility Services
Campus Information Technologies and Educational Services (CITES)
and 
Coordinator of Assistive Communication and Information Technology
Disability Resources and Education Services (DRES)

Voice: (217) 244-5870
Fax: (217) 333-0248
Cell: (217) 714-6313

E-mail: [EMAIL PROTECTED]

WWW: http://cita.rehab.uiuc.edu/
WWW: https://netfiles.uiuc.edu/jongund/www/




******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to