html rendering question...help!

jholzner

macrumors 65816
Original poster
Jul 24, 2002
1,384
0
Champaign, IL
I just wrote a simple webpage using tables to display a friends music compositions. I put a "get quicktime" badge at the top. However, in IE and Firefox on Windows it has a little box to the left of the image that does not appear in Safari. Can anyone take a look and maybe give me a reason why it is showing up? I can't see anything wrong with the tagging. I have attached a screen shot to see for those of you who only have Safari.

The website is:

http://homepage.mac.com/jholzner/brozak.html

Thanks!
 

CanadaRAM

macrumors G5
I don't know how you are creating your HTML, but it is a good idea to look at the code to see what was generated
This is what you have:
</tr>

<a href="http://www.apple.com/quicktime/"><img SRC="getquicktime.gif"</a>

</table>


Your getquicktime graphic is within the table tags but is devoid of row and cell tags.
Also, you have not closed the IMG tag properly.
I would suggest putting a Border="0" on your images unless you like the automatic blue border on them.

This suggestion will put the quicktime graphic on the page after the bottom of the table

</tr>
</table>
<a href="http://www.apple.com/quicktime/"><img SRC="getquicktime.gif" border="0"></a>
 

jholzner

macrumors 65816
Original poster
Jul 24, 2002
1,384
0
Champaign, IL
CanadaRAM said:
I don't know how you are creating your HTML, but it is a good idea to look at the code to see what was generated
This is what you have:
</tr>

<a href="http://www.apple.com/quicktime/"><img SRC="getquicktime.gif"</a>

</table>


Your getquicktime graphic is within the table tags but is devoid of row and cell tags.
Also, you have not closed the IMG tag properly.
I would suggest putting a Border="0" on your images unless you like the automatic blue border on them.

This suggestion will put the quicktime graphic on the page after the bottom of the table

</tr>
</table>
<a href="http://www.apple.com/quicktime/"><img SRC="getquicktime.gif" border="0"></a>

Awsome! Thanks guys! I appreciate it. I coded the html myself but I've never coded tables before, I just learned how to do it yesterday. It didn't even occur ot me that that was part of the table. Kinda silly since I put the "made on a mac" badge outside of the table on purpose. Also, thanks for the border advice on the graphics. On Safari those broders don't appear and I wasn't sure hot to fix that. I will make all these corrections once I'm home from work.

Thanks again!
 

CanadaRAM

macrumors G5
Just remember that Table tags, like all tags, have to be balanced and nested properly. TDs nested within TRs within TABLE

If you are coding tables, remember that you should not leave a partial row. For example, 10 cells of data in a 3 x 4 table with only one cell populated in the last row - the remainder of the row should be completed with empty cells <TD></TD><TD></TD> before the </TR>
 

jholzner

macrumors 65816
Original poster
Jul 24, 2002
1,384
0
Champaign, IL
CanadaRAM said:
Just remember that Table tags, like all tags, have to be balanced and nested properly. TDs nested within TRs within TABLE

If you are coding tables, remember that you should not leave a partial row. For example, 10 cells of data in a 3 x 4 table with only one cell populated in the last row - the remainder of the row should be completed with empty cells <TD></TD><TD></TD> before the </TR>
Thanks for the advice. I'm sure I would have just left empty space. I was just looking at my source and I noticed a typo. when I ended a row I typed </tf> instead of </tr> yet it still rendered property. Why is that?