I need help with HTML!?

L

Lightnote

New member
I think where you might be going wrong is that you have the </body> tag above the </table> tag switch them around.


<body bgcolor="Teal">

<table cellspacing="1" cellpadding="0" border="0"
bgcolor="Maroon" id="shell" height="100" width="1250">

<tr>
<td height="200"><td colspan="2" bgcolor="Maroon"></td>
</tr>
</table>

<table title="Banner" id="banner" border="0">
<tr>
<td>
<p><center><font color=white><font size=7>Sarah Dwyer
<font size=4>Digital Portfolio</p>
</td>
</tr>
</table>
</body>

I've added a few extra things in to the code like missing end tags but you could probably just use 1 table instead of two.

Consider using CSS for things like background color and font size, font color... makes things alot easier.


Going to check this code I'll edit later.


***EDIT 3 Sorry I added an extra cell to the table before I think this is it now I've also centered the table now******************************************************


<!DOCTYPE HTML>
<html>

<head>
<style type="text/css">
body /*your background color*/{
background-color:teal;
}


h1 /*color of the header 1 with no class/id tag */
{
color:#ffffff;
}

p{
color:#ffffff; /*this is the color of the paragraph with no class/id tag*/
}

p.sub{ /*these are the properties for the paragraph with the class="sub" tag*/
font-size:20px;
color:#ffffff; /*white*/
font-style:italic;
}

table#shell /*properties for the table id="shell" you don't need a height for this*/
{
width:1250px;
border:0px;
margin-left:auto; /*this code centers the table the margin-right and margin-left auto*/
margin-right:auto;
}

td#banner
{
text-align:center;
background-color:maroon;
height:200px;
}
</style>
</head>



<body>

<table cellspacing="1" cellpadding="0" id="shell">

<tr>
<td id="banner" title="Banner">
<!--Content can go here if you want as well if you want as well-->
<h1>Sarah Dwyer</h1><p class="sub"> Digital Photography</p>
</td>
</tr>

<tr>
<td>
<h2> Header 2</h2> <!--you can add the styles (if you want any for the header2) I'm sure-->
<p>Your Text goes here</p>
</td>
</tr>
</table>



</body>
</html>


Hopefully this has helped. If you need anymore help, send me an email.
 
I'm using Dreamweaver, and I'm having trouble with something. I tried putting a table, like a banner, across the top. But I changed the code I got from a website a bit, and now I can't type outside of the banner.

<body bgcolor="Teal">
<table cellspacing="1" cellpadding="0" border="0"
bgcolor="Maroon" id="shell" height="100" width="1250">
<tr height="200"><td colspan="2" bgcolor="Maroon">
<table title="Banner" id="banner" border="0">
<p><center><font color=white><font size=7>Sarah Dwyer<br /><font size=4>Digital Portfolio</p>
</body>
</table>

This is pretty much the code I already have for the banner. Can you tell me how to fix it so I can type outside of the banner? Thanks!
I wanna keep the text I already have inside the banner.
 
I think where you might be going wrong is that you have the </body> tag above the </table> tag switch them around.


<body bgcolor="Teal">

<table cellspacing="1" cellpadding="0" border="0"
bgcolor="Maroon" id="shell" height="100" width="1250">

<tr>
<td height="200"><td colspan="2" bgcolor="Maroon"></td>
</tr>
</table>

<table title="Banner" id="banner" border="0">
<tr>
<td>
<p><center><font color=white><font size=7>Sarah Dwyer
<font size=4>Digital Portfolio</p>
</td>
</tr>
</table>
</body>

I've added a few extra things in to the code like missing end tags but you could probably just use 1 table instead of two.

Consider using CSS for things like background color and font size, font color... makes things alot easier.


Going to check this code I'll edit later.


***EDIT 3 Sorry I added an extra cell to the table before I think this is it now I've also centered the table now******************************************************


<!DOCTYPE HTML>
<html>

<head>
<style type="text/css">
body /*your background color*/{
background-color:teal;
}


h1 /*color of the header 1 with no class/id tag */
{
color:#ffffff;
}

p{
color:#ffffff; /*this is the color of the paragraph with no class/id tag*/
}

p.sub{ /*these are the properties for the paragraph with the class="sub" tag*/
font-size:20px;
color:#ffffff; /*white*/
font-style:italic;
}

table#shell /*properties for the table id="shell" you don't need a height for this*/
{
width:1250px;
border:0px;
margin-left:auto; /*this code centers the table the margin-right and margin-left auto*/
margin-right:auto;
}

td#banner
{
text-align:center;
background-color:maroon;
height:200px;
}
</style>
</head>



<body>

<table cellspacing="1" cellpadding="0" id="shell">

