Logo on my website not aligning properly

dude · #1 (**permalink**) 06-04-2007, 03:36 PM

Hello,

I'd appreciate any pointers on this.

The logo in the top left corner of my website Immigrant.ie - Living and working in Ireland - Immigration has a small gap at the bottom between itself and the white box.

As you can see from the logo, it has been designed so the white bit around it connects with the white box beneath it.

I can't figure out what's causing the gap.

Any ideas??

Thanks

louie · #2 (**permalink**) 06-04-2007, 03:55 PM

the problem there seems to be the adsense, making the height of the td tag higher then 94px which is the height of the image itself.

if you have access to the raw code of the page you can try this:

Code:

<!-- logo -->
<a name="top"></a>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="margin:0px; padding:0px;>
<tr>
 <td align="left" valign="bottom"><a href="<A href="http://www.immigrant.ie/"><img">http://www.immigrant.ie/"><img src="http://www.irishwebmasterforum.com/images/misc/vbulletin3_logo_white.gif" border="0" alt="Immigrant.ie - Living and working in Ireland - Immigration" /></a>
</td>
<td align="center" valign="top">
<script type="text/javascript"><!--
google_ad_client = "pub-5837688024799585";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
//2007-03-20: Immi
google_ad_channel = "2321808298";
google_color_border = "e1e1e3";
google_color_bg = "e1e1e3";
google_color_link = "22229C";
google_color_text = "000000";
google_color_url = "22229C";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
 </td>
 </tr>
</table>
<!-- /logo -->

or change it to divs.

Code:

<!-- logo -->
<a name="top"></a>
<div style="width:100%;height:94px;">
 <div style="text-align:left; vertical-align:bottom; width:376px; height:94px;">
  <a href="<A href="http://www.immigrant.ie/"><img">http://www.immigrant.ie/"><img src="http://www.irishwebmasterforum.com/images/misc/vbulletin3_logo_white.gif" border="0" alt="Immigrant.ie - Living and working in Ireland - Immigration" /></a>
 </div>
 <div style="width:100%; text-align:center; padding:0px; margin:0px;">
  <script type="text/javascript"><!--
  google_ad_client = "pub-5837688024799585";
  google_ad_width = 728;
  google_ad_height = 90;
  google_ad_format = "728x90_as";
  google_ad_type = "text_image";
  //2007-03-20: Immi
  google_ad_channel = "2321808298";
  google_color_border = "e1e1e3";
  google_color_bg = "e1e1e3";
  google_color_link = "22229C";
  google_color_text = "000000";
  google_color_url = "22229C";
  //-->
  </script>
  <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  </script>
 </div>
</div>
<!-- /logo -->

also right above the adsense code you have a <br /> tag.
Try removing that, cause it increases the height of the <td> tag by least 5px.

dude · #3 (**permalink**) 06-04-2007, 03:57 PM

Tried that unfortunately

Removing the adsense altogether makes no difference...

Thanks for the attempt though.

louie · #4 (**permalink**) 06-04-2007, 04:05 PM

give the table a height in the style. The height of the image itself.

louie · #5 (**permalink**) 06-04-2007, 04:10 PM

the problem it's all here

Code:

</table>
<!-- /logo -->
<!-- content table -->
<!-- open content container -->
<div align="center">

try this

Code:

</table><div align="center">

louie · #6 (**permalink**) 06-04-2007, 04:16 PM

i am looking at you and you are playing with the wrong code.

dude · #7 (**permalink**) 06-04-2007, 04:19 PM

Hah I tried getting rid of

Quote:

and it made no difference...

louie · #8 (**permalink**) 06-04-2007, 04:27 PM

did you try the div version I gave you above?

tables tend to put a 1-2 px padding

dude · #9 (**permalink**) 06-04-2007, 04:31 PM

Whoa! Div works a treat, but my adsense go awol

Nice one.

Any idea on the adsense?

louie · #10 (**permalink**) 06-04-2007, 04:33 PM

there you are - you have it

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How do I view my website as seen from another coutnry?	Tom	Webmaster Discussion	4	15-03-2007 03:12 PM
quote for a website	addoc	Marketplace Requests	7	18-01-2007 11:37 AM
New Jenerate Limited Website	LostInIreland	Site Reviews / Announcements	14	15-08-2006 08:09 AM

Sponsored links

Logo on my website not aligning properly

Logo on my website not aligning properly

Similar Threads

Sponsored links