Click to See Complete Forum and Search --> : Hopefully A Better Review!!!


JDM71488
04-04-2004, 06:07 PM
Hello,

Well, it has been about 3/4 of year or so I guess since my last review... I have totally changed my website, and this time I HAVE a doctype and I know there are probably things I left out but can you take a look and tell me how it looks in different browsers and all?

Id appreciate it!

JDM

steelersfan88
04-04-2004, 06:20 PM
Well you have my vote. I like the site, except for one major problem. Since all of the menu items have a page linked to, the contact me link should also. You could easily create an emailed form or just a link to your address here, but it would just make it all structured equally. Other than that, simple, not too many images, menu good (maybe have bgcolor change also onmouseover in addition, but this is your call) :)

JDM71488
04-04-2004, 06:26 PM
I liked your idea about a contact page, so I made one. For now it just has the email link but I will later make a form and have it mailed to me by a submit button and some php so the user's mail won't have to pop up...

steelersfan88
04-04-2004, 06:45 PM
looks good, the click to get in page should also be on a 5 second redirection, therefore automatically doing the click for you, in my opinion. that way, if users are using more than one browser window, and go to your url, and quickly go to a different window wile loading, the page will redirect to the actual home page without the user being forced to click.

JDM71488
04-04-2004, 08:03 PM
Another good idea... It is set for 5 seconds which gives the user time to read the fact that it will refresh... Anybody else got any suggestions?

steelersfan88
04-04-2004, 10:18 PM
the site looks good. i really can't come up with anything more, which is a good sign for you :)

spufi
04-04-2004, 11:06 PM
In a way there isn't much there to the design(not exactly a bad thing) so there's isn't much to reall harp on. I think I just have more personal issues than anything major. I'm not 100% fond of using the white background for the "you are here" menu. Why do you have a id set to auth and then you also have a class of the same name? You should be able to format it how you want without the <span> tag. You don't really need comments in your code about the Doctype and your site being valid. A person can see that when they view your site. I'm not a real big fan of counters. Doesn't your host provide that type of info? Take a look at the Taming Lists link in my sig for a different way of doing your menu. Again, most of these are just personal prefernce, so take it for what it's worth.

PeOfEo
04-04-2004, 11:09 PM
Well like sspufi said, not much of a design, not much to look at. www.csszengarden.com compare those to your site :D , alright alright I know those sites are awesome and the graphics are amazing and it would take any of us a lot of time and effort to make something that awesome, but you might get some layout inspiration there. Its good that your markup is valid, but I like something easy on the eyes too.

JDM71488
04-04-2004, 11:20 PM
Yeah I have already visited csszengarden before... :( LOL They are amazing... spufi I didn't even realize the double auth thing. I will fix it, and try to make more of a design... I just don't really have any more ummm ideas if you would... I do some websites for my school and for local schools, but see I used tables for the elementary school (the principal wanted to edit the content)...

Now that I am back with divs for layout it's like I'm stuck. I ALWAYS use two columns (menu and content) like mine currently and I have no more ways of doing it... This is the first one I've done where I have no header, and I just placed the logo above the content.

How do you guys get new ideas and come up with color schemes and get all your influences, because I'd like to take web design to the next level and maybe be where you guys are one day... but if I keep running out of ideas now is that a bad sign???

Thanks all! :)

JDM

PeOfEo
04-04-2004, 11:25 PM
zen garden! color schemes, do a google search for color schemes, you will find 20 or so good scheme makers. I just sort of look around and come up with stuff somtimes. For example: This girl I know was talking about how old condemned buildings look cool, I took a picture of one, decided a right align would look good. So I put all the content on the right, the bulding on the left, fixed, and then the menu ont he far right a red background. Then wham I have a new creation. I actually just lied about that, I never finished that layout, but I know exactly what it would look like.

JDM71488
04-04-2004, 11:36 PM
Yeah, I mean sometimes I will get really lucky and one will pop into my head, but even then I have to do it and that is the hard part... It's even been hard lately to get good ideas :( But if I mess around with photoshop I usually get one here and there... But it takes forever!

dera
04-21-2004, 02:02 AM
Bandwidth Limit Exceeded
The server is temporarily unable to service your request due to the site owner reaching his/her bandwidth limit. Please try again later.
--------------------------------------------------------------------------------

Apache/1.3.29 Server at www.accessjdm.com Port 80

JDM71488
04-21-2004, 05:03 PM
yeah.. i hosted a 25mb wmv movie for my school off my site.... not even thinking about the bandwidth so it ate it up. it will be back the rest of this month, and i have a new layout already made... i'll reply when i get it back up...

