Hi,
I'm helping my nephew out with his new site, but I'm a complete n00b if it comes to HTML, but I'm very motivated to learn how I can do things with HTML. w3schools.com is a very good site but it doesn't answer all my questions.
Earlier on Glitch already helpt me out with adding the guestbook to that page.
see hereSo I'm hoping some of you can help me:
I want to add a banner at the top of the page, but does anyone know how can can do that, without the complete page moving down.
I'm still working on the banner but it will be 1000px width and 150px of hight.
Edit: banner is added now but I can't seem to get it at the top of the page
Here's the code:
<HTML>
<HEAD><TITLE>willemwauters.be</TITLE>
<IMG src="http://i202.photobucket.com/albums/aa33/Jonasty009/Banner-2.gif">
<STYLE type=text/css>
body, p, td{
font-family:verdana;
font-size: 8pt;
font-weight:normal;
color:#000000;
}
h1{
font-family:verdana;
font-size: 16pt;
font-weight:bold;
color:#8b8b8b;
}
h2{
font-family:verdana;
font-size: 9pt;
font-weight:bold;
color:#8b8b8b;
}
a{
color: #737c7a;
text-decoration: none;
}
a:hover{
color:#cccccc;
text-decoration: none;
}
.menu td a{
color:#ffffff;
font-size: 8pt;
text-decoration: none;
}
.menu td a:hover{
color:#cccccc;
text-decoration: none;
}
H3 {font-size: 16pt; font-weight: normal}
H4 {font-size: 14pt; font-weight: normal}
</STYLE>
</HEAD>
<BODY style="BACKGROUND: #000080; MARGIN: 45px 0px 40px">
<DIV id=maindiv1 align=center><DIV id=maindiv2 style="WIDTH: 799px; POSITION: relative">
<TABLE id=maintable style="BACKGROUND: #000080; LEFT: 0px; POSITION: relative; TOP: 0px; BORDER-COLLAPSE: collapse" borderColor=#8b8b8b cellSpacing=0 cellPadding=0 width=800 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND: #000080; BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px" vAlign=bottom align=right>
<P><FONT color=#737c7a></FONT> </P></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse" height=1 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR></TR></TBODY></TABLE>
<TBODY>
<TR>
<TD vAlign=center width=235 height=290>
<TABLE class=menu style="BORDER-COLLAPSE: collapse" borderColor=#ffffff cellSpacing=0 cellPadding=0 width="100%" border=1 meta="menu" metaid="WillemWauters"><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">» <a href="/index.html">Home</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">» <a href="/biografie.html">Biografie</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">» <a href="/programma.html">Programma</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">» <a href="/uitslagen.html">Uitslagen</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">» <a href="/fotoalbum.html">Fotoalbum</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #acacac url(/images/winter/menu-bg-active.gif) no-repeat">» <a href="/gastenboek1.html">Gastenboek</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">» <a href="/krantenknipsels.html">Krantenknipsels</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">» <a href="/page4.html">Links</a></td></tr></TABLE></TD>
<TD style="BACKGROUND: url(/images/winter/vertical-border.gif)" width=1></TD>
<TD style="BACKGROUND: url no-repeat" vAlign=top width=564 height=290>
<P><IMG src="/Afbeelding%20047.jpg-for-web-large.jpg"></P></TD></TR></TBODY></TABLE><TBODY><TR><TD style="BACKGROUND: #8b8b8b"><IMG width=1 height=1></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse; BACKGROUND: #000080" cellSpacing=0 cellPadding=0 width="100%" height="100%">
<TBODY>
<TR>
<TD style="PADDING-LEFT: 25px; PADDING-RIGHT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%" vAlign=top align=middle>
<P><SPAN style="FONT-SIZE: 20pt"><SPAN style="FONT-SIZE: 22pt"></SPAN></SPAN> </P>
<iframe src ="http://www.webhelpje.be/gastenboek/gastenboek.php?name=WillemW" frameborder="0" width="550" height="1000">
<p>Uw browser oindersteund geen ingeframde pagina, <a target="blank" href=http://www.webhelpje.be/gastenboek/gastenboek.php?name=WillemW>klik hier om handmatig naar het gastenboek te gaan></a></p>
</iframe>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY>
Thanks in advance
Jonas
