Topic: improving grounds -> Pages that link to <a href="https://ozoneasylum.com/backlink?for=10363" title="Pages that link to Topic: improving grounds -&amp;gt;" rel="nofollow" >Topic: improving grounds -&gt;\

 
Author Thread
stunt
Nervous Wreck (II) Inmate

From: Berlin - Germany
Insane since: Apr 2003

IP logged posted posted 04-17-2003 22:51 Edit Quote

hi,

i would like to get a review of http://knd-squad.oneshell.de/
me know's that graphics are weak, i'm sorry for that.

please give advise, and comment on my mistakes.
thanks in advance



Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 04-18-2003 04:05 Edit Quote

Welcome to the Asylum, stunt. If you haven't seen it already, you might want to stop by our FAQ for newcomers.

A few quick comments on the site:

  • "This website is only viewable using IE @ 1337 x 768 resolution or higher." Wow. First of all, who uses a resolution of 1337 x 768? I use 1024 x 768, and that's pretty standard. Secondly, "only viewable" is rather harsh wording. I usually dislike it when people use phrases like "best viewed in," but you've gone one step further in trying to alienate visitors. If I weren't here for a review, I would have been gone after reading that. And, for what it's worth, I had no problems viewing the site at 1024 x 768.
  • That's a rather large and pointless splash graphic you have there. Why have a splash page at all? I don't really see the point.
  • The first thing I noticed on entering the page is that you don't have encoding specified, which means I see a bunch of question marks instead of letters in certain places. You might want to read up on the importance of encoding.
  • That splash graphic is too large to use as a title graphic. It takes up too much valuable vertical real estate. Keep the side menus, but tone down the title graphic.
  • That's one tortured table layout you've got there. This site is the perfect candidate for the soothing ministrations of CSS. You might want to start with the list of CSS tutorials in the FAQ (or just go to the FAQ search page and type "css").


That's about all I have for now. Hope I wasn't too harsh on you--just consider it your initiation.




www.liminality.org

stunt
Nervous Wreck (II) Inmate

From: Berlin - Germany
Insane since: Apr 2003

IP logged posted posted 04-18-2003 14:12 Edit Quote

thanks.

  • design is in 1024. using 1337 (its leetspeak) is just a joke. sry.
  • well that silly splash page is needed, because i didn't want those 5 litte buttons on the page. so i put them on the splash page.
  • thank u for that hint about encoding. i never knew about that. but it's logical that chars would be different.

    i use now:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

    <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    html 3.2 works. 4.1 doesn't. i dont know why.

    is that problem fixed now?
  • css: thats a lot of work. lets start...



,-)

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 04-18-2003 15:57 Edit Quote

just one small note -

quote:
design is in 1024



Explain that. What do you mean the 'design' is in 1024?

I'm at work, using Mozilla, at 800x600 resolution, and it looks the same as it did when I was at home using IE at 1280x960...

That is a good thing (that it works on different in different browsers and at different resolutions), so please - skip the note to use a specific broswer and resolution, and try to remove the concept from your head altogether.

I'm also curious what you mena by 'HTML3.2 works, 4.1 doesn't'

What do you mean by "works" and "deosn't"?



stunt
Nervous Wreck (II) Inmate

From: Berlin - Germany
Insane since: Apr 2003

IP logged posted posted 04-18-2003 16:23 Edit Quote
  • ok - 1024 concept removed !
  • encoding: as said above, i should use this encoding to display charsets in the right way.



    i already had this tag: <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    and i added: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    but this code messes all things up (table sizes, picture sizes... )



    with these line everything is fine:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">



,-)

[This message has been edited by stunt (edited 04-18-2003).]

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

IP logged posted posted 04-18-2003 17:05 Edit Quote

That's because your using the HTML 4.01 strict Doctype. Try using the 4.01 transitional one instead. Although if things do go funky when using the strict DTD then maybe you have errors in your code, after all, the DTD simply tells the browser how to treat to document. Using a strict DTD the browser will be very strict with your mark-up, any unclosed or improperly nested tags could cause a world of display and layout problems.

The best way to try and fix these problems is to use the w3C's validator. If you can get your page to validate properly under a certain Doctype and you still have issues then and only then should you consider dropping back to a HTML 3.2 doctype.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 04-18-2003 18:43 Edit Quote

Yep - I would highly recommend sticking with the html 4 strict, and use the validator to hunt down the areas in your code that are causing the problems.

Following the errors and suggestions from the validator, and migrating to a CSS controlled layout will be a huge step in right direction.

A simple as this layout is, I would even recommend jumping right up to XHTML 1.0 strict. It's not much work to make the change, all things considered.

