...

View Full Version : new to div's, need help



fallenangels
11-06-2006, 11:13 PM
ok im very new to using <div>'s, and to using CSS for layouts. I had one site where i got them to kind of work, but i made a new one.
www.usc.kevhosting.com/test3 , and where it says test, there should be an image there (sides.gif) and it isnt appearing, heres my codes:
HTML

<html>
<head>
<title>Fallen Angels</title>
<link rel="stylesheet" type="text/css"
href="style.css" />
</head>


<body>
<?php include("header.php"); ?>
<div style="ctop">
<ul>
<li>test<br>test<p>test</li>
</ul>
</div>
</body>


</html>

CSS

* {margin: 0; padding: 0;}
div.ctop {
width: 714px;
background: url("images/sides.gif") repeat-y;
font-size: 20px;
font-family: morpheus;
text-align: center;
margin-top: 20px;
}
ul {
padding-top: 50px;
background: url("images/top.gif") no-repeat;
list-style-type: none;
padding-left: 25px;
}
body {
background-color: black;
color: white;
font-family: morpheus;
}



i want there to be sides to the main content. www.usc.kevhosting.com/test3/images/sides.gif is the picture I want to use, and i dont know why it isnt working.

_Aerospace_Eng_
11-07-2006, 05:19 AM
Take a look at your code. You have multiple body tags and multiple html tags.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Fallen Angels</title>
<link rel="stylesheet" type="text/css"
href="style.css" />
</head>


<body>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css"
href="style.css" />
</head>

<body alink="black" vlink="black" link="black">
<center>
<div class="header">

</div>
<div style="nav">
<a href="index.php"><img src="images/home.gif"></a>
<a href="/fa"><img src="images/forum.gif"></a>
<a href="guides.php"><img src="images/guides.gif"></a>
<a href="raidp.php"><img src="images/raidp.gif"></a>
<a href="about.php"><img src="images/about.gif"></a>
<a href="/poll/poll.php"><img src="images/poll.gif"></a>
</div>
</center>
</body>

</html>
<center><div class="ctop">
<ul>
<li>

<h1>News</h1>
<p>
<h2>Monday, November 06, 2006 7:32 PM EST</h2>
<h3>This is the official time of the launch of our new site! It looks much better now, and I think you will all like it.<h3>
<p>
<h2>Saturday, October 21, 2006 5:33 PM EST</h2>

<h3>New poll page added. Take the Poll</h3>
<p>
<h2>Sunday, October 15, 2006 7:55 PM EST</h2>
<h3>Welcome to the Fallen Angels website. This is the official time of the launching of our site! </h3>

</li>
</ul>
</div>
<div class="cbot">
</div></center>
</body>

</html>

And you use the center tag which is deprecated. View your coding errors here (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.usc.kevhosting.com%2Ftest3%2F).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum