HELP! Does this work?

[auronlu]

EDIT: THANK YOU EVERYONE! I have now got a working mockup. Disregard request below...


Guinea pigs needed to test out a webpage layout in different browsers and operating systems!

Please to click on This Dummy Webpage and tell me if it looks right.


1. The ornamental frame should hug the page as you resize the window.

2. The text blocks shouldn't overlap each other or the graphics. (It's okay if the title block in white has some text chopped off the bottom.)

3. The graphics shouldn't take too long to load in. (I may program them to pre-load, but I've compressed them to fairly dainty file sizes.)


I'm still not quite proficient in CSS positioning, so after trying desperately to use CSS to replicate my ancient Medieval Scroll Trick done with tables, I committed the cardinal sin of mixing tables and CSS. But at least this one doesn't use frames, which are even more verboten. The old AuronLu Shrine does.

Comments

[lassarina]

WinXP/Firefox 3.3, widescreen 1024x768. The ornamental frame is not resizing when I resize the window, and for some reason, even when I have maxed browser window, I'm seeing a horizontal scroll bar at the bottom. I can screencap if you need.

[auronlu.livejournal.com]

Feh. Yes, please!

[lassarina]

http://pics.livejournal.com/lassarina/pic/0001a6gp Let me know if the link doesn't work, I often fail at scrapbook.

[auronlu.livejournal.com]

Yay!
That's how it's supposed to look.
I've tried putting the navbar in various different places. That's not perfect, but it's good enough, if only IE wouldn't crap out.

[lassarina]

When I loaded it previously, the navbar was split, half to the left of the logo and half to the right.

The only thing I'm wondering about is why I have a horizontal scroll.

[auronlu.livejournal.com]

Because I'm a dork and I'm not entirely sure how to make it fit a narrow window. The only thing that's being cut off on your screen is part of the righthand ornamental border, which isn't content.

I moved the second half of the navbar to the left so that it won't get cut off if someone's got a narrower screen.

Oh, for actual training! Self-taught and trying to do too much is a dangerous combination.

[lassarina]

I recommend the O'Reilly series if you want to really thoroughly learn how to do something - I learned HTML from them and it was awesome.

[auronlu.livejournal.com]

Thanks!

HTML does backflips for me. CSS is where I hit my limit.

[lassarina]

For the relatively simple things I do for my site (The RPG Place), everything does backflips, including PHP.

One of these days I'll really learn CSS.