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.
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'
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.
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.
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.
From: A graveyard of dreams Insane since: Mar 2001
posted 04-18-2003 22:12
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"
From: A graveyard of dreams Insane since: Mar 2001
posted 04-26-2003 00:03
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"
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).]
From: A graveyard of dreams Insane since: Mar 2001
posted 05-01-2003 20:48
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).]
posted 04-17-2003 22:51
