images via dotnet and css

[deja]

i have a datalist of images produced via .NET and I am struggling to
get them looking right.

www.2bytes.co.uk/stest/default.aspx shows them inside a div which has a
border and is display:inline however this method (which is ok in IE6)
does not show correctly in Firefox - maybe someone can explain.

www.2bytes.co.uk/stest/default2.aspx shows them inside a div which is
floated left - this is ok but the image is not central within the box
which I would like it to be (bear in mind the dimensions of the image
change as I swap the images so a simple padding-top is probably not
going to work - or is it?).

www.2bytes.co.uk/stest/default3.aspx shows them just by themselves with
a border round the images which centralises them nicely but I would
prefer the standard sized box instead of the changes that occur with
this method.

Can anyone suggest a method to get the best of default2 and default3?

my css is at www.2bytes.co.uk/stest/styles.css
www.2bytes.co.uk/stest/styles2.css
www.2bytes.co.uk/stest/styles3.css

any help much appreciated - i'm sure this css thing will be great once
i can figure out the way these browsers work...

Phil

[David Dorward]

de**@2bytes.co.uk wrote:

www.2bytes.co.uk/stest/default.aspx shows them inside a div which has a
border and is display:inline however this method (which is ok in IE6)
does not show correctly in Firefox - maybe someone can explain.
You've got a number of machine detectable syntax errors. Perhaps Microsoft's
browser is just better at correcting for errors in Microsoft's HTML
generating tools?

http://validator.w3.org/check?verbos...t/default.aspx

Since your stylesheet is on your localhost and not mine, it is a somewhat
harder to identify problems with it. I suggest you fix your HTML to get rid
of the syntax errors (moving away from XHTML would probably be wise while
you are at it), and point to an online version of your stylesheet.
my css is at www.2bytes.co.uk/stest/styles.css

But with no web page to demo it, debugging it is rather more work than a lot
of people are willing to do for free. You have more syntax errors there by
the way:
http://jigsaw.w3.org/css-validator/v...est/styles.css
--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[deja]

thanks for this. Sorry about the validation check. I had done this once
before but unfortunately I'm using the first version of Visual Studio
..NET which puts in a lot of incorrect syntax automatically and then
even when I fix it, changes it back again!

However there were also some of my own errors in there. I have fixed
www.2bytes.co.uk/stest/default4.aspx which now passes validation and
the stylesheet also passes. Hey I've even almost got it to work! But I
can't get the images to center vertically - any ideas?

thanks again