Smashly Community Forums » Topic: Styling Issue

Smashly Community Forums » Topic: Styling Issue http://smashly.net/community/ Smashly Community Forums » Topic: Styling Issue en Mon, 21 May 2012 16:37:29 +0000 byron on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-1306 Tue, 27 Apr 2010 03:16:36 +0000 byron 1306@http://smashly.net/community/ Hi TM, I did some reading around the net on this recently and nobody had a way of making this work without tables. The trouble with tables...in your case...is that you want the # of images on the row to flex with the width of the screen. All the suggestions I saw were trying to set the image widths, but that doesn't work in your case either. If it's possible, it's way beyond me. But I'd love to know if you find a way...if the solution isn't to involved, I'd like to add it as a standard delivered Layout. BB triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-1297 Mon, 26 Apr 2010 14:50:24 +0000 triplemoons 1297@http://smashly.net/community/ Anyone figure out a solution for this? I think it would be important to be built into the default gallery as I believe most of us desire that thumbnails be centered appropriately. byron on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-901 Tue, 16 Mar 2010 18:27:16 +0000 byron 901@http://smashly.net/community/ I'll take another look tonight...hmmm. triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-898 Tue, 16 Mar 2010 15:17:35 +0000 triplemoons 898@http://smashly.net/community/ So, I figured out it is working...If their is only one line of photos... <a href="http://cornsnakemorphgallery.com/ghost-stripe/" rel="nofollow">http://cornsnakemorphgallery.com/ghost-stripe/</a> triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-890 Sun, 14 Mar 2010 22:18:43 +0000 triplemoons 890@http://smashly.net/community/ I couldn't figure out how to get this to work. I imagine it's because it requires the use of ids rather then classes...And the ids are used for something else in Photosmash. The most I got it to do was center single images. triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-875 Sat, 13 Mar 2010 20:58:43 +0000 triplemoons 875@http://smashly.net/community/ Thanks. I'll have to try this as soon as I get time. I'll let you know how I make out! byron on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-861 Thu, 11 Mar 2010 04:06:40 +0000 byron 861@http://smashly.net/community/ BTW, the genius part of that article is that it turns the DIV into a table: .table { display: table; /* Allow the centering to work */ margin: 0 auto; } byron on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-860 Thu, 11 Mar 2010 04:04:39 +0000 byron 860@http://smashly.net/community/ Hey TM, I was researching your problem and came across this tutorial for doing exactly what you're trying. I like the part in the title...'Slightly Trickier Than You Think'...no kidding! See if this does it for you: <a href="http://css-tricks.com/centering-list-items-horizontally-slightly-trickier-than-you-might-think/" rel="nofollow">http://css-tricks.com/centering-list-items-horizontally-slightly-trickier-than-you-might-think/</a> BB byron on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-855 Wed, 10 Mar 2010 19:54:30 +0000 byron 855@http://smashly.net/community/ Anyone else have any ideas? triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-854 Wed, 10 Mar 2010 19:37:09 +0000 triplemoons 854@http://smashly.net/community/ No, that doesn't work right. That makes only one image per row appear. I need it to fit in the allotted space, but centered instead of all the way to the left. byron on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-853 Wed, 10 Mar 2010 18:16:31 +0000 byron 853@http://smashly.net/community/ In your case (this won't work for everyone because you only have 1 image per row), you could try: .bwbps_gallery li { width: 100%; } triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-852 Wed, 10 Mar 2010 14:04:58 +0000 triplemoons 852@http://smashly.net/community/ Ok well, it works flawless for me. Still need some help getting those thumbnails centered... byron on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-851 Wed, 10 Mar 2010 04:16:20 +0000 byron 851@http://smashly.net/community/ I'll need to test that out. The reason it's there is that the Toggle Rating is floated right. Also, the pagination div might be used in paginations and need clearing...I'll need to test some of the other use cases. BB triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-848 Tue, 09 Mar 2010 16:55:26 +0000 triplemoons 848@http://smashly.net/community/ Answer to other clear problem is editing the css... div.bwbps_pagination{ clear: both; <--- REMOVE THIS margin: 5px auto; text-align: center; } triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-847 Tue, 09 Mar 2010 16:46:13 +0000 triplemoons 847@http://smashly.net/community/ I found it... <code><div class="photosmash_gallery"><form><input type="hidden" id="_moderate_nonce" name="_moderate_nonce" value="888dd56e25" /></form><div class='bwbps_gallery_div' id='bwbps_galcont_178'><a href='void(0);' title='Toggle image ratings'>Toggle ratings</a><div style='clear: both; margin: 0; padding: 0;'></div></code> See the random <div> that is wrapped around nothing? That's it. It's located in bwbps-layout.php. Now just need to find where that clear is that's affecting the height of that box... What about getting those thumbnails centered? triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-846 Tue, 09 Mar 2010 14:53:13 +0000 triplemoons 846@http://smashly.net/community/ Usually it's a clear: both that's the problem, but I can't seem to find the culprit. byron on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-843 Tue, 09 Mar 2010 05:09:37 +0000 byron 843@http://smashly.net/community/ I took a look at it, but wasn't able to figure out why it is doing that. I've never been very good at fluid designs, particularly with right and left columns, but hopefully there someone out here could help with the CSS. BB triplemoons on "Styling Issue" http://smashly.net/community/topic/styling-issue#post-842 Tue, 09 Mar 2010 04:30:44 +0000 triplemoons 842@http://smashly.net/community/ I needed to switch this website to a fluid layout and I appear to be having problems. For some reason the gallery images are now pushed below my sidebars? Also, how would I get the images to center rather then be aligned to the left? <a href="http://cornsnakemorphgallery.com" rel="nofollow">http://cornsnakemorphgallery.com</a>