bbPress support forums Tag: gap

bbPress support forums Tag: gap http://bbpress.org/forums/ bbPress support forums Tag: gap en Wed, 03 Dec 2008 00:29:45 +0000 Jessica Lares on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14573 Thu, 20 Mar 2008 21:51:01 +0000 Jessica Lares 14573@http://bbpress.org/forums/ But how about the actual content? Like where the forums are? chrishajer on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14571 Thu, 20 Mar 2008 19:18:49 +0000 chrishajer 14571@http://bbpress.org/forums/ Wrap the whole thing, from beginning to end, in a div with this style: <code><div style="width: 800px; margin: 0 auto;"></code> Put that before the beginning table tag, and then close it after the ending </table> tag. You can separate the style from the template html by calling the div something like <code><div id="wrapper"></code> in your template then adding this to your style.css: <pre><code>#wrapper { width: 800px; margin: 0 auto; }</code></pre> In either case, the margin is 0 top and bottom, and auto left and right, which means it will be centered horizontally in the browser no matter what the size of the browser viewport. Jessica Lares on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14568 Thu, 20 Mar 2008 18:49:31 +0000 Jessica Lares 14568@http://bbpress.org/forums/ Last question, how would I align my tables so they're not on the left? Jessica Lares on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14567 Thu, 20 Mar 2008 18:07:04 +0000 Jessica Lares 14567@http://bbpress.org/forums/ Thank you! It worked perfect! chrishajer on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14566 Thu, 20 Mar 2008 17:48:35 +0000 chrishajer 14566@http://bbpress.org/forums/ Well, when I validate the page, there are errors around line 318 which is where a bunch of td/tr/table end tags are located. The fact that they are improperly nested (i.e. they are closed here but are not open) means they were probably improperly closed (or not closed) elsewhere. But, just adding the <code>style="display: block;"</code> to the <img> tags as sambauers suggested should take care of it without you having to fix the improper code. It should look fine when you do that and replace the stylesheet reference. Jessica Lares on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14565 Thu, 20 Mar 2008 16:55:49 +0000 Jessica Lares 14565@http://bbpress.org/forums/ How are my tables messed up? They seem to be intact, I know that it doesn't validate because of the background and alignment. But I see nothing else. chrishajer on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14563 Thu, 20 Mar 2008 13:53:47 +0000 chrishajer 14563@http://bbpress.org/forums/ So, you changed something but it's still not fixed? The page still does not validate and the markup is still incorrect. The nested tables you have now make it even MORE difficult to fix. I think until you fix your markup it is going to be difficult to elicit free help. My first piece of advice is to fix the markup. In the process, you may discover why it's doing this. Good luck. Jessica Lares on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14560 Thu, 20 Mar 2008 13:14:45 +0000 Jessica Lares 14560@http://bbpress.org/forums/ It has nothing to do with the CSS as you can see now and my tables are okay. sambauers on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14557 Thu, 20 Mar 2008 06:57:46 +0000 sambauers 14557@http://bbpress.org/forums/ I think adding: <pre><code>style="display:block;"</code></pre> . To the images will work chrishajer on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14556 Thu, 20 Mar 2008 06:46:14 +0000 chrishajer 14556@http://bbpress.org/forums/ Which gaps are you talking about specifically? I see just one between the header and the forums, maybe. Then maybe between the top and those side images as well. 1. Don't use tables for layout, use divs if you can. 2. Validate your layout CSS and HTML and fix those problems first. <a href="http://validator.w3.org/" rel="nofollow">http://validator.w3.org/</a> (XHTML needs some work) <a href="http://jigsaw.w3.org/css-validator/" rel="nofollow">http://jigsaw.w3.org/css-validator/</a> (CSS is OK) 3. Looks like there was some cutting and pasting going on. The main problem, I think, is that there are tags for two tables there, but the top table (with this image gregjamesforum_01.jpg) is not really marked up as a table. There are no row and table data tags. So, that's invalid. Then, a new table is started below. That's why there's a gap. I would fix the improper markup and then put everything in one table (if you are going to continue using tables) so there is no gap between the two tables. That's why there's a gap beneath that top image right now. Also, there is nothing in your problem that is specific to bbPress, so you can seek support at any CSS/HTML forum as well if there's not enough help forthcoming here. Jessica Lares on "Gap in images in table" http://bbpress.org/forums/topic/gap-in-images-in-table#post-14555 Thu, 20 Mar 2008 03:20:27 +0000 Jessica Lares 14555@http://bbpress.org/forums/ I'm putting together a skin for my forum and there's a huge cap in the tables and images, like I have some cellpadding issues <a href="http://www.gregjames.org/forum/" rel="nofollow">http://www.gregjames.org/forum/</a> How would I go along as to fixing this? csl749 on "Theme problem with new topic page from front page" http://bbpress.org/forums/topic/theme-problem-with-new-topic-page-from-front-page#post-7269 Sun, 06 May 2007 23:50:51 +0000 csl749 7269@http://bbpress.org/forums/ Yep - that's the guy! He very kindly did the artwork for my last CD, so in return I did some sound design for his DVD portfolio. Hopefully we'll work together again soon. Cool - thanks very much for the mockups - I'll have a play and see what works best. fel64 on "Theme problem with new topic page from front page" http://bbpress.org/forums/topic/theme-problem-with-new-topic-page-from-front-page#post-7267 Sun, 06 May 2007 23:21:11 +0000 fel64 7267@http://bbpress.org/forums/ I really do :) <a href="http://www.platform01.com/">This</a> Patrick Ehrlund? He's great - even if he does have a flash website :P I'd argue that the coolness of appearance is worth it, since the login form's not exactly rocket science. I think it's still pretty distinguishable anyway. Mockups: <a href="http://img513.imageshack.us/img513/5090/ochreblackuf9.jpg" rel="nofollow">http://img513.imageshack.us/img513/5090/ochreblackuf9.jpg</a> <a href="http://img338.imageshack.us/img338/5758/ochrewhiteyh4.jpg" rel="nofollow">http://img338.imageshack.us/img338/5758/ochrewhiteyh4.jpg</a> That's just suggestions if you're interested, no need to give it further thought :) Test account to see the problem with the HTML, didn't realise Chris had already fixed it. My bad. :) csl749 on "Theme problem with new topic page from front page" http://bbpress.org/forums/topic/theme-problem-with-new-topic-page-from-front-page#post-7266 Sun, 06 May 2007 22:56:35 +0000 csl749 7266@http://bbpress.org/forums/ Aha - thanks very much chrishajer! I've just noticed that there's a surplus /div in footer.php. I've removed it and all is now well, as far as I can tell. Though it's strange how it only affected that one page (?!). Thanks for pointing me in the right direction. Thanks fel64 - glad you like the design of the site! :) The header pic was designed by a friend of mine, Patrick Ehrlund. I'm torn about the login background - it does look much better without the white background, but also more difficult to read. I might play with some font colours to get something that displays nicely over the header pic colours. A test account? What do you mean? I'll help if I can. fel64 on "Theme problem with new topic page from front page" http://bbpress.org/forums/topic/theme-problem-with-new-topic-page-from-front-page#post-7262 Sun, 06 May 2007 15:35:49 +0000 fel64 7262@http://bbpress.org/forums/ It's a really nice site and I love the header. The login form would fit in more if you remove the <code>background: #FFFFFF</code> property in the CSS. :) Could you make a test account please, so we can see the HTML? chrishajer on "Theme problem with new topic page from front page" http://bbpress.org/forums/topic/theme-problem-with-new-topic-page-from-front-page#post-7261 Sun, 06 May 2007 15:15:23 +0000 chrishajer 7261@http://bbpress.org/forums/ On the forum home page, the closing </div> for the wrapper is missing, but that's the page that looks OK. On the Add New page, it appears that the wrapper div is closed, but that's the page that is messed up. There's something with the tag not being closed, or being closed in the wrong place that's causing it to look like that. In fact, removing the closing </div> before the footer on the add new page makes that page look fine. It's not valid, so there's another problem, but that makes it look ok. csl749 on "Theme problem with new topic page from front page" http://bbpress.org/forums/topic/theme-problem-with-new-topic-page-from-front-page#post-7259 Sun, 06 May 2007 12:32:19 +0000 csl749 7259@http://bbpress.org/forums/ Hi folks, <a href="http://www.ochremusic.com/forum">Here's my forum</a> at the moment after some theme-tweakery to make it fit the general theme of my wordpress site. Everything's more or less fine, but there's just on little section that I can't seem to solve - when using the '- ADD NEW' topic link on the latest discussions section on the front page I get a gap between the footer and the new post div, yet this gap is nowhere to be found on any other of the pages. Looks a bit incongruous. Here's a pic of how the problem looks: <a href="http://img525.imageshack.us/img525/7683/bbpresspw3.jpg" rel="nofollow">http://img525.imageshack.us/img525/7683/bbpresspw3.jpg</a> Any help on how to solve this little problem would be great - thanks!