Hi,
ich bin noch ein ziemlicher anfänger :D
was muss ich hier austauschen, damit mein hintergrund angezeigt wird??
unter img/bg.gif hab ich ein paar schwarze streifen. Doch egal was ich mache, es wird immer die graue Farbe angezeit. Wenn ich dieses #f4f4f4 entferne, hab ich nur noch einen weißen hintergrund.
Hier nochmal der komplette Code:
Code
/*
Theme Name: CoffeeSpot
Version: 1.3
Description: CoffeeSpot is yet another wordpress theme by <a href="http://wpthemepark.com" title="WP ThemePark">WP ThemePark</a>.
Author: Sadish Bala
Author URI: http://wpthemepark.com
*/
/* Header image courtesy of http://www.sxc.hu/photo/712538 */
/* Section: Body --------- */
body {
margin: 0;
padding: 0;
font-family: Verdana,Tahoma, Arial, Serif;
line-height: 1.5em;
font-size: 10px; /* IE5 Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: 10px; /* easy scaling */
font-size: 0.76em;
background:#f4f4f4 url(img/bg.jpg) repeat-y center;
color:#333;
}
/* Sub-Section: Body Paragraph and Links --------- */
p, li {
margin: 0.5em 0 0.7em;
line-height:1.8em;
}
a {
text-decoration: none;
}
a:link
{
color: #a66349;
border-bottom:1px dashed;
background:none;
}
a:visited {
color: #b7745a;
border-bottom:1px dashed;
background:none;
}
a:hover, a:active {
border-bottom:#aba195 1px solid;
background:#fffaf0;
color: #993333;
}
abbr, acronym {
font-style: normal;
border-bottom: 1px dotted;
}
abbr[title]
{
cursor:help;
}
blockquote{
margin: 1em;
padding: 1em;
border-left: 2px solid #ccc;
color:#666;
}
dl dt
{
font-weight:bold;
margin:5px 0;
}
dl dd
{
padding-left:20px;
display:inline;
}
fieldset
{
border:none;
}
img
{
border:#b7745a 1px solid;
}
img.wp-smiley, img.noborder
{
border:none;
}
img.right
{
float:right;
padding:5px;
margin:0 1em 1em;
}
img.left
{
float:left;
padding:5px;
margin:0 1em 1em;
}
#rap {
margin: 0 auto;
padding:0;
background:#fff url(img/sidebarbg.gif) repeat-y right;
/* box model hack */
width: 900px;
voice-family: "\"}\"";
voice-family: inherit;
width: 900px;
}
html>body #rap { /* be nice to Opera */
width: 900px;
}
/* Sub-Section: FONTS --------- */
h1,h2,h3,h4,h5,h6
{
margin: 0;
padding:0;
font-family: 'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;
font-weight:normal;
color: #567;
}
h2,h3
{
line-height:1.4em;
font-size: 1.6em;
border-bottom:#eaeaea 1px solid;
}
/* Section: Positioning --------- */
#header {
height: 324px;
background:#630 url(img/header.jpg) no-repeat right top;
margin:0 auto;
padding:0;
}
#header h1
{
font-size:2em;
margin:10px 0 0 10px;
}
#header h1 a:link,#header h1 a:visited
{
border-bottom:none;
background:none;
}
#header h1 a:hover,#header h1 a:active
{
border-bottom:#fff 1px solid;
background:none;
}
#header h4
{
font-size: 1.1em;
font-style:italic;
margin: 5px 0 0 10px;
padding:0;
}
#header *
{
color:#eee;
}
#main {
float: left;
width: 690px;
padding: 0;
margin: 0;
}
#main ul
{
margin:1em;
padding:0;
list-style:none;
}
#main ul li
{
list-style-image:url(img/coffee-icon.jpg);
padding:3px 0;
margin:0 1em;
}
.post
{
margin:0 0 20px 0;
padding:10px 10px 0;
background:url(img/cup2.jpg) no-repeat top left;
}
.post-title
{
margin-left:75px;
}
.post-title a:link, .post-title a:hover, .post-title a:visited, .post-title a:active
{
border-bottom:none;
}
.day-date {
font-size: 0.9em;
color: #999;
padding: 3px 0;
margin: 0 0 0 75px;
}
.day-date em
{
font-style:normal;
color:#666;
}
.day-date a
{
border-bottom:none;
}
.post-content h4
{
font-size:1em;
font-weight:normal;
margin:0;
padding:0;
font-family:Verdana, Arial, Serif;
}
.post-content h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}
.post-info {
font-size : 0.9em;
color : #666;
margin : 0;
background:url(img/comments-small.gif) no-repeat left center;
padding-left:12px;
border-bottom:#eaeaea 1px solid;
clear:both;
}
.post-info a
{
border-bottom:none;
}
.post-content {
padding:10px;
}
#sidebar {
float: left;
width: 190px;
padding:10px;
line-height:1.3em;
}
#sidebar ul
{
list-style: none;
}
#sidebar form, #sidebar .block, #sidebar ul
{
margin:0;
padding: 1em;
font-size: 0.9em;
background:#fff;
}
#sidebar ul ul
{
margin:0;
padding:0;
}
#sidebar ul li
{
list-style-image:none;
margin:0 10px;
padding:3px 0;
}
#sidebar ul li ul li
{
list-style-image:url(img/arrow.gif);
margin:0 10px;
padding:3px 0;
}
#sidebar a {
color: #80664D;
text-decoration: none;
border:none;
}
#sidebar a:visited
{
color: #80664D;
}
#sidebar a:hover
{
color: #60462d;
border-bottom:1px solid;
}
#sidebar ul img {
border:#459 1px solid;
}
#sidebar ul ul
{
margin:5px;
font-size:1em;
}
#sidebar h2
{
margin:20px 0 0 0;
font-size: 1.3em;
color: #fff;
height:20px;
border:none;
font-variant:small-caps;
font-weight:bold;
padding:3px 10px;
background:url(img/sideh2.gif) no-repeat top center;
}
#sidebar li h2
{
background:none;
color:#996666;
border-bottom:#996666 1px solid;
padding:0;
margin:0;
}
#sidebar ul li.feed
{
list-style:none;
background:url(img/feed.png) no-repeat left center;
padding-left:18px;
margin:0;
}
#footer {
clear: both;
margin:0 auto;
background:#60522d;
border:#8b4513 1px solid;
color: #ddd;
font-size: 0.9em;
padding:5px;
}
#footer p {
line-height: 1.1;
}
#footer strong
{
color:#fff;
font-size:1.4em;
}
#footer ul
{
margin:0;
padding:0;
}
#footer ul li
{
list-style:none;
padding-left:15px;
background:url(img/arrow.gif) no-repeat left center;
}
#footer div
{
float:right;
width:25%;
}
#footer a
{
color:#ddd;
text-decoration:none;
border:none;
}
#footer a:hover
{
color:#fff;
border-bottom:#fff 1px solid;
background:none;
}
#comments, #respond{
margin: 2em 0 0 5px;
}
#commentform
{
margin:10px;
padding:10px;
}
#rap .commentlist {
margin: 0 1em;
padding: 0;
}
.commentlist li
{
list-style:none;
padding: 1em;
margin:0.5em 0;
background:#eeeee9;
}
.commentlist li.alt
{
background:#f4f4f4;
}
.commentlist li .cmtinfo
{
font-size:1em;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}
.nocomments
{
padding-left:10px;
}
fieldset{
border: none;
}
.field label{
display: block;
}
textarea{
width: 90%;
height: 20em;
border: 1px solid #ccc;
background:#f4f4f4;
}
input.textbox{
border: 1px solid #ccc;
background:#f4f4f4;
}
input.textbox:focus, textarea:focus
{
background:#f9f9f9;
border:#aaa 1px solid;
}
/* Navigation */
#gnav
{
list-style:none;
margin:0 auto;
padding:0 0 3px 0;
background:#630;
border-bottom:#886b6d 1px solid;
font-variant:small-caps;
font-family:'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;
font-weight:bold;
text-align:right;
font-size:1.2em;
}
#gnav li
{
list-style:none;
display:inline;
margin:0;
padding:0 10px;
}
#gnav li a:link, #gnav li a:visited
{
color:#ccc;
text-decoration:none;
padding:4px 0;
border-bottom:none;
background:none;
}
#gnav li a:hover, #gnav li a:active
{
border-bottom:#eee 2px solid;
color:#fff;
background:none;
}
#gnav li.current_page_item a:link, #gnav li.current_page_item a:visited, #gnav li.current_page_item a:hover, #gnav li.current_page_item a:active
{
border-bottom:#eee 2px solid;
color:#fff;
}
/* Section: Misc --------- */
#header, #main,#content, #sidebar, #footer, .widget {
overflow: hidden;
}
Alles anzeigen
Danke!!