rain13 Posted October 26, 2014 Share Posted October 26, 2014 (edited) Hello.I have feq questions with my site:1) I made span with green background which according to source code should be parent for all thumbnails, but for some reason it ends before thumbs:2) What would be the best way to align thumbnails center? I mean they're currently at left side and if there's not enough room to create an other column you will just see ugly whide area at right side. What I want to do is still have as many columns as possible and but just have white space equally at right AND left side 3) For mobile I use also include http://autoit.net.ee/pub/theme/new/mobile.css which makes font larger so that it's easier to read. This file contains .thumb{ line-height: 100%; height: 360px;} where line-height: 100%; is needed in order to make make thumbnai'ls description more compact (take less space with same font size) but it also causes portrait images to have ugly whitespace between image and it's description. As you can see from screenshot (see first thumb). What do I need to do to make this text in description still look like it does with line-height: 100%; but remove that space between thumb and it's description? My site:http://autoit.net.ee/pub/?f=7 Edited October 26, 2014 by SoItBegins Link to comment Share on other sites More sharing options...
dsonesuk Posted October 26, 2014 Share Posted October 26, 2014 The container cannot detect the area of floated child elements, so it surround the element it can detect the anchor links and br elements. IF you want to centre the thumbnail containers, you have to remove the float, and use display: inline-block; this causes this element to act as text and center itself as defined by its parent container <div style="text-align: center; font-size: 20px;"> Link to comment Share on other sites More sharing options...
rain13 Posted October 28, 2014 Author Share Posted October 28, 2014 Thank you!Now I have one more question: if I have less thumbnails on last row than on previous rows then they're also in the middle. How can I make the last row start from as left as where the rest of the rows starts? Link to comment Share on other sites More sharing options...
Ingolme Posted October 28, 2014 Share Posted October 28, 2014 Set text-align: left on the element containing the thumbnails. Right now the .content_container selector is setting text-align to center. Link to comment Share on other sites More sharing options...
rain13 Posted October 28, 2014 Author Share Posted October 28, 2014 That makes all thumbs to be at left side of green box. I'd like to keep them in a centre of green box as it is not, but I just want last row to start where rest of rows start. Link to comment Share on other sites More sharing options...
Ingolme Posted October 28, 2014 Share Posted October 28, 2014 Unless you can somehow isolate the thumbs of the last row you have to choose between all of them to the left or all of them centered. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now