PeOfEo
04-22-2004, 08:52 PM
Originally posted by JDM71488
yeah.. i hosted a 25mb wmv movie for my school off my site.... not even thinking about the bandwidth so it ate it up. it will be back the rest of this month, and i have a new layout already made... i'll reply when i get it back up... umm how low does your host cap you.

JDM71488
04-22-2004, 10:16 PM
1000mb per month

vinoth
04-23-2004, 02:44 AM
Originally posted by spufi
In a way there isn't much there to the design(not exactly a bad thing) so there's isn't much to reall harp on. I think I just have more personal issues than anything major. I'm not 100% fond of using the white background for the "you are here" menu. Why do you have a id set to auth and then you also have a class of the same name? You should be able to format it how you want without the <span> tag. You don't really need comments in your code about the Doctype and your site being valid. A person can see that when they view your site. I'm not a real big fan of counters. Doesn't your host provide that type of info? Take a look at the Taming Lists link in my sig for a different way of doing your menu. Again, most of these are just personal prefernce, so take it for what it's worth.


This one is an clean descent site with cool interface.

JDM71488
05-09-2004, 10:41 AM
Alright, the site is back up with a new layout! For the ones who said it was too simple... I started to see it too and it got very old to me, so I made a new layout...

I need a different color for my #center links... The problem with my site is that I only have one color, blue, but with different shades...

Your opinion will be appreciated!

Paul Jr
05-09-2004, 04:10 PM
The site looks pretty messed up in Firebird. Also, you should look make things a bit more semantic: instead of <div class="title">, think about using a header tag. And the site won’t validate (http://validator.w3.org/check?verbose=1&uri=http%3A//www.accessjdm.com/).

MstrBob
05-09-2004, 04:52 PM
Your site looks great on Internet Explorer, however, in Mozilla and Firefox, both your columns of links are over your main content, so that words on the left and right can't be read. Otherwise, it looks awesome!

Daniel T
05-09-2004, 05:01 PM
Originally posted by MstrBob
Your site looks great on Internet Explorer, however, in Mozilla and Firefox, both your columns of links are over your main content, so that words on the left and right can't be read.
... and the titlebars on the "windows" are significantly smaller than the windows themselves. It was obviously designed with the IE box model in mind, so you should use a hack or !important to fix that. Otherwise, the site looks great!
-Dan

**EDIT**
Also, you'll want a DTD and you should use an iso charset to overcome that "won't validate" issue Paul pointed out. For example:
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />

**EDIT**
Also, on your Browser Updates section, you should add Firefox, Opera, Safari, etc. Also, it isn't called Netscape Navigator anymore, but just Netscape.

JDM71488
05-09-2004, 08:10 PM
Thanks for everyones input... I have yet to take a web design class so I don't really know the do's and don'ts... I validated it, but my code isn't all the way correct and I had a few design flaws, so I took the validation off (link, charset, doctype).

I changed Netscape Nav to Netscape... never used it to know the change was made...

As far as firebird an mozilla and all the other ones listed, I will search for them because I have never used them. Unless someone can post a link for me.

The <div class="title"> thing, can someone explain this for me?

Thank you,
JDM

MstrBob
05-09-2004, 08:44 PM
Mozilla 1.6 (http://www.mozilla.org/products/mozilla1.x/)

FireFox 0.8 (http://www.mozilla.org/products/firefox/releases/#download)

Opera 7.23 (http://www.opera.com/download/)

JDM71488
05-09-2004, 09:07 PM
thanks, they are added and downloaded... wow firefox makes my site look like throwup... why does this happen?

if you need my css code it is www.accessjdm.com/style.css

any help?
JDM

Daniel T
05-10-2004, 12:21 AM
Originally posted by JDM71488
wow firefox makes my site look like throwup...
Actually, IE should be the one making your site look like throwup, if you had designed with the correct box model. Gecko browsers(Firefox, Opera, Safari, Netscape, Mozilla, etc.) use the standards-compliant box model, while the IE box model is quite screwed up. Ryan prepared a helpful explanation here (http://ryanbrill.com/archives/css_box_model_and_you/). You will want to either get by the screwedupness of the IEBM by using a hack, or using !important.
-Dan

JDM71488
05-10-2004, 01:14 PM
is there a way to achieve my layout (3 column) without abs pos? i search for the !important which i have never heard of, and found nothing, also, the IEBMHs are to correct the page in IE, but I code in IE, and it looks like I want it, it is just in other browsers that it is messed up?

what are your opinions... I am more than likely going to make a new layout... :(

Daniel T
05-10-2004, 01:25 PM
If you coded it in IE, I suggest starting over new and coding it in Firefox, then use hacks or whatever to get it to work in IE.

!important is used to make values different on Gecko and IE. For example:
div#box {
width: 600px !important;
width: 700px;
padding: 50px;
}
The box should appear the same size in both IE and Firefox, even though IE includes the padding in the width of the object, and Firefox doesnt(Firefox renders it correctly). Firefox reads the "width: 500px !important;" and when it sees the !important, it tells it to ignore all other width properties in that div definition. IE, however, ignores !important, as it does not recognise it. It reads the 500px width property aswell, but uses the 700px width property, because it appears last in the code.
-Dan

Paul Jr
05-10-2004, 05:00 PM
Originally posted by JDM71488
The <div class="title"> thing, can someone explain this for me?

Your code should not only be valid, it should be semantic, too. That means paragraphs should be marked up with the <p> tag, lists should be marked up as lists with <ul>, <li>. And document headings should be marked up with <h1-6>. The title of your page should be marked up with <h1>, all headings should be marked up with <h2>, subheadings with <h3>, and sub-sub headings with <h4>, and so on and so forth. As for keeping your header image, yet still allowing browsers without CSS support to see your page title, you can check out this article (http://www.mezzoblue.com/tests/revised-image-replacement/).

Also, it is possible to have your type of layout without using aboslute positioning. You probably won’t have to use any any hacks, either.

The global structure of an HTML document: headings (http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.5)

JDM71488
05-10-2004, 07:13 PM
hey DanieLTomaS, I usnderstand your last post, but an getting poed on trying to get it to work on my header div. could you use give me an example based on that. right now I have a new stylesheet linked because I am re-doing my site w/out using abs pos...

see my header uses % and px so it is making me confused...

the old one is .com/style.css, and the new one is .com/new_style.css...

any help to get me started would be great!

Daniel T
05-10-2004, 11:02 PM
#header {
height:100px;
padding:10px;
padding-bottom:0;
padding-top:0;
width:100%;
}
#header {
height:100px;
padding:10px;
padding-bottom:0;
padding-top:0;
width:100%;
}
#header #bg {
background:#39466E url("pics/bg.jpg") repeat-x;
border:2px outset;
border-top:0;
height:100px;
width:100%;
w/idth:90%;
}
#header #bg {
background:#39466E url("pics/bg.jpg") repeat-x;
border:2px outset;
border-top:0;
height:100px;
width:100%;
}
#header #bg #logo {
background:#39466E url("pics/logo.jpg") no-repeat;
height:100%;
width:220px;
}
Can be changed to this:
div#header {
background:#39466E url("pics/bg.jpg") repeat-x;
width: 100%;
height: 100px;
margin: 0;
padding: 0;
}
div#header div#logo {
width: 215px;
height: 80px;
margin: 10px 0 0 10px;
padding: 0;
}
And, in your HTML:
<div id="header">
<div id="bg">
<div id="logo">&nbsp;</div>
</div>
Changes to this:
<div id="header"><div id="logo"></div></div>
And lastly, I've modified your logo image so it will be easier to work with, and will work with the code I have given you. The image is in the attatchment.
-Dan

