- This topic is empty.
-
AuthorPosts
-
February 28, 2009 at 8:03 am #24250judahraineMember
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!!
JudeFebruary 28, 2009 at 1:57 pm #54454JRGouldMemberIt 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.
March 1, 2009 at 1:17 am #54479judahraineMemberI 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:March 1, 2009 at 7:42 am #54484ikthiusMemberI 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 .Sidebar1Sidebar1BlockContentMarch 1, 2009 at 9:02 am #54485davesgonebananasMember"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.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.