Click to See Complete Forum and Search --> : Input needed on my site


soccer362001
12-08-2003, 01:19 PM
I need some input on my site. It is located at www.cmm.compactvision.net.

pyro
12-08-2003, 01:43 PM
Get rid of it's JavaScript dependence...

soccer362001
12-08-2003, 01:45 PM
I assume my navigation right?

pyro
12-08-2003, 01:56 PM
Yes. Use of JavaScript to enhance one's site is not bad; use of JavaScript for the functionality of one's site is.

soccer362001
12-08-2003, 02:19 PM
I guess I'll have to rethink that one.

soccer362001
12-09-2003, 01:50 PM
Ok Pyro how is it now. I didn't exactly get rid of the JS but a added <noscript>.

spufi
12-09-2003, 11:02 PM
You could afford to lose some <br> tags and use CSS to create the need spacing. You also could use the shorthand version of colors.

pyro
12-09-2003, 11:06 PM
I agree 100%. Basically, if you have two <br /> tags in a row, you did something wrong.

soccer362001
12-10-2003, 07:19 AM
Ok I got rid of some of my <br/> tags. But about the shorthand colors I prefer using hex values.

pyro
12-10-2003, 07:25 AM
Instead of using something like this:

<p style="text-align:left; font-size:20px; font-weight:bold;">News Section</p>
You should use a correct hierarchy of heading tags (h1-h6).

soccer362001
12-10-2003, 09:59 AM
Ok how is it now

spufi
12-10-2003, 10:19 AM
Originally posted by soccer362001
Ok I got rid of some of my <br/> tags. But about the shorthand colors I prefer using hex values.

Maybe I misspoke. You use #000000;. I'm saying you could use #000; since it's the same thing.

pyro
12-10-2003, 10:31 AM
It's getting better. I would, however, still question the use of JavaScript for the navigation, as it certainly is not needed. You do provide alternate navigation, so I guess that would just be my thing of not using JavaScript unless it is necessary, and it is not in this case.

soccer362001
12-10-2003, 04:33 PM
Well pyro what would you do instead of the JS navigation?

Paul Jr
12-10-2003, 04:36 PM
Originally posted by soccer362001
Well pyro what would you do instead of the JS navigation?

I know I'm not Pyro, but I'd use CSS. You could probably do the exact same thing with CSS as you have done with JS.

pyro
12-10-2003, 04:41 PM
Lists and CSS is what you want to do: Taming Lists (http://www.alistapart.com/articles/taminglists/) and List-o-matic (http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp)

soccer362001
12-11-2003, 07:18 AM
Ok how is it now that i have gotten rid of my JS?

pyro
12-11-2003, 07:22 AM
It's getting better. The links on the left are a bit to plain for my liking, but perhaps that's just me.

soccer362001
12-11-2003, 08:34 AM
Is it any better now?

pyro
12-11-2003, 09:40 AM
Err... not really. :o

Try some width, and some height, and some borders... ;)

DaveSW
12-11-2003, 10:07 AM
how about a separate style for the side links?

edit: or just something different, seeing as you seem to have them slightly different anyway

soccer362001
12-11-2003, 12:35 PM
I have one question. How do I make the background of a link a certain width?:confused:

pyro
12-11-2003, 01:23 PM
Please explain...

paper
12-11-2003, 01:28 PM
background of a link? :confused:

are you talking about the blue block when you hover over the link?? if thats the case, you might want to put each link in a cell and then just do the whole cell a color instead of just the text...

other advice for your site:

1) separate the menu bar from the body area by perhaps making the left side a different color (too much white! :rolleyes: ). this would help visitors distinguish where the body is and where the menu is.

2) personally the header image is a bit to large for my taste.. i would shorten the height down a bit.. maybe 1/4 off

3) make use of all the space you have in the body.. (ie. the white empty space on right side).. if u do that, u'll have less need to scroll down.

4) perhaps have the link in the menu bolded or highlighted (or something) when you are in that particular section

5) since you already have a flashy right menu bar, i would replace the top menubar with a simple bread crumb and add a simple text menu bar to the bottom of the page.. (did i make sense?) :eek:

but overall your site is ok. ;)

soccer362001
12-11-2003, 01:28 PM
If you look at my vertical links you will notice that the background color does not line up like I want it to. I want them to line up.

pyro
12-11-2003, 01:33 PM
Set the background on the <li>, rather than the <a>

soccer362001
12-11-2003, 01:44 PM
ok hows it look now

pyro
12-11-2003, 02:15 PM
Getting better...

soccer362001
12-11-2003, 03:25 PM
Since I want my site to be better what else can I do to make it better.

soccer362001
12-11-2003, 04:15 PM
Originally posted by paper
background of a link? :confused:

are you talking about the blue block when you hover over the link?? if thats the case, you might want to put each link in a cell and then just do the whole cell a color instead of just the text...

other advice for your site:

1) separate the menu bar from the body area by perhaps making the left side a different color (too much white! :rolleyes: ). this would help visitors distinguish where the body is and where the menu is.

2) personally the header image is a bit to large for my taste.. i would shorten the height down a bit.. maybe 1/4 off

3) make use of all the space you have in the body.. (ie. the white empty space on right side).. if u do that, u'll have less need to scroll down.

4) perhaps have the link in the menu bolded or highlighted (or something) when you are in that particular section

5) since you already have a flashy right menu bar, i would replace the top menubar with a simple bread crumb and add a simple text menu bar to the bottom of the page.. (did i make sense?) :eek:

but overall your site is ok. ;)
1) I can do that.
2) Impossible
3) The reson there is so much space to the right is because of lower screen resolutions.
4) I had that before with my JS menu.
5) I dont understand Bread Crumb

spufi
12-11-2003, 08:07 PM
Originally posted by soccer362001
3) The reson there is so much space to the right is because of lower screen resolutions.

Just use a width defined with a percentage that works on a lower resolution and then it will stretch out for the higer resolutions.

Your repeated background image at the top could be reduced down to a width of 1px and it would still work.

paper
12-13-2003, 05:41 PM
breadcrumbs is something like what this forum has (look above):

Web Developer Forum > Web Developer Forums > General > Input needed on my site

Instead of showing all the available main links, it shows how you navigated from a big category into a smaller category.

Empty right space: your page should be able to work for all screen resolutions. It should work in most browsers (Netscape/Mozilla & IE) and should look pretty much the same if you were viewing it on any other computer. (800x600, 1024x768, etc)

soccer362001
12-13-2003, 06:09 PM
Originally posted by spufi
Your repeated background image at the top could be reduced down to a width of 1px and it would still work.
I dont want to mess with that because my heading img is made to line up with the background img.

David Harrison
12-18-2003, 02:57 PM
When I was viewing your code on the first page I noticed a couple of things that needed to be corrected, firstly:

<div id="header"><img src="index_heading.gif" width="520" height="130" alt="" style="border:none;"/></div>

<img src="index_logo.gif" width="89" height="144" alt="" style="border:none;"/></div></div>

Tut tut, nothing in the alt tags. And secondly:

<div id="logo"><div style="text-align: center; padding: 8px; width:5em; background-color:##c3dfff; border:solid 0px #000000;">

You need to ditch one of the #'s.

I also noticed that in your styles, there were a few elements that you capitalised, such as ul, li, a and br, I'm not sure but I think that they should really be lower case.

soccer362001
12-18-2003, 03:34 PM
Ok i think i fixed all that

pyro
12-18-2003, 04:21 PM
Originally posted by lavalamp
Tut tut, nothing in the alt tags.This is not necessarily bad... Totally depends on the use and context of the image.