WordPress still in distress…. Pleeeeese??

[judahraine]

Hey there – I followed the advice given (to the very best of my limited ability) with no success at all. In attempting to make my sidebar and the post section different colours, I amended the stylesheet to read as follows:

/* begin Box, Block */
.Block
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;

}

* html .Block
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");

zoom: 1;
}

.Block-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 0px;
text-align: left;
}

.Block
{
margin: 7px;
}

.Block table.table
{
border-collapse: collapse;
margin: 1px;
}

.Block table.table th, .Block table.table td
{
padding: 2px;
border: solid 1px #B7BCBD;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 10px;
margin-bottom: 4px;
text-align: left;
color: #000000;
font-family: ‘Times New Roman’;
font-size: 16px;
font-weight: Bold;
font-style: normal;
text-decoration: none;
}

* html .BlockHeader
{
zoom: 1;
}

.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}

.BlockHeader .l
{
left: 0;
right: 6px;
}

* html .BlockHeader .l
{
width: expression(this.parentNode.offsetWidth-6+’px’);
}

.BlockHeader .r
{
right: 0;
width: 6px;
}

* html .BlockHeader .r
{
left: expression(this.parentNode.offsetWidth-6+’px’);
}

.BlockHeader .r div
{
width: 892px;
right: 0;
}

* html .BlockHeader .r div
{
left: expression(this.parentNode.offsetWidth-892+’px’);
}

* html .BlockHeader .l, * html .BlockHeader .r div
{
font-size: 1px;
}

.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url(‘images/BlockHeader.png’);
}

* html .BlockHeader .l, * html .BlockHeader .r div
{
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockHeader.png’,sizingMethod=’crop’)");
}
/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
min-width:15px;
min-height:15px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;

}

* html .BlockContent
{
width:expression(this.offsetWidth < 15 ? 15+"px" : "auto !important");
height:expression(this.offsetHeight < 15 ? 15+"px" : "auto !important");

zoom: 1;
}

.BlockContent-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 11px;
text-align: left;
color: #FFFFE0;
font-family: ‘Tahoma’;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

.BlockContent a
{
color: #ff0080;
}
.BlockContent a:link
{
color: #822B45;
}

.BlockContent a:hover
{
color: #C85B7B;
}
.BlockContent a:hover:visited
{
color: #C85B7B;
}

.BlockContent a:visited
{
color: #53595A;
}

.BlockContent-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 7px;
height: 7px;
background-image: url(‘images/BlockContent-s.png’);
}

* html .BlockContent-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-s.png’,sizingMethod=’crop’)");
}

.BlockContent-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 7px;
height: 7px;
}

* html .BlockContent-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+’px’);
}

.BlockContent-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -7px;
width: 14px;
height: 14px;
background-image: url(‘images/BlockContent-s.png’);
}

* html .BlockContent-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-s.png’,sizingMethod=’crop’)");
}

.BlockContent-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 7px;
height: 7px;
}

* html .BlockContent-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+’px’);
}

.BlockContent-bl div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 14px;
height: 14px;
background-image: url(‘images/BlockContent-s.png’);
}

* html .BlockContent-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-s.png’,sizingMethod=’crop’)");
}

.BlockContent-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 7px;
height: 7px;
}

* html .BlockContent-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+’px’);
left: expression(this.parentNode.offsetWidth-7+’px’);
}

.BlockContent-br div
{
position: absolute;
z-index: -1;
top: -7px;
left: -7px;
width: 14px;
height: 14px;
background-image: url(‘images/BlockContent-s.png’);
}

* html .BlockContent-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-s.png’,sizingMethod=’crop’)");
}

.BlockContent-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 7px;
right: 7px;
height: 7px;
}

* html .BlockContent-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+’px’);
}

.BlockContent-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 14px;
background-image: url(‘images/BlockContent-t.png’);
}

* html .BlockContent-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-h.png’,sizingMethod=’scale’)");
}

.BlockContent-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 7px;
right: 7px;
height: 7px;
}

* html .BlockContent-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+’px’);
width: expression(this.parentNode.offsetWidth-14+’px’);
}

.BlockContent-bc div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 100%;
height: 14px;
background-image: url(‘images/BlockContent-b.png’);
}

* html .BlockContent-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-h.png’,sizingMethod=’scale’)");
}

.BlockContent-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
left: 0;
width: 7px;
bottom: 7px;
}

* html .BlockContent-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-14+’px’);
}

.BlockContent-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 14px;
height: 100%;
background-image: url(‘images/BlockContent-l.png’);
}

* html .BlockContent-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-v.png’,sizingMethod=’scale’)");
}

.BlockContent-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
right: 0;
width: 7px;
bottom: 7px;
}

* html .BlockContent-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+’px’);
height: expression(this.parentNode.offsetHeight-14+’px’);
}

.BlockContent-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -7px;
width: 14px;
height: 100%;
background-image: url(‘images/BlockContent-r.png’);
}

* html .BlockContent-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-v.png’,sizingMethod=’scale’)");
}

.BlockContent-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #580A2D;
}

* html .BlockContent-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+’px’);
height: expression(this.parentNode.offsetHeight-14+’px’);
}
/* end Box, BlockContent */

.Sidebar1BlockContent-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 11px;
text-align: left;
color: #580A2D;
font-family: ‘Tahoma’;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

.Sidebar1BlockContent a
{
color: #ff0080;
}
.Sidebar1BlockContent a:link
{
color: #822B45;
}

