9 replies [Last post]
amadika
amadika's picture
Offline
Enthusiast
Texas
Last seen: 10 years 47 weeks ago
Texas
Timezone: GMT-6
Joined: 2007-04-16
Posts: 206
Points: 4

Okay so here is a site I just completed for an Organic Clothing company called Spiritex. I have validated and all, but because my clients requested it, I have had to use some icky javascript that I cannot get to validate. My handwritten code however is clean, I believe. The site also makes use of a prebuilt cart called Pinnacle. It will look almost the same as my own html pages, but this doesn't really need to be looked at, because I KNOW it's not made of the best code :/ Ah well, enough excuses.. The site is http://www.spiritex.net ---- Oh and there is a link at the end called "Spx" whatever you do, don't click on it, you might hurt your eyes... It is a link to one of their other sites, and it's scary...

@}->-- Amanda

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 46 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Hi amanda,

Hi amanda,
I would tweak the nav a little bit. I think the subnav could use a little spacing
#nav ul li ul li {
padding: 4px 0 2px 0;
}

And a single text size increase causes wrap around on the top level nav. I'd change the li width from 6em to 100px. This gives it a fixed size, but allows for multiple size increases without wrap. You'll also need to zero the padding on the #nav ul
#nav ul {
padding: 3px 0 5px 0; /* instead of just top and bottom */
}

#nav ul li {
width: 100px;
}

#nav li ul {
width: 100px; /* for the subnav too */

amadika
amadika's picture
Offline
Enthusiast
Texas
Last seen: 10 years 47 weeks ago
Texas
Timezone: GMT-6
Joined: 2007-04-16
Posts: 206
Points: 4

I made the changes, but I'm

I made the changes, but I'm having this issue with the subnavs disappearing behind the image that I have on the main page. Any way to fix this?

@}->-- Amanda

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 11 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Probably by adding

Probably by adding position:relative and z-index higher than the picture to the nav.

BUT

The nav doesn't work in IE7.

In IE6 it looks very different and the images don't show.

There is a lot of inline styling that should be in the stylesheet.

It has 35 validation errors.

But the girls are pretty.

amadika
amadika's picture
Offline
Enthusiast
Texas
Last seen: 10 years 47 weeks ago
Texas
Timezone: GMT-6
Joined: 2007-04-16
Posts: 206
Points: 4

Odd... I have IE6 and it

Odd... I have IE6 and it works fine... and have tested it on IE7 with the same results. The validation errors are caused 100% by the javascript that it has included for the images on the index.html page(that unfortunatley my Boss wants) Every other page gets 3 errors, caused by javascript from the nav. :/ Not quite sure what you're seeing, but such is the life of a web designer...

@}->-- Amanda

amadika
amadika's picture
Offline
Enthusiast
Texas
Last seen: 10 years 47 weeks ago
Texas
Timezone: GMT-6
Joined: 2007-04-16
Posts: 206
Points: 4

Okay... so I checked the

Okay... so I checked the site using a mac at work, and the IE 5.2 for mac and there are some weird things going on with the background images not appearing. Anyone have a clue as to why this might be?

@}->-- Amanda

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 week 1 day ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

amadika wrote:Okay... so I

amadika wrote:
Okay... so I checked the site using a mac at work, and the IE 5.2 for mac and there are some weird things going on with the background images not appearing. Anyone have a clue as to why this might be?

Forget IE for the Mac. Even Microsoft has buried it and no longer supports it. It has a vanishingly small market share. Too bad really, I understand it once was a ground-breaking browser, but times have changed. Move on.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

amadika
amadika's picture
Offline
Enthusiast
Texas
Last seen: 10 years 47 weeks ago
Texas
Timezone: GMT-6
Joined: 2007-04-16
Posts: 206
Points: 4

Ha! Thanks... I pretty much

Ha! Thanks... I pretty much was going to... but I got spooked after the comment from ClevaTreva... which the only browser that's shown my site any differently (that I have found) was IE5.2 for Mac

@}->-- Amanda

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 11 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Just checked it again

Well, Just checked it again on FF2 IE7 and IE6 and all is OK.

On my LCD screen the colors are very faded and it is difficult to read the menu text.

level5
Offline
Enthusiast
Tucson, AZ
Last seen: 11 years 46 weeks ago
Tucson, AZ
Timezone: GMT-7
Joined: 2007-04-17
Posts: 102
Points: 0

cute site. Ah you forgot add

cute site. Ah you forgot add copyright bottom of website. and i suggest you to add the arrow end on the drop down menu. cause i find site very confusing im not sure its all is drop down menu or some of them. it would help users to able knowing that theres a arrow that point down it shows its has menu inside of it:) and check the w3.org and look at html valid.. theres couple of errors. so try fix that it would probably help solve some of your problems for any browsers. Smile

----------------------------------------
Regards,
Nick