Gaps on my website

[chrisse]

Hi there,
Can someone help me please... I have spacing I need to close above the MORE OPPORTUNITIES button (about halfway down my page) and again in the same area where text reads, AN IMPORTANT MESSAGE TO MOMS ,and the spacing above the OPTIMISED FOR GOOGLE ADSENSE banner. I think this is all to do with the one table, I have checked all the coding but not sure how to fix this problem.
I would appreciate if someone could guide me thru this.
chris

[troyzone]

Hi Chris,

I have moved this thread to the Designing & Developing Website board of the forum, which is the best place to get help with technical website creation issues such as this. The Phase 1, 2, and 3 boards are best used for questions regarding the 3PP instructions themselves.

I looked at your code in the area that you indicated, the top of which I have quoted below:


<td height="941"><h2><img src="images/more_great_opps.png" width="395" height="83"></h2>


First, it appears that you have your More Great Opportunities image enclosed inside an opening and closing heading tag <h2> and </h2>. This may contribute to your extra space. You should remove this tag unless you placed it there intentionally, in which case you will need to set the attributes you wish the <h2> heading tag to have via your CSS code. Tom explains this in a previous posting that can be found here:

erichw33.proboards53.com/index.cgi?board=web&action=display&thread=1164644017&page=1#1166286392

However, I tried removing that tag and it didn't help at this point (although it may help further after you do the following, depending on what browser you are using). What appears to be causing your main issue is the height defined on your table cell, also contained in the quote above:

td height="941"

This table cell actually contains the entire section starting with your More Great Opportunities image and ending with the red "Show me how!" link you have just before the BlogToolKit image. The value 941 pixels is making this area bigger than it needs to be, resulting in extra space distributed at the top and bottom of the table cell.

Changing the table cell height value 941 to 100% should make the table cell size itself automatically to use 100% of the available area, without stretching it out higher than it needs to be.

In other words, replace the above-quoted line of source code with the following to incorporate these two suggestions:


<td height="100%"><img src="images/more_great_opps.png" width="395" height="83">


Of course, if you wished to have the heading <h2> and </h2> tags present for SEO purposes or something then that is up to you. It would be best though if you define some font size, color, margin, etc. attributes in your CCS code section near the top of your source code as required if you are going to use heading tags, as each browser may treat them differently if no such values are specifically defined.

Hope this helps.

Troy

[chrisse]

many thanks troy, I will give this a go and hopefully will fix this problem.
chris

[chrisse]

;D Hi Troy, just wanted to give you a quick reply to let you know that it worked, all gaps are now gone.
cheers.....chris