Anyone tell me what i'm doing wrong?

Discussion in 'CSS' started by demondestiny, Aug 29, 2010.

0
  1. #1
    For my background image i want it to span the whole page and for some reason i can't get it to do it. Here is an image of the site,

    http://img535.imageshack.us/img535/2425/csshelp.png

    And here is my code for the website including the css.

    
<html>
<head>
<title>My Website</title>

<style type='text/css'>
body { margin:0; padding:0; 
background-image:url('splash_bg.jpg');
background-repeat:repeat-y;
color: #FFFFFF;
font-weight: bold;
}

/* top */

#top {
	background: url(top.jpg); height: 45px; font-size: 14px; color: #FFFFFF; width: 100%; display: block; text-align: left; border-bottom: 5px #FFFFFF solid;
	}
#top ul {
	margin: 0px 0px 0px 20px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
	}
#top ul li {
	float: left; display: inline; list-style-type: none; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;
	}
#top ul li.top_text {
	padding-top: 0px; font-size: 14px;
	}
#top ul li.top_form {
	padding-top: 10px;
	}
#top ul li.top_input {
	padding-top: 14px; vertical-align: middle;
	}
#top form {
	margin: 0px; padding: 0px;
	}
#top ul li.top_text_right {
	padding-top: 15px; float: right; margin-right: 20px; font-size: 14px;
	}
#top ul li.t {
	padding-left: 20px;
	}
#top ul li img {
	vertical-align: middle;
	}
#top a {
	color: #FFFFFF; font-weight: bold;
	}
#top ul li.top_line, #top ul li.top_line_right {
	background-image: url(top_line.jpg); width: 4px; height: 45px; background-repeat: no-repeat; margin: 0px 10px;
	}
#top ul li.top_line_right {
	float: right;
	}
#top ul li.top_select {
	float: right; padding: 13px 20px 0px 0px;
	}
#top select {
	border: 1px solid #b5c7c9; padding: 1px; text-align: left; font-size: 12px; color: #125a84; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#top a.red {
	color: red;
	}
#top input.text {
	border: 1px solid #000000; width: 150px; padding: 0px; text-align: left; vertical-align: middle;
	}
</style>

</head>
<body>

<!--Top Bar Starts Here -->
<div id="top" metal:define-macro="top">
<ul>
<li class="top_text_right"><marquee>Welcome to my website!</marquee></li>
</ul>
</div>
<!-- Top Bar Ends Here -->

</body>
</html>
    Code (markup):
    Many thanks for any help provided.
     
    demondestiny, Aug 29, 2010 IP
  2. demondestiny

    demondestiny Peon

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I appologise for the double post just wondering if anyone could help me?

    Thanks.
     
    demondestiny, Aug 30, 2010 IP
  3. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #3
    Last edited: Aug 30, 2010
    CSM, Aug 30, 2010 IP
  4. demondestiny

    demondestiny Peon

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thankyou very much they were really informative. Got it working at last :)
     
    demondestiny, Aug 30, 2010 IP