.Sidebar1BlockContent a:hover
{
color: #C85B7B;
}
.Sidebar1BlockContent a:hover:visited
{
color: #C85B7B;
}

.Sidebar1BlockContent a:visited
{
color: #53595A;
}

.Sidebar1BlockContent-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 7px;
height: 7px;
background-image: url(‘images/BlockContent-ss.png’);
}

* html .Sidebar1BlockContent-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-s.png’,sizingMethod=’crop’)");
}

.Sidebar1BlockContent-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 7px;
height: 7px;
}

* html .Sidebar1BlockContent-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+’px’);
}

.Sidebar1BlockContent-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -7px;
width: 14px;
height: 14px;
background-image: url(‘images/BlockContent-ss.png’);
}

* html .Sidebar1Sidebar1BlockContent-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-s.png’,sizingMethod=’crop’)");
}

.Sidebar1BlockContent-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 7px;
height: 7px;
}

* html .Sidebar1BlockContent-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+’px’);
}

.Sidebar1BlockContent-bl div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 14px;
height: 14px;
background-image: url(‘images/BlockContent-ss.png’);
}

* html .Sidebar1BlockContent-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-s.png’,sizingMethod=’crop’)");
}

.Sidebar1BlockContent-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 7px;
height: 7px;
}

* html .Sidebar1BlockContent-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+’px’);
left: expression(this.parentNode.offsetWidth-7+’px’);
}

.Sidebar1BlockContent-br div
{
position: absolute;
z-index: -1;
top: -7px;
left: -7px;
width: 14px;
height: 14px;
background-image: url(‘images/BlockContent-ss.png’);
}

* html .Sidebar1BlockContent-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-s.png’,sizingMethod=’crop’)");
}

.Sidebar1BlockContent-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 7px;
right: 7px;
height: 7px;
}

* html .Sidebar1BlockContent-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+’px’);
}

.Sidebar1BlockContent-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 14px;
background-image: url(‘images/BlockContent-st.png’);
}

* html .Sidebar1BlockContent-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-h.png’,sizingMethod=’scale’)");
}

.Sidebar1BlockContent-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 7px;
right: 7px;
height: 7px;
}

* html .Sidebar1BlockContent-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+’px’);
width: expression(this.parentNode.offsetWidth-14+’px’);
}

.Sidebar1BlockContent-bc div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 100%;
height: 14px;
background-image: url(‘images/BlockContent-sb.png’);
}

* html .Sidebar1BlockContent-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-h.png’,sizingMethod=’scale’)");
}

.Sidebar1BlockContent-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
left: 0;
width: 7px;
bottom: 7px;
}

* html .Sidebar1BlockContent-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-14+’px’);
}

.Sidebar1BlockContent-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 14px;
height: 100%;
background-image: url(‘images/BlockContent-sl.png’);
}

* html .Sidebar1BlockContent-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-v.png’,sizingMethod=’scale’)");
}

.Sidebar1BlockContent-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
right: 0;
width: 7px;
bottom: 7px;
}

* html .Sidebar1BlockContent-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+’px’);
height: expression(this.parentNode.offsetHeight-14+’px’);
}

.Sidebar1BlockContent-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -7px;
width: 14px;
height: 100%;
background-image: url(‘images/BlockContent-sr.png’);
}

* html .Sidebar1BlockContent-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’" + (function(){var t=document.getElementsByTagName(‘link’);for(var i=0;i<t.length;i++){var l=t;if(l.href&&/style\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+"images/BlockContent-v.png’,sizingMethod=’scale’)");
}

.sidebar1BlockContent-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #FFFFE0;
}

* html .sidebar1BlockContent-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+’px’);
height: expression(this.parentNode.offsetHeight-14+’px’);
}
/* end Box, BlockContent */

/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin:0;
padding:0;
border:0;
float: left;
overflow: hidden;
width: 70%;
background: #C0C0C0;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin:0;
padding:0;
border:0;
float: left;
overflow: hidden;
width: 30%;
background: #C0C0C0;
}
/* end LayoutCell */

Obviously I’ve done something wrong, because it still reads them both as being the same thing – the error is no doubt glaringly obvious to you, but to me it’s like trying to find rocking horse dung….

So, please please please, can some guru help me out here. I’m sure there’s some way that I can do this, but my knowledge wouldn’t fit in a matchbox and I have no idea where to start looking….

Thank you!!
Jude

[JRGould]

It would be much easier to answer your question if you were to provide a link to the page that you’re working on – My attention span is way too short to read through a hundred lines of css and try to understand what is going on… especially without having the html to look at as well.

[judahraine]

I am so sorry – had meant to post a reply not a new post. I guess desperation is addling the brain…..

the url is: http://www.judahraine.com/romancewriteup

My apologies for being such a dork!!
Jude :oops:

[ikthius]

I looked for the sidebar in your code, and I must admit, you have things all over the place.

but in wordpress it would be best to keep everything as is.

so your sidebar should have a background-color:#(your preferred hex);
not .Sidebar1BlockContent or .Sidebar1Sidebar1BlockContent

[davesgonebananas]

"ikthius" wrote:

I looked for the sidebar in your code, and I must admit, you have things all over the place.

Yes this theme is a dogs dinner but she had problems finding a theme that works so I thought it best not to say anything before :mrgreen:

Anyway, you have selectors like .Sidebar1BlockContent a in your css but no class="Sidebar1BlockContent" in your html. I think I told you to use .sidebar1 .BlockContent in my previous post but I could have told you wrong by mistake. Either way, case and spaces are important in css so be sure to go back and check any edits you made bearing this in mind.

[Author]

Posts