Right now, until I throw together some new graphics for my custom skin, I am using the "mars-spirit" skin for my b2evo blog. I ran into a problem though;
aligning an image right, makes it disappear.
(doesn't matter if you use the marginright class or align=right)
As odd as it was, I tried tearing the skin apart to figure out why. Although I think I know why it does this, instead of tearing up the skin I figured on a better solution...that may even help if this ever occurs again in another skin.
in the rsc/img.css I added this line to the end:
img.btf {
position: relative;
z-index: 2;
}
Now if I tag the img as a "btf" class (named for "bring to front"..get it? :) )
the image will be popped to the front above the style coding, but the position:relative should keep the monster caged in the parent boxing.
Quick and dirty. Don't know if it's the "best" solution, but it works and can be turned on and off easilly in any skin.
Dr.Chi,
I couldn't get to your URL supplied (Operation Timed Out). Too bad, as I wanted to have a peek.
I've had limited success using the z-index property, mostly because (if I remember correctly) it only works on inline elements which have BOTH been positioned. (And I generally try to use it on ANYTHING, positioned or not!)
Dumb me! ;)
So ... as a consequence, I've added z-index to my phobic list of CSS properties ... right along with nested lists and vertical/horizontal centering for any/all objects.
I can, however, think of another result for your 'btf' initialism. 8|
-Scott ;)