January 10, 2010

Site formatting test

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.


/images/03668.jpg

/images/03669.jpg

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.

/images/03670.jpg

/images/03671.jpg

/images/03672.jpg

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.

1 Okay, HOW did you do it?  I've been wanting to do something similar at The Pond for a while now.

Posted by: Wonderduck at January 10, 2010 07:18 AM (Cpxcy)

2

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)

3

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)

Hide Comments | Add Comment

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.
7kb generated in CPU 0.0102, elapsed 0.0208 seconds.
20 queries taking 0.0145 seconds, 20 records returned.
Powered by Minx 1.1.6c-pink.