<tr>
<td id="banner" title="Banner">
<!--Content can go here if you want as well if you want as well-->
<h1>Sarah Dwyer</h1><p class="sub"> Digital Photography</p>
</td>
</tr>

<tr>
<td>
<h2> Header 2</h2> <!--you can add the styles (if you want any for the header2) I'm sure-->
<p>Your Text goes here</p>
</td>
</tr>
</table>



</body>
</html>


Hopefully this has helped. If you need anymore help, send me an email.
 
I think where you might be going wrong is that you have the </body> tag above the </table> tag switch them around.


<body bgcolor="Teal">

<table cellspacing="1" cellpadding="0" border="0"
bgcolor="Maroon" id="shell" height="100" width="1250">

<tr>
<td height="200"><td colspan="2" bgcolor="Maroon"></td>
</tr>
</table>

<table title="Banner" id="banner" border="0">
<tr>
<td>
<p><center><font color=white><font size=7>Sarah Dwyer
<font size=4>Digital Portfolio</p>
</td>
</tr>
</table>
</body>

I've added a few extra things in to the code like missing end tags but you could probably just use 1 table instead of two.

Consider using CSS for things like background color and font size, font color... makes things alot easier.


Going to check this code I'll edit later.


***EDIT 3 Sorry I added an extra cell to the table before I think this is it now I've also centered the table now******************************************************


<!DOCTYPE HTML>
<html>

<head>
<style type="text/css">
body /*your background color*/{
background-color:teal;
}


h1 /*color of the header 1 with no class/id tag */
{
color:#ffffff;
}

p{
color:#ffffff; /*this is the color of the paragraph with no class/id tag*/
}

p.sub{ /*these are the properties for the paragraph with the class="sub" tag*/
font-size:20px;
color:#ffffff; /*white*/
font-style:italic;
}

table#shell /*properties for the table id="shell" you don't need a height for this*/
{
width:1250px;
border:0px;
margin-left:auto; /*this code centers the table the margin-right and margin-left auto*/
margin-right:auto;
}

td#banner
{
text-align:center;
background-color:maroon;
height:200px;
}
</style>
</head>



<body>

<table cellspacing="1" cellpadding="0" id="shell">

<tr>
<td id="banner" title="Banner">
<!--Content can go here if you want as well if you want as well-->
<h1>Sarah Dwyer</h1><p class="sub"> Digital Photography</p>
</td>
</tr>

<tr>
<td>
<h2> Header 2</h2> <!--you can add the styles (if you want any for the header2) I'm sure-->
<p>Your Text goes here</p>
</td>
</tr>
</table>



</body>
</html>


Hopefully this has helped. If you need anymore help, send me an email.
 
I think where you might be going wrong is that you have the </body> tag above the </table> tag switch them around.


<body bgcolor="Teal">

<table cellspacing="1" cellpadding="0" border="0"
bgcolor="Maroon" id="shell" height="100" width="1250">

<tr>
<td height="200"><td colspan="2" bgcolor="Maroon"></td>
</tr>
</table>

<table title="Banner" id="banner" border="0">
<tr>
<td>
<p><center><font color=white><font size=7>Sarah Dwyer
<font size=4>Digital Portfolio</p>
</td>
</tr>
</table>
</body>

I've added a few extra things in to the code like missing end tags but you could probably just use 1 table instead of two.

Consider using CSS for things like background color and font size, font color... makes things alot easier.


Going to check this code I'll edit later.


***EDIT 3 Sorry I added an extra cell to the table before I think this is it now I've also centered the table now******************************************************


<!DOCTYPE HTML>
<html>

<head>
<style type="text/css">
body /*your background color*/{
background-color:teal;
}


h1 /*color of the header 1 with no class/id tag */
{
color:#ffffff;
}

p{
color:#ffffff; /*this is the color of the paragraph with no class/id tag*/
}

p.sub{ /*these are the properties for the paragraph with the class="sub" tag*/
font-size:20px;
color:#ffffff; /*white*/
font-style:italic;
}

table#shell /*properties for the table id="shell" you don't need a height for this*/
{
width:1250px;
border:0px;
margin-left:auto; /*this code centers the table the margin-right and margin-left auto*/
margin-right:auto;
}

td#banner
{
text-align:center;
background-color:maroon;
height:200px;
}
</style>
</head>



<body>

<table cellspacing="1" cellpadding="0" id="shell">

<tr>
<td id="banner" title="Banner">
<!--Content can go here if you want as well if you want as well-->
<h1>Sarah Dwyer</h1><p class="sub"> Digital Photography</p>
</td>
</tr>

<tr>
<td>
<h2> Header 2</h2> <!--you can add the styles (if you want any for the header2) I'm sure-->
<p>Your Text goes here</p>
</td>
</tr>
</table>



</body>
</html>


Hopefully this has helped. If you need anymore help, send me an email.
 
Back
Top