JDM71488
05-11-2004, 08:39 PM
ok... i started coding for FF, and found that IE really messes up my site. but i am confused now because on each (IE & FF) it is off like 2 pxs here and there... i put my new css on a test page to start over kind of.

www.accessjdm.com/test.php

can anyone help with it? i am not conserned with the links and all that yet, i need to get the layout setup first.

anyhelp will be awesome! :)

dera
05-13-2004, 08:55 AM
i dnt think the css sheet seems to be showing in my browser, so what i mite say mite be inaccurate but the title for sections which are in bold look really bad change the font dnt use bold or somthin but the font looks really bad the way it is (ie5.5 @ 800*600)

JDM71488
05-16-2004, 09:06 PM
ok... i am redoing the code from scratch and i got this far, but for some reason, the #center content divs span too much to the right because of the padding:10px;...

here is my code for those divs...


#center div.sub_content_center {
background:#39466E;
border:2px outset;
color:#FFFFFF;
margin-bottom:20px;
margin-right:500px;
padding:10px;
text-align:center;
width:100%;
/***************************/
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 0px;
margin-right:500px;
}

html>body #center div.sub_content_center {
margin-left:0px;
margin-right:500px;
}


i set the margin-right to 500px because i only need like 216 i believe, and even 500px didn't move the div over anymore...

any help? suggestions?

www.accessjdm.com/test.php

... and another thing... why is the header's border:2px outset so dark while the other divs and h1's are really bright??? just curious? and can i fix that?