Center thumbnails within div

robertnorgren · Oct 9, 2012

Hi,

I've been struggeling with this for some time now and I just can't get it to work.

How the **** do I get the thumbnails to center within the rgba div?

URL: http://www.robertnorgren.com/hemsidainthemaking2/index.html

Thanks

Phreaddee · Oct 9, 2012

wow theres quite a lot going on in that code.
but namely this must be fixed first. there is no opening <html> tag.
also the scripts are sitting between </head> and <body>

robertnorgren · Oct 9, 2012

Thank you, I've cleaned up the code a bit.

Any further input is always appreciated.

chrishirst · Oct 9, 2012

Image elements are at inline level so are controlled with the text-align property of the parent.

robertnorgren · Oct 9, 2012

Seems not to be working when img are inside list items.

chrishirst · Oct 9, 2012

Let's see some code then.

chrishirst · Oct 9, 2012

Oh and what browser is in not working in?
And what is the Document Type?

chrishirst · Oct 9, 2012

Or alternatively, I could just go look at the URI in the first post.

chrishirst · Oct 9, 2012

Well I'll not be doing that again in a hurry, definitely a serious case of "code bloat" going on there!

When you set images to be display: block they stop behaving as inline elements and behave like block elements.

And centering of a block element is done with setting left and right margins to auto.

Center thumbnails within div

robertnorgren

New Member

Phreaddee

Super Moderator

robertnorgren

New Member

chrishirst

Well-Known Member

robertnorgren

New Member

chrishirst

Well-Known Member

chrishirst

Well-Known Member

chrishirst

Well-Known Member

chrishirst

Well-Known Member