Hi
I'm modifying the http://foliage-in-xml.blogspot.com/# foliage wordpress theme here:
http://shokka.net/forty-three/
If you click somewhere to the right of the moon at the top of the page, you'll see a new shelf drops down to display the rest of the picture.
I've barely started modifying it, and I can't work out why there's a huge gap in between the top shelf and the bottom shelf pics. Or why it keeps repeating when I've got it set not to. It's driving me crazy.
*/ * { margin: 0; padding: 0; outline: none;} h1, h2, h3, p, pre, blockquote, form, fieldset, ul, ol { margin: 1em 0; } body {font: 62.5% verdana, arial, sans-serif; color: #ddd; background: #00010a; text-align: center; } a:link, a:active, a:visited {color: #efb;} a:hover { color: #d0dda3; } a { text-decoration: none; } h1, h2, h3, h4 { text-transform: lowercase; color: #efb; } h1 { font-size: 2em; } h2 { font-size: 1.7em; } h3 { font-size: 1.5em; } h4 { font-size: 1.3em; } .chrondate { color: #3f3f3f; padding-left: 0.5em; } .chrondate a { color: #3f3f3f; } .chrondate a:hover { color: #d0dda3; } #shelfwrap { background: url(images/master_header_01.jpg); no-repeat top left;} #shelf { color: #d6ddbc; text-align: left; width: 58em; min-height: 208px; margin: 0 auto; line-height: 1.5em; } #shelf .left { width: 28em; padding: 0 0.5em 0.5em; } ul#navigation { margin: 0; padding: 0 0 1em 0; list-style: none; } #navigation li { background: url() repeat-x 0.7em 0; } #navigation li a { float: left; padding: 0 0.2em 0 0; } ul#navigation li span { float: right; padding: 0 0.2em; } ul#navigation li br { clear: both; } #shelf .right { width: 27em; padding: 0 0.5em 0.5em; } ul#recentposts {list-style: none; } #recentposts li { background: url(images/li.gif) no-repeat 0 0.3em; padding-left: 15px; margin-left: 4px; } #shelfbreak { background: #656C4A; height: 0em; } #searchbar { background: url(images/searchbg.jpg) no-repeat top left; display: block; height: 41px; width: 270px; margin: 0 0 0 -0.2em; padding: 0.2em 0 0 1em;} #searchform div { padding: 0.2em 0 0 0; } #searchform span { margin-left: 3.6em; } #search { width: 140px; border: 1px solid #333; background: #333; font-size: 1em; font-family: verdana, arial, sans-serif; color: #eee; } /* top banner */ #banner { background: #00010a repeat-n top left; height: 15em; } #foliage { margin: 0 auto; background: url(images/master_header_02.jpg) no-repeat top left; display: block; width: 784px; height: 148px; } #pull a { float: right; display: block; width: 105px; height: 146px; text-indent: -9999em; background: url(images/pull.jpg) no-repeat top right; } #pull a:hover { background: url(images/pull.jpg) no-repeat bottom right; } /* -------------------------------------------- content */ #top {background: #00010a;} #content { width: 51em; margin: 0 auto 0; padding: 0 0 6em 0; text-align: left; line-height: 1.5em; } .post { padding: 0 0 1.5em 0; } .entrymeta { margin: -1em 0 2em 0; text-transform: lowercase; } .entry img { padding: 3px; background: #444; border: 1px solid #444; } .entry ul li, .mulch ul li { list-style: none; background: url(images/li.gif) no-repeat 0 0.3em; padding-left: 1.5em; margin-left: 2.2em; } .entry ol, .mulch ol { margin-left: 3.5em; } .entry li, .mulch li { padding-bottom: 0.3em; width: 423px; font-size: 1em; } .entry blockquote, .mulch blockquote { margin-left: 3.9em; color: #8f8f8f; width: 423px; } .entry strong, .mulch strong { color: #efb; } .returnhome { float: right; } /* -------------------------------------------- content details */ .commentnote { color: #B3BE82; padding: 0.5em 0.3em 0 0.9em; } #singlecontent { width: 75em; margin: 0 auto; padding-bottom: 3em; text-align: left; line-height: 1.5em; } #singlecontent .post { float: left; width: 45em; } #commentscolumn { color: #d6ddbc; margin: 2em 0 3em 0; float: right; width: 28em; background: #656C4A url(images/snippet_right.gif) no-repeat bottom right; } .comments {color: #d6ddbc; margin: 0; padding: 9px 9px 0 9px; background: url(images/snippet_left.gif) no-repeat -1px -1px;} #commentwrap { float: left; margin:0; padding-bottom: 3em; } #commentform small {color: #555;} .commentlist li { list-style: none; border-top: 1px solid #717a50; padding-top: 0.3em; } .author .commententry { background: url(images/author.gif) no-repeat top right;} .commententry { padding: 0 0.8em 0 0.9em; overflow: hidden; } .commententry blockquote {color: #B3BE82; margin-left: 1em;} #author, #email, #url, #comment {font: 11px verdana, arial, sans-serif; background: #333; border: 1px solid #555; color: #ddd; padding: 2px; } #author, #email, #url {width: 185px;} #comment {width: 436px; height: 125px; overflow: auto; font-size: 10px;} #submit {background: #656C4A; border: 1px solid #d6ddbc; color: #d6ddbc; font-size: 11px; padding: 0 1em;} /* -------------------------------------------- footer content */ #footer { color: #d6ddbc; width: 58em; margin: 1em auto 0; padding: 0 0 30px 0; text-transform: lowercase; } /* -------------------------------------------- misc */ .clear {clear: both;} .center {text-align: center;} /* ----------------------------------- floats */ .right { float: right; } .left { float: left; } .clear { clear: both; } .fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fix { display: inline-block; } * html .fix { height: 1%; } .fix { display: block; }
can anybody help meee?
can anybody help meee? :shrug:
I can't help but to say it's
I can't help but to say it's not the css. Check with some scriptaculous gurus somewhere. The js is rewriting the styles.
CSS rules
Answer can be found here:
http://www.htmlforums.com/client-side-scripting/t-javascript-mod-wp-theme-107241.html#post664340
In my defense I knew that
In my defense I knew that the bg image needed to be bottom centered, but I couldn't work out why it was repeating when you had the no-repeat in there.
I just now noticed what was wrong:#shelfwrap { background: url(images/master_header_01.jpg)<span style="color:red">;</span> no-repeat top left;}
still helped
You still helped, if you hadn't said anything I wouldn't have tried the other forum, where incidentally it still took 2 people to fix it