Topic: markup, bugs, layout, whatever (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=10465" title="Pages that link to Topic: markup, bugs, layout, whatever (Page 1 of 1)" rel="nofollow" >Topic: markup, bugs, layout, whatever <span class="small">(Page 1 of 1)</span>\

 
JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 10-31-2003 22:15

free for all on this for whatever strikes your fancy please?

Current bugs I'm aware of are actually listed on that page. Any suggestions on fixes or anything else at all to do with the page's layout, markup, whatever, are welcome. The header graphic up top is simply foo so don't get too fussy on that point.

I've put a few hours into this and will probably have to stop for a bit so I offer it up to the collective while I move on - hit me.

Jason

[edit]moved from /tmp[/edit]

[This message has been edited by JKMabry (edited 11-13-2003).]

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

posted posted 11-01-2003 00:17

Didn't look too hard but I think the div tag that is not closed is the right_col (bad id by the way).

Jestah
Maniac (V) Mad Scientist

From: Long Island, NY
Insane since: Jun 2000

posted posted 11-01-2003 00:32

Nice work Jason.

Overall I think its a real nice layout. Everything looks nice but I think you can do a better job with the tabs. They're kind of dull. Other then that it looks great.


Jestah

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 11-01-2003 03:55

Overall it's well done. Lotsa stuff to fit into that page...

First complaint - too wide. Had to enlarge my browser window, well above 800 to fit it.

The 'buggy' image at the top - I assume that's a placeholder? If so, what will be there? If not....what is it there for? =)

The tabs are a bit weak - they could use a good amount of attention - they blend into the clutter a little too much. Also, when on the home page, it seems the 'home' tab should be active.

The rest of the page works very well IMO. The right-align of the headers in the left column is something I don't normally carefor, but it works great in this situation - helps hold left and right sides of the page together.

Need left padding on the input fields.

Seems like there should be a more significant footer. Looks like you might already be planning for that though...

Can't find any issues with the code at all. I do believe it is the right_col div that is unclosed - certainly don't have the patience to actually count them out though

All in all nicely done. Is this for a local league.....?

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 11-04-2003 07:43

why is right_col a bad id?

yeah the tabs were just the last thing I feebly took a whack at before I ran out of time, about 30 seconds before I posted it they were all blue underlined links =) I'll definitely need to work those over.

I'm not looking forward to figuring out the jiggling in IE and the extra .story div bit (which is still there after closing right_col).

DL: sorta local league, yeah.

thanks for the input

Jason

Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

posted posted 11-04-2003 09:17

I believe HZR was referring to the fact that "right_col" relates to the presentation of the page and not the structure* or function. If you were to give the div a structurally/functionally related name, it would be something like "content" or "updates" or something of that sort. The whole idea behind css was to separate content/structure from presentation--HTML is a structural markup language, and thus should define the page structure, not it's presentation (that's where CSS comes in).

The practical advantage to this is that if, at some point in the future, you decide to rearrange the elements on your page, you won't have to go through and rename all your divs, and you won't get confused about what goes where. And it's just generally considered good practice.

Geez, I sound like a perfect little Zeldmanite running around here...

__________
*When I say "structure" I mean "information structure," not "physical structure" (which would basically be presentation).
__________

As for the site itself, not much to add to what's been said above. To be honest with you, I'm not too crazy about the color scheme (monochrome with straight red and blue), and my anal retentive self is also not too happy with the differently colored links. I generally like consistency in that area, unless you've get text on variously colored backgrounds and you need to change link color for readability purposes. That doesn't seem to be the case here, though.


___________________________
Suho: www.liminality.org

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 11-07-2003 20:45

this is weird: if you go to the main link specs in the style sheet (line 34) and change the background-color for :hover to transparent it stops the jiggling problem in IE

can anyone tell me why in the world color would have anything to do with space

Jason

ozphactor
Maniac (V) Inmate

From: California
Insane since: Jul 2003

posted posted 11-07-2003 21:11

No, but I can tell you that I've encountered that exact same bug...

krets
Paranoid (IV) Mad Scientist

From: KC, KS
Insane since: Nov 2002

posted posted 11-12-2003 05:47

Here's something that bugs me in Firebird:



Your tabs aren't centered in that top bar. The text field is nice and centered but the tabs aren't. I don't know why that bugs me so much but it does.

:::11oh1:::

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 11-12-2003 07:19

yup, the tabs on that iteration were not exactly close to done, just a placeholder, is quite different now and all working relatively perfectly. And thanks to everybodies for the input and help, I changed the id you anal retentive purists

Jason

warjournal
Maniac (V) Mad Scientist

From:
Insane since: Aug 2000

posted posted 11-13-2003 14:57

I'm all for taking it easy on the eyes with shades of grey, but I find myself squinting a tad to see the subdued numbers. A touch more contrast?

Are you going to tweak the link colours or leave them? Just curious.

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 11-13-2003 18:08

current working layout

I assume you're talking about the calendar contrast since you metioned "numbers"? I actually tested that contrast on a washed out monitor and they were 'visible', not 'comfortably readable' but visible, which is what I was going for. The only ones you need to be able to see comfortably and at-a-glance are the linked ones, and those stick out like a sore thumb. For you though, an extra 10% and no more!

Yessir he link colors are gonna be left in place as is [edit]I did remove the background color for the :hover as it was making stuff dance around in IE[/edit]

always listening to and appreciative of the feedback, thanks to everyone who gives it.

Jason

[This message has been edited by JKMabry (edited 11-13-2003).]



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu