PDA

View Full Version : Gaps between slices


Kovu
12-29-2010, 03:20 AM
Hi, I still haven't figured out what i'm doing wrong
and so I thought maybe I'd put the codes in here
hope someone can help me

so everytime I want to put some text in the content I get gaps between my slices..


<html>
<head>
<title>Najma layout sliced</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../site_layout.css" rel="stylesheet" type="text/css">
<link href="../site_layout_content.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Najma layout sliced.psd) -->
<div id="site_layout">
<table width="961" height="901" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="20">
<img src="images/Najma-layout_01.jpg" width="960" height="2" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="7" rowspan="2">
<img src="images/Najma-layout_02.jpg" width="352" height="165" alt=""></td>
<td colspan="7">
<img src="images/logo.jpg" width="261" height="152" alt="Regent Logo"></td>
<td colspan="6" rowspan="3">
<img src="images/Najma-layout_04.jpg" width="347" height="166" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="152" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/Najma-layout_05.jpg" width="261" height="13" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="4">
<img src="images/Najma-layout_06.jpg" width="257" height="81" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/home_btn.jpg" width="96" height="47" alt="Home Button"></td>
<td colspan="6">
<img src="images/Najma-layout_08.jpg" width="260" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/Najma-layout_09.jpg" width="18" height="80" alt=""></td>
<td rowspan="2">
<img src="images/products.jpg" width="96" height="47" alt="Products"></td>
<td rowspan="3">
<img src="images/Najma-layout_11.jpg" width="17" height="80" alt=""></td>
<td rowspan="2">
<img src="images/aboutus.jpg" width="96" height="47" alt="About Us"></td>
<td rowspan="3">
<img src="images/Najma-layout_13.jpg" width="19" height="80" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/contact.jpg" width="96" height="47" alt="Contact"></td>
<td colspan="4">
<img src="images/Najma-layout_15.jpg" width="265" height="46" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/Najma-layout_16.jpg" width="96" height="34" alt=""></td>
<td colspan="2" rowspan="12">
<img src="images/Najma-layout_17.jpg" width="104" height="602" alt=""></td>
<td rowspan="9">
<img src="images/Najma-layout_18.jpg" width="152" height="541" alt=""></td>
<td rowspan="15">
<img src="images/Najma-layout_19.jpg" width="9" height="686" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Najma-layout_20.jpg" width="96" height="33" alt=""></td>
<td>
<img src="images/Najma-layout_21.jpg" width="96" height="33" alt=""></td>
<td colspan="3">
<img src="images/Najma-layout_22.jpg" width="96" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/Najma-layout_23.jpg" width="256" height="53" alt=""></td>
<td colspan="10" rowspan="8"><div id="site_layout_content">
<p>Welcome<br>
Welcome
</p>
<p>&nbsp; </p>
</div></td>
<td rowspan="10">
<img src="images/Najma-layout_25.jpg" width="1" height="568" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="53" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/Najma-layout_26.jpg" width="115" height="86" alt=""></td>
<td colspan="2">
<img src="images/news.jpg" width="100" height="40" alt="News"></td>
<td rowspan="12">
<img src="images/Najma-layout_28.jpg" width="41" height="599" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Najma-layout_29.jpg" width="100" height="46" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td rowspan="10">
<img src="images/Najma-layout_30.jpg" width="113" height="513" alt=""></td>
<td colspan="2">
<img src="images/company.jpg" width="100" height="40" alt="Company"></td>
<td rowspan="2">
<img src="images/Najma-layout_32.jpg" width="2" height="88" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Najma-layout_33.jpg" width="100" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td rowspan="8">
<img src="images/Najma-layout_34.jpg" width="2" height="425" alt=""></td>
<td colspan="2">
<img src="images/halal.jpg" width="100" height="40" alt="Halal "></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="7">
<img src="images/Najma-layout_36.jpg" width="100" height="385" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="240" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Najma-layout_37.jpg" width="152" height="27" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<img src="images/Najma-layout_38.jpg" width="438" height="34" alt=""></td>
<td>
<img src="images/designer.jpg" width="152" height="23" alt="Designer NaSS"></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Najma-layout_40.jpg" width="152" height="95" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/copyright.jpg" width="447" height="26" alt="Copyright"></td>
<td rowspan="3">
<img src="images/Najma-layout_42.jpg" width="96" height="84" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/Najma-layout_43.jpg" width="447" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Najma-layout_44.jpg" width="1" height="41" alt=""></td>
<td colspan="11">
<img src="images/Najma-layout_45.jpg" width="446" height="41" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="113" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="98" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="95" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="96" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="96" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="81" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="96" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="152" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td></td>
</tr>
</table>
</div>
<!-- End Save for Web Slices -->
</body>
</html>http://img403.imageshack.us/i/naamloos7.jpg/

edbr
12-29-2010, 03:56 AM
yes you would doing it this way. not the best approach as a quick search of the forum will show, the answer is html ans css im afraid

jmichae3
01-01-2011, 01:00 AM
if you are going to stay with tables, you might want to set the width and maybe height of the table cells (possibly using some css). you may be experiencing some text overflow problems. when the text gets longer than the width of the image and the width of the table or cell is not set, you will of course overflow your boundaries because you have a liquid instead of fixed table. nail it down, at least in width, possibly also in height too to prevent vertical gaps in the images if that is a problem.

the problem is the text is not wanting to wrap I take it.

DWcourse
01-01-2011, 06:07 AM
The answer is still the same as it was in the other thread you started about this issue. Learn to use divs with CSS positioning for page layout. Tables are always going to cause you problems and you'll spend a lot time fixing them that you could be using to improve your web skills.