|
|
Post a Project »
Find a Professional HTML Freelancer!
Find a Freelancer to help you with your HTML projects
| |
|
 |
|
|
12-03-2004, 08:30 AM
|
Image gap problem!
|
Posts: 2
|
Hi,
I've a problem with my web-site. There is a horizontal gap between the top header and bottom header. They're divided by that line. Bear in mind that the division line only occurs in Firefox. In I.E and Opera, it works perfectly fine. Anyone know how to fix it?
website is = http://www.load-islam.com
Thanks in advance
Quote:
<html>
<head>
<title>Load-Islam.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {
font-family: Tahoma;
font-size: 10px;
color: #8C8C8D;
}
.style3 {color: #149314}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/index_r_06.gif','images/index_r_07.gif','images/index_r_10.gif','images/index_r_11.gif','images/index_r_12.gif','images/index_r_13.gif')">
<!-- ImageReady Slices (Islam_sliced.psd - Slices: 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12, 13, 14, 15) -->
<table width="722" height="100%" border="0" cellpadding="0" cellspacing="0" class="mainbord" id="Table_01">
<tr><td width="750" height="140" colspan="2" align="left" valign="top" background="images/back_head.gif">
<OBJECT classid="clsid 27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="405" HEIGHT="140" ALIGN="">
<PARAM NAME=movie VALUE="h1.swf"> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="h1.swf" loop=false menu=false quality=high bgcolor=#FFFFFF WIDTH="405" HEIGHT="140" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT></td><td width="100%" height="140" align="right" valign="top" background="images/back_head.gif"><img src="images/hfoot_02.gif" width="367" height="140"></td></tr><tr><td height="9" colspan="3" align="left" valign="top" background="images/back_line.jpg"><img src="images/line.jpg" width="553" height="9"></td></tr>
<tr>
<td width="183" valign="top" background="images/back_left.gif">
<img src="images/indexx_04.gif" width="183" height="74" alt=""><br>
<img src="images/index_04.jpg" alt="" width="183" height="62" border="0" usemap="#Map"><br>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','images/index_r_06.gif',1)"><img src="images/index_05.gif" name="Image18" width="183" height="23" border="0"></a></td>
<td height="159" colspan="2" bgcolor="#EAEAEA"><table width="100%" height="159" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="86" height="159"><img src="images/block.jpg" width="86" height="159" border="0" usemap="#Map2"></td>
<td height="159" align="right" valign="bottom" class="back_block2"><P><I><img src="images/hye.gif" width="200" height="49"><br>
<br> In The Name of Allah, The Most Gracious, The Most Merciful</I></P>
<P>Peace be upon you and the mercy of Allah and His blessings!</P></td>
</tr>
</table></td>
</tr>
<tr>
<td width="183" valign="top" background="images/back_left.gif"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','images/index_r_07.gif',1)"><img src="images/index_06.gif" name="Image19" width="183" height="23" border="0"></a><br> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','images/index_r_10.gif',1)"><img src="images/index_09.gif" name="Image20" width="183" height="24" border="0"></a><br> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','images/index_r_11.gif',1)"><img src="images/index_10.gif" name="Image21" width="183" height="24" border="0"></a><br> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/index_r_12.gif',1)"><img src="images/index_11.gif" name="Image22" width="183" height="25" border="0"></a><br> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/index_r_13.gif',1)"><img src="images/index_12.gif" name="Image23" width="183" height="24" border="0"></a><br>
<img src="images/index_13.gif" width="183" height="32" alt=""><br>
<img src="images/index_14.jpg" width="183" height="76" alt=""><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" valign="top" background="images/back_news.gif"><img src="images/back_newsm.gif" width="20" height="26"></td>
<td width="37" align="left" valign="top"><img src="images/news1.jpg" width="37" height="41" vspace="5"></td>
<td align="left" valign="top" class="textnews">Velit, vulpes probo ullamcorper exerci utrum fere augue... </td>
</tr>
<tr>
<td width="20" valign="top" background="images/back_news.gif"><img src="images/back_newsm.gif" width="20" height="26"></td>
<td width="37" align="left" valign="top"><img src="images/news2.jpg" width="37" height="41" vspace="5"></td>
<td align="left" valign="top" class="textnews">Velit, vulpes probo ullamcorper exerci utrum fere augue... </td>
</tr>
<tr>
<td width="20" valign="top"><img src="images/back_newsb.gif" width="20" height="41"></td>
<td width="37" align="left" valign="top"><img src="images/news3.jpg" width="37" height="41" vspace="5"></td>
<td align="left" valign="top" class="textnews">Velit, vulpes probo ullamcorper exerci utrum fere augue...</td>
</tr>
</table>
<br> </td>
<td width="311" height="100%" align="left" valign="top" background="images/back_mid.jpg">
<p><img src="images/index_07.jpg" width="311" height="122" alt=""></p>
<p class="text2"><strong><span class="style3">></span> Paratus, lenis eum luptatum<br>
</strong>Nisl blandit suscipit veniam, melior. Typicus lobortis ex nullus vel illum huic eros hos ventosus, tation ulciscor utinam. Illum ex quae dignissim ullamcorper patria mara consequat odio et, commodo melior in opes at. Melior ut, feugait, accumsan facilisi dolore, genitus aliquam lucidus ludus vel ideo nostrud pala, ullamcorper. </p></td>
<td height="100%" align="right" valign="top" bgcolor="#EAE9EA" class="text"><p align="right"><img src="images/cungul.jpg" width="241" height="108"></p>
<p><strong>The general purpose of this website</strong> is to is to be a resource for Western converts to Islam and those considering becoming a Muslim. The website will also cover refutations of baseless allegations presented by the enemies of Islam and consequently, the materials will be available for Muslims who require rebuttals to anti-Islamic allegations forged by the enemies of Islam. The material of this website will be updated frequently Insha'allah (if God wills). So please do not hesitate to check out this website from time to time for new updates.</p>
<p align="right"><a href="#"><img src="images/morebut.jpg" width="77" height="26" border="0"></a></p></td>
</tr>
<tr>
<td height="30" colspan="3" valign="top" background="images/back_left.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="183"><img src="images/foot1.gif" width="183" height="30"></td>
<td width="41"><img src="images/foot2.gif" width="41" height="30"></td>
<td align="center" valign="middle" background="images/back_bot.gif"><span class="style1">Copyright © 2004 Load-Islam.com. Designed by <a href="http://www.oxygenworks.net" target="_blank" style="text-decoration:none; color: #8C8C8D;">OxygenWorks.net</a> All Rights Reserved.</span></td>
<td width="43"><img src="images/foot3.gif" width="43" height="30"></td>
</tr>
</table></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<map name="Map">
<area shape="rect" coords="7,12,75,27" href="#">
<area shape="rect" coords="90,13,122,26" href="#">
<area shape="rect" coords="141,12,183,26" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="0,87,17,101" href="#">
</map>
</body>
</html>
|
|
|
|
|
|
12-03-2004, 09:31 AM
|
|
Posts: 197
Location: Quebec, Canada
|
you have
Code:
<td width="183" valign="top" background="images/back_left.gif">
<img src="images/indexx_04.gif" width="183" height="74" alt=""><br>
change it to this
Code:
<td width="183" valign="top" background="images/back_left.gif"><img src="images/indexx_04.gif" width="183" height="74" alt=""><br>
when <img...> is on a different line than the <td...>, it creates white-space... put it all in one line 
__________________
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
Getting on the Web Standards band-wagon? Get these books -
Please login or register to view this content. Registration is FREE
and
Please login or register to view this content. Registration is FREE
Takin' in the view from the outside. Feeling like the underdog. Watching through the window I'm on the outside. Living like the underdog.
-Dream Theater
|
|
|
|
|
12-03-2004, 09:39 AM
|
|
Posts: 2
|
Quote:
|
Originally Posted by karinne
you have
Code:
<td width="183" valign="top" background="images/back_left.gif">
<img src="images/indexx_04.gif" width="183" height="74" alt=""><br>
change it to this
Code:
<td width="183" valign="top" background="images/back_left.gif"><img src="images/indexx_04.gif" width="183" height="74" alt=""><br>
when <img...> is on a different line than the <td...>, it creates white-space... put it all in one line |
Hi Karinne,
I tried that but no result  |
|
|
|
|
12-03-2004, 12:28 PM
|
|
Posts: 197
Location: Quebec, Canada
|
look fine in IE and Firefox with that fix!
__________________
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
Getting on the Web Standards band-wagon? Get these books -
Please login or register to view this content. Registration is FREE
and
Please login or register to view this content. Registration is FREE
Takin' in the view from the outside. Feeling like the underdog. Watching through the window I'm on the outside. Living like the underdog.
-Dream Theater
|
|
|
|
|
12-03-2004, 01:47 PM
|
|
Posts: 808
Location: UK... where else?
|
loomin good in IE, and I love the little smilie in your code!!!
|
|
|
|
|
|
« Reply to Image gap problem!
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
