Comments on: yet another redesign

By: Jean

Jean — Wed, 21 Jun 2006 04:01:19 +0000

Yay, I think I just had to reset the K2 options setting. I don’t think I needed the hack at all. Back to real work now.

By: Jean

Jean — Wed, 21 Jun 2006 03:59:12 +0000

OK, so I found where the parameters for flexible width are set, and I hacked it like so:

From this:
body.flex #page { /* For the flexible-width setting. Not IE compatible */ width: 80%; min-width: 780px; max-width: 1000px; }

To this:
body.flex #page { /* For the flexible-width setting. Not IE compatible */ min-width: 780px; max-width: 780px; }

Even though I have flexible width *off*, this should override any overrides? Urgh, I don’t know.

By: Nick Caldwell

Nick Caldwell — Wed, 21 Jun 2006 03:56:14 +0000

ok, it’s all nice and fixed now. excellent.

By: Nick Caldwell

Nick Caldwell — Wed, 21 Jun 2006 03:53:50 +0000

It might be something you need to edit out of the actual html template. Not too sure. I’m a textpattern hacker by preference. But damn, that citations plugin is awfully tempting.

By: Jean

Jean — Wed, 21 Jun 2006 03:50:30 +0000

I’m sure I have ‘fixed width’ set in K2 options [sobs]. Is it still like that? Will poke around in the master stylesheet and see if there’s anything I can do.

Academic citations plugin is here: http://www.academicsandbox.com/academic_citations.html
‘Sociable’ plugin for social bookmark buttons is here: http://push.cx/sociable
Search pages (and not just blog entries) plugin is here: http://randomfrequency.net/wordpress/search-pages/

By: Nick Caldwell

Nick Caldwell — Wed, 21 Jun 2006 03:37:32 +0000

oh, and omigod, what plug-in are you using for the academic citations thingy?

By: Nick Caldwell

Nick Caldwell — Wed, 21 Jun 2006 03:36:23 +0000

It’s cos the individual article page, at least, has the .flex class assigned to the body element. That means when you’ve got a wide, wide screen, the header will expand beyond the width of the background image, leaving white-space gaping on each side. My screen here is 1680px wide, so I get the gaping. (iMac G5 20″ running Safari 2.0.4 on OS X 10.4.6)

I’d suggest killing the .flex class and staying with a fixed width. flexible width is hard to manage when you’re trying to incorporate non-stretching imagery within the overall composition of the page.

I’ll send a screenshot shortly.

By: jean

jean — Wed, 21 Jun 2006 00:19:54 +0000

you are not being pedantic at all, Nick - at least no more pedantic than me. (hmmmmm)

The faded edges in photoshop would be pretty trivial to do, but it’s an ugly hack - I’d rather get the layout right!

However, I’m not seeing what you’re seeing. On my screen in both Firefox and Safari the header image is flush with the container - both are set to 780 px, so that’s what I would expect. I noticed it was repeating yesterday so I set it to center and no-repeat in my stylesheet.

What are your system specs and what does it look like to you? Is it just the width or the height? Any chance of a screenshot?

By: Nick Caldwell

Nick Caldwell — Wed, 21 Jun 2006 00:04:06 +0000

looks like the header image stopped tiling. i wonder if having a background colour as a strip the full length of the content for the header with the image fading out to the background colour on each side would work.. it would mean you don’t have to worry about making a tiled image each time (though there would be overhead in photoshopping the fade out) and the navigation tabs would maintain the separation line from the content.

and with that comment, i have achieved total design pedantry.

By: Jean

Jean — Tue, 20 Jun 2006 06:28:23 +0000

…but then I changed it just slightly anyway