jeffreyatw.com v8 is up.
It’s supposed to be a more fun, casual layout… and definitely more colorful. Tell me if anything looks wrong, and feel free to give me suggestions. I’d like this layout to be very appealing and very easy to use. Well, that applies for all layouts, but you know. Hey hey lats go.
Looks pretty happy.
In Opera, the image doesn’t repeat itself…
http://planetjuri.com/michiru/tempjeff2.jpg
But in IE, it does. However, this is a problem in IE:
http://planetjuri.com/michiru/tempjeff.jpg
The problem has to do with the loading order of elements on the page. The stupid thing:
the spans that contain the shadow images on the right and left of the blog – they’re set to a height of 100%. That height is determined right after the text on the page is loaded. But THEN, the images load, stretching the table out – and the shadow images don’t adjust to fit the new height.
I need some (non-DHTML) way of getting these to adjust to the varying table width. I might be able to do something in terms of replacing TABLEs with DIVs… but I really have no idea where to start.
Any suggestions on your part? 😛
You could use tables, just put the image as a background… and then the ender as an actual image on the page.
That’s how I did Jennie’s layout, and it looks the same in all those browsers specified on the layout.
It’s a better idea to measure things out and use pixels– resolutions might make some of it look funny, I think I have the same resolution as you, so it’s fine to me.
I’m really sleepy, so if I typed something that doesn’t make sense, sorry.
Oh yes, don’t worry about putting in a fixed height for the table– the background will repeat itself if you’re using the table’s background. Forgot to mention…
Here’s my problem, though – the reason why I can’t use this image as a background is because there’s no non-Javascript (LJ does not support JavaScript) way to display alpha-transparent PNGs properly in IE – that is, there is a CSS way to do it when images are displayed in SPANs, but not when they’re displayed as an attribute in a BACKGROUND tag.
If only IE weren’t made of crap, it would be so much easier to code this page.
Hmm, rather than using alpha-transparent pngs, why don’t you just use it without transparency? (Take a screenshot, and just use that physical image) I know that looks kind of weird, but it’ll work that way, I think… I’ve never tried using just a plain png as background. Do you think that will solve it?
I don’t think it will solve it, because I made the choice to have a lined background. (If you look closely, you’ll see it’s comprised of 2 different colors.) It gives a nice effect. I COULD just make it so the background is one solid color, and I could rely on something else to give it a nice design, but um… yeah. I guess there’s no way around doing that.
http://www.jeffreyatw.com/v8/head.png – take a look at the head of the image – in IE, you’ll notice that its background is grey-ish, but in other browsers, it’s the color of the browser background (um, white probably). That’s the transparency I’m talking about. Gah stupid IE I hate you for making me simplify my layouts.
You’re right, I just noticed that now.
._. I don’t know what to do, sorry.
Looks like you fixed it, nevermind.
Looks like Oh Fuck! layouts will like you lots more, now =)
Ahahaha, NO. But hey, it’s worth a critique or two.
I like!
Thax 😀
Needs more no tables. The people want padding. I like the look.
More no tables? Where could I use padding instead?
Separate statements three.
Don’t use tables, put some padding in the main box so the text isn’t all scrunched up against the side, and it looks good boss.
I could put a few more pixels of padding in the main box, I guess.
And what do you suggest instead of tables? DIVs?
Of course.