bbPress support forums Topic: Gap in images in table

bbPress support forums Topic: Gap in images in table http://bbpress.org/forums/ bbPress support forums Topic: Gap in images in table en Tue, 07 Oct 2008 11:40:27 +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?