But i want text above the center section and below the banner right in the middle
CSS BELOW
CODE
body { background-color:whitesmoke ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:Black;
}
a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
color:Black;
background-color: white}
h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px}
h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px}
h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px}
#leftcontent { position: absolute;
left:1px;
top:190px;
width:175px;
background:white;
border:2px solid black;
}
#centercontent {
background:white;
margin-left:174px;
margin-right:174px;
top:190px;
border:1px solid black;
voice-family: "
"
}
"
"
;
voice-family: inherit;
margin-left:176px;
margin-right:176px;
}
html>
body #centercontent { margin-left:176px;
margin-right:176px;
}
#rightcontent { position: absolute;
right:1px;
top:180px;
width:175px;
background:white;
border:2px solid black;
}
#banner { background:white;
height:150px;
border-top:0 solid black;
border-right:0 solid black;
border-left:0 solid black;
voice-family: "
"
}
"
"
;
voice-family: inherit;
height:149px;
}
html>
body #banner { height:149px;
}
p,h1,h2,h3 { margin:0px 10px 10px 10px;
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
background:#FFFFFF;
}
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:Black;
}
a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
color:Black;
background-color: white}
h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px}
h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px}
h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px}
#leftcontent { position: absolute;
left:1px;
top:190px;
width:175px;
background:white;
border:2px solid black;
}
#centercontent {
background:white;
margin-left:174px;
margin-right:174px;
top:190px;
border:1px solid black;
voice-family: "
"
}
"
"
;
voice-family: inherit;
margin-left:176px;
margin-right:176px;
}
html>
body #centercontent { margin-left:176px;
margin-right:176px;
}
#rightcontent { position: absolute;
right:1px;
top:180px;
width:175px;
background:white;
border:2px solid black;
}
#banner { background:white;
height:150px;
border-top:0 solid black;
border-right:0 solid black;
border-left:0 solid black;
voice-family: "
"
}
"
"
;
voice-family: inherit;
height:149px;
}
html>
body #banner { height:149px;
}
p,h1,h2,h3 { margin:0px 10px 10px 10px;
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
background:#FFFFFF;
}
HTML BELOW
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>
Elfynn22 Production's </title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noarchive" />
<meta name="keywords" content=" keywords here - SOME search engines still use them - and all search links count " />
<meta name="description" content="Short description - often used by search engines as real description" />
</head>
<body>
<div id="banner">
<p align="center">
<img src="http://eflpro.uuuq.com/pics/ve401l.jpg" width=600 height=150 alt="alt stuff here" />
</p>
</div>
<div id="leftcontent">
<p>
<p align="center">
<br />
Company News Updates Here!
<br />
</div>
<p>
<div id="centercontent">
<h3><p>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/awkuYXimWcY&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/awkuYXimWcY&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="450"></embed></object>
</div>
<div id="rightcontent">
<p>
<p align="center">
<br />
<p align="center">
Recent Forum Posts will be here! Sample pic below
<img src="sample.jpg" alt="alt stuff here" />
<br />
<br />
Recent Forum Posts will be here! Sample pic below
<img src="sample.jpg" alt="alt stuff here" />
<br />
<br />
Recent Forum Posts will be here! Sample pic below
<img src="sample.jpg" alt="alt stuff here" />
<br />
<br />
</p>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>
Elfynn22 Production's </title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noarchive" />
<meta name="keywords" content=" keywords here - SOME search engines still use them - and all search links count " />
<meta name="description" content="Short description - often used by search engines as real description" />
</head>
<body>
<div id="banner">
<p align="center">
<img src="http://eflpro.uuuq.com/pics/ve401l.jpg" width=600 height=150 alt="alt stuff here" />
</p>
</div>
<div id="leftcontent">
<p>
<p align="center">
<br />
Company News Updates Here!
<br />
</div>
<p>
<div id="centercontent">
<h3><p>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/awkuYXimWcY&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/awkuYXimWcY&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="450"></embed></object>
</div>
<div id="rightcontent">
<p>
<p align="center">
<br />
<p align="center">
Recent Forum Posts will be here! Sample pic below
<img src="sample.jpg" alt="alt stuff here" />
<br />
<br />
Recent Forum Posts will be here! Sample pic below
<img src="sample.jpg" alt="alt stuff here" />
<br />
<br />
Recent Forum Posts will be here! Sample pic below
<img src="sample.jpg" alt="alt stuff here" />
<br />
<br />
</p>
</div>
</body>
</html>