January 10, 2010
A long time ago I did some messing around with the site format with the goal of making the body of an individual post wide enough to accomodate an 800 pixel image.
I failed. Somehow or other I ended up with a 45 pixel margin on the left side, and only 770 pixels in the middle where images and text could be displayed.
Tonight I dug into it again, and figured out what I did wrong. Or at least I think I figured it out. This post is an experiment to see if I was right. Below the fold are five 800*450 images from ep 13 of To Aru Kagaku no Railgun of the girls in swimsuits, to test to see if I got it right.

If you're wondering what's going on with those two pictures, Mikoto is doing some cooking. Their gas burner didn't work, so Mikoto is using her electrical power to induce eddy currents in the metal containers in front of her to heat them up and cook the food that's inside them. It's the same principle as an inductive stove.



And, it worked. Hooray! No more 720 pixel images around here.
If they don't look right for you, then you need to clear your browser cache. I ran into that problem after I uploaded the new "mee.css" file.
Posted by: Steven Den Beste in Site Stuff at
12:26 AM
| Comments (3)
| Add Comment
Post contains 225 words, total size 1 kb.
Posted by: Wonderduck at January 10, 2010 07:18 AM (Cpxcy)
I created a new CSS rule in the "mee.css":
#body-full {
WIDTH: 830px; FLOAT: left; OVERFLOW: hidden
}
In the "page entry" file I put a div around the whole thing with that name:
<div id="body-full">
And somewhere I removed code which would have included the sidebar on the right, but I can't figure out where that was. It may also have been the "page entry" file.
Before you start screwing around, though, you should download copies of all the formatting files for backup, so that you don't end up like BrickMuppet.
Posted by: Steven Den Beste at January 10, 2010 08:37 AM (+rSRq)
I also changed the "main" CSS rule:
#main {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 130%; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 830px; PADDING-RIGHT: 0px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; PADDING-TOP: 0px
}
Posted by: Steven Den Beste at January 10, 2010 08:42 AM (+rSRq)
Enclose all spoilers in spoiler tags:
[spoiler]your spoiler here[/spoiler]
Spoilers which are not properly tagged will be ruthlessly deleted on sight.
Also, I hate unsolicited suggestions and advice. (Even when you think you're being funny.)
At Chizumatic, we take pride in being incomplete, incorrect, inconsistent, and unfair. We do all of them deliberately.
How to put links in your comment
Comments are disabled. Post is locked.20 queries taking 0.0145 seconds, 20 records returned.
Powered by Minx 1.1.6c-pink.