Float or Center Thumbnail Images
Hello, I have created my own art portfolio website. I have a question; How do I float or center thumbnail images? (before reading further.. If you simply want to visit my website for to view its source code and to see what I'm talking about.. here and / or at the end of this post.)
There are "two" thumbnail navigation segments: One for main homepage (index.html, the medium size thumbnail images of my artworks and 2nd smaller ones that are similar to 1st, but smaller for the rest of 5 sub-webpages. Presently both thumbnail navigations are set to left. I've looked at some coding techniques on other websites on such as using block inline or float to center it but I'm not sure how with multiple images (those codings seems to work well with text or images being set to left or right)?
To keep this a little simpler, I've put in just the HTML & CSS coding for JUST the 2nd Thumbnail Navigation (also because it is similar to 1st medium thumbnail navigation anyway) HTML & CSS coding start below.
HTML coding for 2nd thumbnail navigation.
CSS coding for 2nd thumbnail navigation.
<!-- Main Content -->
<h2>Art Portfolio Gallery Navigation</h2>
<a href="artwork_5.html"><img class="imgb" src="The_3D_Reality_Changer-Small_Image.png" alt="Artwork 5" width="86" height="86"></a> <a href="artwork_4.html"><img class="imgb" src="The_Alcoholic_Bricko_Man-Small_Image.png" alt="Artwork 4" width="86" height="86"></a> <a href="artwork_3.html"><img class="imgb" src="Screenshot_GrimleyForestWebsite-Small_Image.png" alt="Artwork 3" width="86" height="86"></a> <a href="artwork_2.html"><img class="imgb" src="rendered_cf188hornet_2of2-Small_Image.png" alt="Artwork 2 (Series)" width="86" height="86"></a> <a href="artwork_1.html"><img class="imgb" src="Winter_Landscape_Painting-Small_Image.jpg" alt="Artwork 1 (Series)" width="86" height="86"></a>
I would've set the text-align to center but only for just the thumbnail images, not texts.
font-family:Arial, Helvetica, sans-serif;
If you have time, could you please visit my website for to see what I'm talking about?
Going to Take Time Learning
Hey, thanks for making that web page. I have altered my medium and small navigations with some minor code changes. However, I suspect the coding you done with that website to demonstrate how to center images is correct and certainly better. Honestly my current understanding of the CSS and HTML coding which at level that you did with that website is nowhere high as yours. :eek: I ended up using another div as wrapper and text-align (most likely incorrect way) to center images. So, it will take me some time understanding the whole things you did on that website, the center thing.