Table cell / graphics layout

mjfmn · 04-06-2004, 06:30 PM

Hi folks, thanks in advance for looking at this! I think my problem is pretty basic, but I can't figure it out! I've posted an example of the web page I'm working on at http://www.websamba.com/mdfoster/sentinel.htm
I'm putting this together for my wife's boss! I do very basic pages, coding with tables, etc., not using CSS or anything. This man wants to see the top bar "curving" into the navigation bar, which will go down the left side. You'll see what I'm working with on the website. I have the little "curve" graphic done, and I'm setting this up using tables. As you can see, I end up with gaps between the cells and rows. I've set my spacing to zero, but no help! Can someone please help me past this one little glitch? Thanks again!

Mike

The code is here (Websamba won't let you see it):
<BODY>

<table width=700 BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR><TD align=left width=100><IMG SRC="subscribe.gif" WIDTH="76" HEIGHT="76"></TD>
<TD align=left width=230><IMG SRC="sentlogo.gif" WIDTH="200" HEIGHT="76" align=left></td>
<td><B><font face="arial,verdana,helvetica" size=6 color=#000080><I>Fairmont,<BR>Minnesota</I></TD>
<TD align=left><a target="_new" href="http://www.accuweather.com/adcbin/local_index.asp?zipcode=56031&partner=townnews"><i mg src="http://www.accuweather.com/wxpost/small_byzip/56031/21" border="0" alt="Weather Magnet"></a></TD></TR>
</table>
<table width=700>
<tr><td align=center bgcolor=#000080 colspan=4>
<SCRIPT Language="JavaScript">

</SCRIPT>
<B><font face="arial,verdana,helvetica" size=4 color=white>
<SCRIPT Language="JavaScript">

</SCRIPT>
</B></td></tr>
<TR><TD width=200 bgcolor=#000080></TD>
<TD><IMG SRC="topcurve.gif" WIDTH="17" HEIGHT="15"></TD>
<TD> </TD>
<TD> </TD>
</TR>
</table>
</BODY>

OneEyedDog · 04-07-2004, 08:03 PM

I think it is because your second table tag there needs these added in the tag:

cellpadding="0" cellspacing="0"

Hope this helps, Warm Wishes,

04-06-2004, 06:30 PM	THREAD STARTER #1 (permalink)
mjfmn First Time Poster! Join Date: Apr 2004 Posts: 1	Table cell / graphics layout Hi folks, thanks in advance for looking at this! I think my problem is pretty basic, but I can't figure it out! I've posted an example of the web page I'm working on at http://www.websamba.com/mdfoster/sentinel.htm I'm putting this together for my wife's boss! I do very basic pages, coding with tables, etc., not using CSS or anything. This man wants to see the top bar "curving" into the navigation bar, which will go down the left side. You'll see what I'm working with on the website. I have the little "curve" graphic done, and I'm setting this up using tables. As you can see, I end up with gaps between the cells and rows. I've set my spacing to zero, but no help! Can someone please help me past this one little glitch? Thanks again! Mike The code is here (Websamba won't let you see it): <BODY> <table width=700 BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR><TD align=left width=100><IMG SRC="subscribe.gif" WIDTH="76" HEIGHT="76"></TD> <TD align=left width=230><IMG SRC="sentlogo.gif" WIDTH="200" HEIGHT="76" align=left></td> <td><B><font face="arial,verdana,helvetica" size=6 color=#000080><I>Fairmont,<BR>Minnesota</I></TD> <TD align=left><a target="_new" href="http://www.accuweather.com/adcbin/local_index.asp?zipcode=56031&partner=townnews"><i mg src="http://www.accuweather.com/wxpost/small_byzip/56031/21" border="0" alt="Weather Magnet"></a></TD></TR> </table> <table width=700> <tr><td align=center bgcolor=#000080 colspan=4> <SCRIPT Language="JavaScript"> <!-- hide from old browsers function GetDay(intDay){ var DayArray = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") return DayArray[intDay] } function GetMonth(intMonth){ var MonthArray = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") return MonthArray[intMonth] } function getDateStrWithDOW(){ var today = new Date() var year = today.getYear() if(year<1000) year+=1900 var todayStr = GetDay(today.getDay()) + ", " todayStr += GetMonth(today.getMonth()) + " " + today.getDate() todayStr += ", " + year return todayStr } //--> </SCRIPT> <B><font face="arial,verdana,helvetica" size=4 color=white> <SCRIPT Language="JavaScript"> <!-- hide from old browsers document.write(getDateStrWithDOW()) ????: NamePros.com http://www.namepros.com/programming/25971-table-cell-graphics-layout.html //--> </SCRIPT> </B></td></tr> <TR><TD width=200 bgcolor=#000080></TD> <TD><IMG SRC="topcurve.gif" WIDTH="17" HEIGHT="15"></TD> <TD> </TD> <TD> </TD> </TR> </table> </BODY> Last edited by mjfmn; 04-06-2004 at 06:32 PM.

04-07-2004, 08:03 PM	#2 (permalink)
OneEyedDog NamePros Member Join Date: Mar 2004 Location: Middle Earth (NZ) Posts: 149	I think it is because your second table tag there needs these added in the tag: cellpadding="0" cellspacing="0" Hope this helps, Warm Wishes, __________________ Script Installation, Avatars, Banners and Buttons for $NP or Paypal, PM me your requirements :D Deni J Vanin \| Freelance Jobs and Forums \| Web Design

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)