View Full Version : Unordered Lists w/ Images and Text


Lithium381
07-21-2003, 03:56 AM
Hi, here goes my first post here, been reading steadily for about a month now, got a quick formating question:

I'd like to make an unordered list with an image vertically centered around the "bullet point" as well as text that lines up with the Bullet as well. My images will all be equal sizes, so they should line up quite nicely. Basic question is how to vertically center an image around a bullet?
I plan to make the bullet invisible, but that can be done apparently using styles and making a simple 1 pixel transparent gif :D Thanks for your help in advance!

Lissa
07-21-2003, 11:12 AM
Huh?

Lithium381
07-21-2003, 02:17 PM
Man what a way to start...i get a "huh" from Lissa herself! In a nutshell, i want to align images center to bullet points and the text as well...:-D



._______
|...........|
*|...........|yada yada yada
|...........|


* ...reapeat

starlet
07-21-2003, 02:49 PM
Do you basically want to 'cover' the actual bullet point with an image? If so you dont need all this fancy stuff, you can actually set the bullet point to be an image...if thats what you want i'll find you the code, if not you get a 'huh' from me too im afraid lol

Lissa
07-21-2003, 02:56 PM
Yeah, I kinda thought you just wanted an image for your bullet. If that's the case, the instructions are here:

http://www.lissaexplains.com/html5.shtml#bulletimage

to center the whole thing just use center tags:

<div align="center">list here</div>

Lithium381
07-23-2003, 12:34 AM
:-D OKAY.......
I'm planning on making my own .gif graphic for the bullet points.
I don't want it centered on the whole page, just up and down on the bullet points...

looks SORTA like this (http://home.earthlink.net/~lithprod/this%20one.gif)
The large boxes are pictures, the smaller ones are the label for the picture....i want it spaced out, and i figure that can be accomplished using bullet points, given my images are all the same size...
Another route i COULD go would be to simply make a table..:-|