Wed, 2003-12-17 10:48
I have a blog (www.blogforcarol.us) in an embryonic state that uses an external style sheet (/bfc.css). Yesterday I tried making a table, wanted to style it, and also toss in a few other doodads. I added the css stuff with the <style> tag, even though it wasn't in the head, and, well, you can guess what happened. Nothing showed up. So I ended up adding this code to my bfc.css. Here it is:
table {
width:64%;
background-color:#ececec;
margin-left:18%;
margin-top:48px;
margin-bottom:48px;
line-height:180%;
border:1px solid #1f1f5f;
border-collapse:collapse;
}
td {padding:1%;}
td.name {width:60%;padding-left:4%;}
tr.cmb {background-color:1f1f5f;color:fefefe;font-weight:bolder;}
td.number {text-align:right;padding-right:4%;}
.excited {letter-spacing:.24em;color:bf2f2f;}
The troublesome entry is on this page.
I just read about inlining style elements, but that doesn't seem the most economical solution to me. What's the least redundant way to style multiple elements in a blog entry without changing the stylesheet for the site?
Wed, 2003-12-17 10:52
#1
adding style to an individual blog entry
Maybe have a separate stylesheet?
So there is the main stylesheet for the site, and then another one for any minor bits you want adding?
Either that or (if it's a personally-written blog system) adding a CSS field in with each post, and outputting it in the header as it should be...
Wed, 2003-12-17 11:15
#2
Would a link rel work from the body?
None of my entries have a head--that's a separate template. I'm using blosxom. I've also been looking at graymatter and it seems to be the same way with its templates. Does movable type allow that, a css field?
I suspect one of the Code Capuchins on the blosxom mailing list could figure it out, but I'd have to know how to phrase it as an interesting problem to be solved by perl--not really my bag, you know. Hmm.
Wed, 2003-12-17 14:04
#3
adding style to an individual blog entry
If you'd written the whole system yourself it'd be an easy job to do... but as not...
The extra stylesheet I suggested, could be used if you added it to the standard header - the only plus this way is it keeps the 'extra' CSS separate from the 'normal' CSS, but is still included on every page...