That would be the my desired way of doing it, but like I said, the list
is generated dynamically, it's not static HTML. There could be any
number of list items that are displaying any image that is uploaded by
the user, so I wouldn't know what image to make as the background for
each item.
Jon Gunderson wrote:
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
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
