rustypaulin 0 Report post Posted August 15, 2005 I've been trying to code a layout into HTML, i think i've sliced it well, but i can't get the coloumns for the content coded correctly. You can look at my attempt so far here http://ukds0.tripod.com/mariocircuit/index.html please could anyone tell me what i've done wrong and how i could correct it. Thanks in advanceP.S. this is needed quite urgently Share this post Link to post Share on other sites
Inspiron 0 Report post Posted August 15, 2005 If you would mind to show the source codes here rather.. Because the codes are being covered by Tripod's webads and it's hard to see your real codes... Share this post Link to post Share on other sites
HmmZ 0 Report post Posted August 15, 2005 its not that hard..anyway..end has some flaws wich may cause the outer positioning...REMOVE <TR> <TD COLSPAN=2> <IMG SRC="footer.gif" WIDTH=762 HEIGHT=49 ALT=""></TD> </TR>(its at the end)then,add this to the end</TD></TR><TR> <TD COLSPAN=2> <IMG SRC="footer.gif" WIDTH=762 HEIGHT=49 ALT=""> </TD></TR></TABLE></CENTER></BODY></HTML> Dont know if that helps, but it atleast gets rid of the flaws Share this post Link to post Share on other sites
rustypaulin 0 Report post Posted August 15, 2005 i've edited that but it didn't fix my problem, thanks anyway here's the code to make it easier for people <html><head><meta http-equiv="content-language" content="en"><meta name="rating" content="general"><TITLE>XenonHack</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"><link rel="stylesheet" type="text/css" href="style.css"></HEAD><body BGCOLOR=#FFFFFF><CENTER><TABLE WIDTH=762 BORDER=0 CELLPADDING=0 CELLSPACING=0><TR> <TD COLSPAN=2> <IMG SRC="header.gif" WIDTH=762 HEIGHT=217 ALT=""></TD> </TR><TD VALIGN="le" BACKGROUND="background1.gif" WIDTH=157><TABLE><TR><TD><P class="foo">Link</TD></TR></TABLE><TD VALIGN="center" BACKGROUND="background2.gif" WIDTH=448><TABLE><TR><TD><P class="foo">Content</TD></TR></TABLE><TD VALIGN="top" BACKGROUND="background3.gif" WIDTH=157><TABLE><TR><TD><P class="foo">Content</TD></TR></TABLE></TD></TR><TR> <TD COLSPAN=2> <IMG SRC="footer.gif" WIDTH=762 HEIGHT=49 ALT=""> </TD></TR></TABLE></CENTER></BODY></HTML> Share this post Link to post Share on other sites
truefusion 3 Report post Posted August 15, 2005 For all of the colspans, instead of a 2, change it to a 3. Share this post Link to post Share on other sites
BuffaloHelp 24 Report post Posted August 16, 2005 I'm assuming the misalignment of the menu text? Try this for a size <html><head><meta http-equiv="content-language" content="en"><meta name="rating" content="general"><TITLE>XenonHack</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"><link rel="stylesheet" type="text/css" href="style.css"></HEAD><body BGCOLOR=#FFFFFF><CENTER><TABLE WIDTH=762 BORDER=0 CELLPADDING=0 CELLSPACING=0><TR> <TD> <IMG SRC="http://ukds0.tripod.com/mariocircuit/header.gif" WIDTH=762 HEIGHT=217 ALT=""><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="762" id="AutoNumber1"> <tr> <td align="center" BACKGROUND="http://ukds0.tripod.com/mariocircuit/background1.gif" width="157">LINK </td> <td align="center" BACKGROUND="http://ukds0.tripod.com/mariocircuit/background2.gif" width="448">CONTENT</td> <td align="center" BACKGROUND="http://ukds0.tripod.com/mariocircuit/background3.gif" width="157">CONTENT</td> </tr> </table> </TD></TR><TR><TD> <IMG SRC="http://ukds0.tripod.com/mariocircuit/footer.gif" WIDTH=762 HEIGHT=49 ALT=""> </TD></TR></TABLE></CENTER></BODY></HTML> What you had was the text LINK, CONTENT, CONTENT in separate table. Whenever you need to have text aligned with the background image, it's a good idea to place a general table (global table) then subdivide within that general table to align your text. What I did was I inserted a 1 row, 3 column table then I aligned them using ALIGN argument. I think you'll find that it's easier this way. If you want to align even further, insert a table within the table I placed and you can align however you'd like. Share this post Link to post Share on other sites
rustypaulin 0 Report post Posted August 16, 2005 ok thanks BuffaloHELP i've changed it and its working now, thanks Share this post Link to post Share on other sites
BuffaloHelp 24 Report post Posted August 17, 2005 You're welcome.Problem resolved and topic closed. Share this post Link to post Share on other sites