Jump to content
xisto Community
Sign in to follow this  
rustypaulin

Coding Help Needed.

Recommended Posts

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 advance
P.S. this is needed quite urgently

Share this post


Link to post
Share on other sites

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

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

For all of the colspans, instead of a 2, change it to a 3.

Share this post


Link to post
Share on other sites

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
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.