Check the coding section of the tutorials at the Gurus Network for some introductory tutorials for CSS and an explanation of XHTML.



HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 04-18-2003 19:15 Edit Quote

First thing that happens to me when I click the link is that I get a javascript error. The next thing that happens is that the window is moved to the top left corner. Then I get another javascript error.

stunt
Nervous Wreck (II) Inmate

From: Berlin - Germany
Insane since: Apr 2003

IP logged posted posted 04-18-2003 19:31 Edit Quote

that javascript error should be fixed now.

i try to migrate to xhtml1.
starting the header from scratch.

let's see how far i get... today



,-)

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 04-18-2003 19:49 Edit Quote

One javascript error still there. And do not resize my browser window again.

Veneficuz
Paranoid (IV) Inmate

From: A graveyard of dreams
Insane since: Mar 2001

IP logged posted posted 04-18-2003 22:12 Edit Quote

The page doesn't work in Opera7. I get the preloading image, but when it is done I'm left with a blank screen...

You should never resize the users browser window. There is no reason why it is needed. If the design requires full screen you should change it. It is possible (at least in Mozilla and Opera) to disable javascript's control over the browser window, so you won't be able to change it's size and you should make the page work in these browsers as well...

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"

stunt
Nervous Wreck (II) Inmate

From: Berlin - Germany
Insane since: Apr 2003

IP logged posted posted 04-18-2003 22:29 Edit Quote

ok. got it. resize function removed.

-

this is my oldpage with table and messed up css: http://knd-squad.oneshell.de/main.php?open=news

now i'm tryin to figure out a table free css-box layout. but it won't work. http://knd-squad.oneshell.de/newknd.php


please help. thanks.

[This message has been edited by stunt (edited 04-21-2003).]

stunt
Nervous Wreck (II) Inmate

From: Berlin - Germany
Insane since: Apr 2003

IP logged posted posted 04-25-2003 23:46 Edit Quote

is someone able to help?

,-)

Veneficuz
Paranoid (IV) Inmate

From: A graveyard of dreams
Insane since: Mar 2001

IP logged posted posted 04-26-2003 00:03 Edit Quote

Don't have time to read through all the code now, but hopefully it will be of some help.

You should change the width of the .redboxed to a precentage instead of a fixed width as well as set it's position to relative.

If you want to center something horizontaly use margins: Npx auto; This will set the top and bottom margins to Npx, while it will be centered horizontaly. You should use this method to center the content areas, as well as to center the redboxed in the two navbars. Not sure if this works in older browers though...

If you ask a more spesific question next time it will be easier for us to help you...

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"

stunt
Nervous Wreck (II) Inmate

From: Berlin - Germany
Insane since: Apr 2003

IP logged posted posted 05-01-2003 14:57 Edit Quote

1. how to center my header ?
2. how to get the 2nd and the 4th box (left and right besides the logo) verticaly centered?
http://knd-squad.oneshell.de/

thanks.

[This message has been edited by stunt (edited 05-01-2003).]

Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 05-01-2003 15:47 Edit Quote

Hmm... don't know why I've been missing this thread. Sorry I haven't gotten back to you.

If you're trying to figure out CSS now, I would recommend dropping any questions/problems in the CSS forum where you will have a much wider audience and one better suited to answering your questions (I'll be over there, though, as I'm sure DL and others will be too, if you decide to drop by). This forum is really more suited for reviewing finished products than CSS, coding, etc.

[Edit: And for what it's worth, I'm getting a 404 on that link. Maybe it's just me, but you might want to double-check it before you drop anything into the CSS forum.]

[This message has been edited by Suho1004 (edited 05-01-2003).]

Veneficuz
Paranoid (IV) Inmate

From: A graveyard of dreams
Insane since: Mar 2001

IP logged posted posted 05-01-2003 20:48 Edit Quote

Got a 404-page earlier, but it is working now. Noticed that you have a 'page is valid xhtml1' thingy at the bottom of the page. You should remove it, since the page isn't valid...

And in answer to your questions:
1. To center something horizontaly set margin: 3px auto (the first number can be whatever you want...).

2. What do you want them to be 'centered around'. Center them so they are vertically centered on each side of the logo? Center them vertically with regard to the browser window? with regard to the whole page height? No matter what answer the solution will be similair to the horizontal centering, just switch the two numbers...

[Suho's echo:] You should take these kinds of questions to the CSS forum. The forum is there to answer these kinds of questions so it should be used for it.

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"

[This message has been edited by Veneficuz (edited 05-01-2003).]



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


« BackwardsOnwards »

Show Forum Drop Down Menu