PDA

View Full Version : rowspan problems

luvhartz
07-22-2005, 06:08 PM
hi all, ive drawn the layout, put its bits on the server, and coded..

I am having one little problem, on the link below you will see the "shell" of ym layout (with borders so you can see where i am talking about) anyway you will notice the "freewebs.com" button at the bottom, and just above that alittle space, and above that a "bla" bit. You may notice the background image cuts off. I want it so it goes as long as it should, and not cut off as soon as it gets to the "me" bit

http://www.freewebs.com/zaniez/main.htm
this is the bit of code:

<td bgcolor="#FFFFFF" width="185px" height="px" valign="top" rowspan="3" td style="background-image:url(http://www.freewebs.com/zaniez/layout/bla.gif)">
BLA</TD></TR><TR>

<td bgcolor="#FFFFFF" width="113px" height="5px" valign="top">
</TD></TR><TR>

<td bgcolor="#FFFFFF" width="113px" height="172px" valign="top" rowspan="3"><image src="http://www.freewebs.com/zaniez/layout/mad.gif">
</TD></TR><TR>
<td bgcolor="#FFFFFF" width="185px" height="5px" valign="top">
</TD></TR><TR>

<td bgcolor="#FFFFFF" width="158px" height="41px" valign="top"><image src="http://www.freewebs.com/zaniez/layout/free.gif">
</TD>
MaGiCSuN
07-24-2005, 07:57 PM
change your site html to this:



<HTML>
<HEAD>
<TITLE>Zaniez Version 1</TITLE>
</HEAD>
<BODY style="margin: 0px; padding: 0px">

<table border="1" cellpadding="0" cellspacing="0" width="725" bgcolor="#FFFFFF">
<TR>
<td valign="top" width="113">&nbsp;</td>
<td valign="top" width="5">&nbsp;</td>
<td valign="top" width="178">&nbsp;</td>
<td valign="top" width="240">&nbsp;</td>
<td valign="top" width="5">&nbsp;</td>
<td valign="top" width="184">&nbsp;</td>
</TR><TR>
<td width="296" height="26" valign="top" colspan="3" style="background-image: url(http://www.freewebs.com/zaniez/layout/top.gif)">
TOP</td>
<td width="426" height="26" valign="top" colspan="3">&nbsp;</td>
</TR>
<TR>
<td width="113" height="160" valign="top" style="background-image: url(http://www.freewebs.com/zaniez/layout/nav.gif)">
NAVIGATION</td>
<td width="5" valign="top" rowspan="5">&nbsp;</td>
<td width="340" height="337" valign="top" rowspan="5" colspan="2">MAIN</td>
<td width="5" valign="top" rowspan="5">&nbsp;</td>
<td width="185" valign="top" rowspan="3" style="background-image: url(http://www.freewebs.com/zaniez/layout/bla.gif)">
BLA</td>
</TR><TR>
<td width="113" height="5" valign="top">&nbsp;</td>
</TR><TR>
<td width="113" height="172" valign="top" rowspan="3"><img src="http://www.freewebs.com/zaniez/layout/mad.gif">
</td>
</TR><TR>
<td width="185" height="5" valign="top">&nbsp;</td>
</TR><TR>
<td width="158" height="41" valign="top"><img src="http://www.freewebs.com/zaniez/layout/free.gif"></td>
</TR></TABLE>

<script type="text/javascript" src="/i.js"></script>
</BODY>
</HTML>


that's atleast a cleaned up version of your coding.

1. px values only belong in CSS, not HTML
2. when opening with <td> then don't close with capitals </TD>. Close with </td> instead. Either use capitals for both, or lowercase both.
3. if the whole table has to have a white background then you don't have to add that to each cell. Just add it to the <table> tag.
4. after <table> comes <tr>. you forgot that at the beginning of the table :)
5. you never closed your table. It ended with </TD> but it should be </TR></TABLE> behind it aswell.
6. an image tag is <img> not <image> :)

Now if you can draw for me how it should look, then i can aswell also fix it for you :) but right now i'm not sure how you want it to look ...

Love,
Mirna