• Resolved aseenus

    (@aseenus)


    ok well I want to change the background for both my header and for my container but I cant :S This is what I have currently got..

    body {
    	background-color: #FFFFFF;
    	margin: 0;
    	padding: 0;
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 12px;
    	color: #000000;
    	text-align: justify;
    }
    
    #container {
    	width: 995px;
            background-image: url(images/background.gif);
            background-repeat: repeat-y;
    	margin: 0 auto;
    }
    
    #header {
    	height: 300px;
    	background: FFFFFF;
            background-image: url(images/logo.gif);
    	background-repeat: no-repeat;
    	font-size: 10px;
    	position: relative;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter aseenus

    (@aseenus)

    I thought id add the whole code, if someone could tell me if they see any problems with it id appreciate it a lot!

    body {
    	background-color: #FFFFFF;
    	margin: 0;
    	padding: 0;
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 12px;
    	text-align: justify;
    }
    
    #container {
    	width: 995px;
            background: url(uploads/background.gif);
            background-repeat: repeat-y;
    	margin: 0 auto;
    }
    
    #header {
    	height: 300px;
            background: url(images/logo.gif);
    	background-repeat: no-repeat;
    	font-size: 10px;
    	position: relative;
    
    }
    
    #header h1 {
    	margin: 0;
    	font-size: 20px;
    }
    
    #header a {
    	text-decoration: none;
    	color: #F00;
    }
    
    #header a:hover {
    	color: #F00;
    }
    
    #header #s {
    	background: #ffffff;
    	border: 1px solid #999999;
    	color: #666666;
    	width: 205px;
    	margin: 0;
    	font-size: 12px;
    	color: #999999;
    	padding: 2px;
    }
    
    #header #search {
    	position: absolute;
    	top: 40px;
    	right: 50px;
    	height: 20px;
    }
    
    #header #searchsubmit {
    	height: 20px;
    	width: 20px;
    	border: none;
    	cursor: pointer;
    	background-repeat: no-repeat;
    	display: none;
    }
    
    #login {
    	text-align: right;
    }
    
    #navbar {
    	margin: 0 0 20px 0;
    	background-image: url(images/menu.gif);
    	height: 100px;
    }
    
    #navbar ul {
    	margin: 0 0 0 30px;
    	padding: 0;
    }
    
    #navbar li {
    	display: inline;
    }
    
    #navbar a {
    	display: block;
    	float: left;
    	height: 30px;
    	padding: 0 30px 0 20px;
    	font-size: 12px;
    	color: #FFFFFF;
    	text-decoration: none;
    	line-height: 30px;
    	background: #FFFFFF;
    	background-position: right 50%;
    }
    
    #navbar a:hover {
    	color: #F00;
    	background: url(images/navbuttonbg-hover.gif);
    	background-position: right 50%;
    }
    
    #posts {
    	width: 600px;
    	padding: 0 0 0 50px;
    	margin: 0 0 20px 0;
    	float: left;
    }
    
    .commentbubble a {
    	float: left;
            background: url(images/commentbubble.gif);
    	background-repeat: no-repeat;
    	background-position: 0 -1px;
    	width: 30px;
    	height: 30px;
    	text-align: center;
    	font-size: 10px;
    	margin: 0 5px 0 0;
    }
    
    .date {
    	font-size: 12px;
    	color: #999999;
    	line-height: 1.5em;
    }
    
    .post {
    	margin: 0 0 30px 0;
    }
    
    .tags {
    	font-size: 10px;
    	line-height: 1.5em;
    	color: #FFFFFF;
    }
    
    .post h2 {
    	font-size: 16px;
    	font-weight: bold;
    	margin: 0;
    }
    
    .post h3 {
    	font-size: 14px;
    	font-weight: bold;
    
    }
    
    .post a, .navigation a {
    	color: #F00;
    	text-decoration: none;
    }
    
    .post a:hover, .navigation a:hover {
    	color: #333333;
    }
    
    .post a img {
    	border: none;
    }
    
    .postmetadata {
    	font-size: 10px;
    	line-height: 1.5em;
    }
    
    .post img.alignleft {
    	float: left;
    	margin: 0 20px 20px 0;
    }
    
    .post img.alignright {
    	float: right;
    	margin: 0 0 20px 20px;
    }
    
    .post img.aligncenter {
    	text-align: center;
    }
    
    .post .wp-caption {
    	border: 1px solid #cccccc;
    	background: #ebebeb;
    	text-align: center;
    	padding: 10px 5px 0 5px;
    }
    
    .post .wp-caption-text {
    	margin: 0;
    	font-size: 12px;
    }
    
    #commentform #author, #commentform #email, #commentform #url, #commentform #comment {
    	background: #ffffff;
    	border: 1px solid #cccccc;
    	color: #666666;
    }
    
    .commentlist {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    }
    
    .commentlist li {
    	background: #ebebeb;
    	padding: 20px;
    	border: 1px solid #cccccc;
    	margin: 0 0 20px 0;
    }
    
    .avatar {
    	float: left;
    	margin: 0 5px 0 0;
    }
    
    .sidebar {
    	margin-left: 700px;
    }
    
    .sidebar ul {
    	list-style-type: none;
    	margin: 0 0 30px 0;
    	padding: 0;
    }
    
    .sidebar h2 {
    	margin: 0 0 5px 0;
    	font-size: 16px;
    	color: #F00;
    	width: 210px;
    	border-bottom: 1px solid #cccccc;
    }
    
    .sidebar a {
    	color: #F00;
    	text-decoration: none;
    }
    
    .sidebar a:hover {
    	color: #999999;
    }
    
    #footer {
            clear:both;
            text-align: center;
    	height: 150px;
            width: 960px;
    	background-color: #FFFFFF;
            font-size: 9px;
    }
    
    #wp-calendar {
    	width: 210px;
    	background: #ebebeb;
    	border: 1px solid #cccccc;
    	margin: 0 0 30px 0;
    	font-size: 12px;
    	text-align: center;
    }
    
    #wp-calendar caption {
    	text-align: left;
    }
    
    #wp-calendar #today {
    	background: #cccccc;
    }
    
    #wp-calendar a {
    	display: block;
    	width: 100%;
    	height: 100%;
    }
    
    #wp-calendar a:hover {
    	background: #cccccc;
    }
    Thread Starter aseenus

    (@aseenus)

    bumping for assistance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem changing background image for divs’ is closed to new replies.