Opinions Wanted

It doesn't matter if you do all the error checking in the world, or if you have the most beautiful graphics, if your site or application design isn't usable, it's not going to do well. Get input and advice on usability and user interface issues here.

Moderator: General Moderators

Bigun
Forum Contributor
Posts: 237
Joined: Tue Jun 13, 2006 10:50 am

Post by Bigun »

Added a width:800px; and it centers...

But I still am not sure where to start on the CSS layout...

But it's also semi-disheartening to find out all the HTML code I learned 4 or so years ago is almost completely useless if not nearly nausiating to most modern coders.
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

Bigun wrote:But it's also semi-disheartening to find out all the HTML code I learned 4 or so years ago is almost completely useless if not nearly nausiating to most modern coders.
Think of it this way.. 80% of what you learned is still 100% accurate code. The other 20% have just been migrated out to stylesheets, and still have similar syntax. Font size = 8, is now font-size:8px. Not a huge change.

In exchange for learning those 20% of changes, you gain cross-browser compatibility, better rendering on mobile and portable devices, and even solid support for accessibility tools.
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

The settings need to be auto, not center. You can have center aligned text, but not center aligned margins.
Bigun
Forum Contributor
Posts: 237
Joined: Tue Jun 13, 2006 10:50 am

Post by Bigun »

Ok.. the site is chopped badly... but I'm getting an idea for what I would like.

First and foremost I'd like to center the links in the middle of the page.

Secondly, I'd like to take the back navbar (navbar.jpg) and span it accross the length of the page.

There is more, but I think I might be able to manage it on my own.

Forgive me if there are sloppy and/or useless CSS properties set, I learn by trial and error, but please... point them out.

*EDIT*

I got the navbar to go across the page by killing a <div> tag... still need help centering my navbar selections.
Bigun
Forum Contributor
Posts: 237
Joined: Tue Jun 13, 2006 10:50 am

Post by Bigun »

I felt as if I dove into the firey pits of Mordor and come back much more knowledgable.

That said I want you guys to take another look:

http://www.cybergrunge.com/test

Ignore 1 thing please: The Font

My main concern now is to make this *not* look like poo in IE.

Help?
User avatar
Weirdan
Moderator
Posts: 5978
Joined: Mon Nov 03, 2003 6:13 pm
Location: Odessa, Ukraine

Post by Weirdan »

User avatar
Weirdan
Moderator
Posts: 5978
Joined: Mon Nov 03, 2003 6:13 pm
Location: Odessa, Ukraine

Post by Weirdan »

You are disclosing local file paths by not redirecting errors to log file:
Warning: mysql_numrows(): supplied argument is not a valid MySQL result resource in /***path removed***/test/browse.php on line 127
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

CSS still isnt compliant, and the tabs at the top look like Poo in Firefox.
Bigun
Forum Contributor
Posts: 237
Joined: Tue Jun 13, 2006 10:50 am

Post by Bigun »

Roja wrote:CSS still isnt compliant, and the tabs at the top look like Poo in Firefox.
They shouldn't, may I see a screenie?

*EDIT*

The *only* non-compliant part should be the proprietary mozilla menu properties (-moz... something)
Bigun
Forum Contributor
Posts: 237
Joined: Tue Jun 13, 2006 10:50 am

Post by Bigun »

Weirdan wrote:You aren't filtering user input:
http://www.cybergrunge.com/test/view.ph ... /script%3E
O.o

Jeez, I only thought you had a need of filtering stuff in the POST method boxes...
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

Bigun wrote:
Roja wrote:CSS still isnt compliant, and the tabs at the top look like Poo in Firefox.
They shouldn't, may I see a screenie?

*EDIT*

The *only* non-compliant part should be the proprietary mozilla menu properties (-moz... something)
http://jigsaw.w3.org/css-validator/vali ... %2Ftest%2F

Multiple errors, one not related to the moz-prop menu properties, and a dozen (easy to fix!) warnings.

The tabs at the top I think come down to the white line being too thin, or not antialiased, or something.. That and I don't really like the "buttons behind a bar", when the buttons are the same color. Thats a conceptual thing, and subjective to the max. :)

I'll try to up a screeny later tonight.
Bigun
Forum Contributor
Posts: 237
Joined: Tue Jun 13, 2006 10:50 am

Post by Bigun »

Roja wrote:
Bigun wrote:
Roja wrote:CSS still isnt compliant, and the tabs at the top look like Poo in Firefox.
They shouldn't, may I see a screenie?

*EDIT*

The *only* non-compliant part should be the proprietary mozilla menu properties (-moz... something)
http://jigsaw.w3.org/css-validator/vali ... %2Ftest%2F

Multiple errors, one not related to the moz-prop menu properties, and a dozen (easy to fix!) warnings.

The tabs at the top I think come down to the white line being too thin, or not antialiased, or something.. That and I don't really like the "buttons behind a bar", when the buttons are the same color. Thats a conceptual thing, and subjective to the max. :)

I'll try to up a screeny later tonight.
Oh... your using CSS 2 validation... mine is CSS 3 compliant:

http://jigsaw.w3.org/css-validator/vali ... medium=all

All save that moz-border-radius property..
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

Roja wrote:CSS still isnt compliant, and the tabs at the top look like Poo in Firefox.
In Opera 9 the tabs look like squares hanging from the upper window menu bar. In FF, there is this big black rectangle that sits over the color changing squares. In Opera, that big black rectangle is gone.

And you are getting MySQL errors on this page (possibly others, but I haven't surfed the entire site yet):
http://www.cybergrunge.com/test/browse. ... tyle=metal

And your footer link to return to the main menu in the bottom of this page is broken:
http://www.cybergrunge.com/test/search.php
Bigun
Forum Contributor
Posts: 237
Joined: Tue Jun 13, 2006 10:50 am

Post by Bigun »

Everah wrote:And you are getting MySQL errors on this page (possibly others, but I haven't surfed the entire site yet):
http://www.cybergrunge.com/test/browse. ... tyle=metal

And your footer link to return to the main menu in the bottom of this page is broken:
http://www.cybergrunge.com/test/search.php
I fixed the MySQL error... thanks..

As far as the link goes, I'm not seeing what you are seeing.. it seems to work fine here
User avatar
MrPotatoes
Forum Regular
Posts: 617
Joined: Wed May 24, 2006 6:42 am

Post by MrPotatoes »

being web designers (you and me) we shouldboth know better than Black and White is not only early 90's we aren't in Geo Cities.

please, use other colours. it hurts my eyes and it just looks bad
Post Reply