Hi everyone,
Iīm the type who likes to do things myself, when I get stuck I google a solution.
In this case I canīt see what Iīm doing wrong.
So heres the situation, I made a webpage in photoshop, the header, buttons, images etc. and sliced them into seperate images.
After alot of googling I decided to arrange the page with tables, one central table that will hold all the images together.
bit by bit it all came together except the last piece of course, anyway heres the code and website link:
http://colincampbell.t35.com/Index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>COLIN CAMPBELL</title>
<style type="text/css">
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#Table{
position: absolute;
top: 100px;
left: 50%;
margin-left: -375px;
}
table
{
width:750px;
height:400px;
}
</style>
</head>
<body>
<img src="/Images/BG.jpg"
alt=""
id="bg"
<div id="Table">
<table cellpadding="0" cellspacing="0" table border="0">
<tr>
<td rowspan= "2"><a href="Index.html"><img src="/Images/Header.jpg" /></a></td>
<td colspan="4" align= "left"><img src="/Images/Bespoke.jpg" /></td>
</tr>
<tr>
<td><a href="colincampbell.t35.com"><img src="/Images/Home-button.jpg" /></a></td>
<td><a href="colincampbell.t35.com/profile"><img src="/Images/Profile-button.jpg" /></a></td>
<td><a href="colincampbell.t35.com/portfolio"><img src="/Images/Portfolio-button.jpg" /></a></td>
<td><a href="mailto:my email@blah.com"><img src="/Images/Contact-button.jpg" /></a></td>
</tr>
<tr>
<td><img src="/Images/Main-area.jpg" /></td>
</tr>
</table>
</div>
</body>
</html>
As you can see the cell to the top right of the table is sitting on the edge along with the four columns. Why donīt they go beside the header?
any help or suggestions will be greatly appreciated.
You don't use colspan on the td that contains Main-area.jpg
And you should fix the markup errors: http://www.htmlhelp.com/cgi-bin/validate.cgi?url=http%3A//colincampbell.t35.com/Index.html&warnings=yes&input=yes
by the way I'm a self taught novice, I realize there is probably lots of mistakes and things missing. I just fix things as I find them. Thanks for the replies so far.
I see now that there are more problems. But when you use colspan and rowspan it must add up. The row with the most cells decides how many columns there will be. In your table that's 4. If you want to melt all cells in one row together you need to use colspan="4" with the single remaining cell.
But the link buttons are in a raw below the logo, which messes things up. Move them up in the same cell as the bespoke image. I think you want something like this.
I only have one thing to say....WOW! and not to forget THANKYOU! I just copied and pasted the code and its perfect. Thank you so much.
I understand what you mean by using mixed case, I've had a few instances where i've put index instead of Index. Thanks again for all the advice.
I'm sure you'll be seeing more of me on here.
Forgot to say, use borders on the table while you work with it. Makes it a lot easier to see where things are and what's really wrong. And you are welcome.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)