Topic: Finally - a site! (Page 1 of 1)

This is a big moment for me. My very first site to be ripped in here

This is a site for a small hotel in the swedish mountains, so nothing fancy.
Still a WIP, so the only links working are "Vinter" "Boende" and "Priser".


rip away

Also I know you coding gurus will probably want to send me down to Suho for shocks due to my sloppy coding, but at the moment I don't know any better, and I have to show the site next week... which means that it's an unorthodox mix of CSS, Includes and old basic HTML1.3 or something

Have fun!

(e) Oh, and the photos are just placeholders from their old site (photos compressed as gifs... amazing)(/e)





[This message has been edited by Nimraw (edited 03-30-2004).]

Oh dear. You've broken one of the fundamental rules of web development.

You didn't test in multiple browsers whilst building the website. Unfortionatly it's a rule we all seem to learn the hard way. I know I certainly did. I spent hours crafting ingenoius table structures in NN3 only to find that IE3 would rip my design to shreads.

The site looks fine in the major roundup: IE, Moz, Opera & Firefox. Yet, the menu links aren't clickable in any broser save IE. This is why you sould be using proper and semantic markup instead of a shotgun marrage of table hacks and inline CSS.

I don't really have time to look into the problem, but I can only assume you have some CSS positioning issues where you have an element overlapping the menu, which might be invisible (or part invisible, parhaps some overlapping padding or margins on a higher z-index), but according to the standards this will still block clickable links. So, the other browsers are actually doing things correctly and IE is just letting you get away with murder so to speak.

It looks nice though. Simple, clean and to the point. Can't really go wrong with that. Obvious issues asside, you've done well.

[This message has been edited by Cameron (edited 03-30-2004).]

Thanks a million, Cameron

Since I'm pretty far from a coder, I've probably broken most rules there are.
I had no idea that "empty" layers could overlap and block out links. (this is the first time I try to use both CSS and Layers so I searched teh web and gone by trial and error so far). Struck out when it came to understanding nested layers, thus the tables...

Now that part is taken care of anyway. The weird thing is that those links work in Firefox (just DL'ed it) when I try the pages locally

Also it seems as if I've messed up my CSS since no links are bold in Firefox....

And..of course the final site will have alt tags for the pic's



[This message has been edited by Nimraw (edited 03-30-2004).]

Don't have much to add to what Cameron has allready said..

Only thing I can see is that you need to add a hover effect to the menu (goes for both of the menus). Right now (with Opera/Linux) there is no indication that I'm hovering over a link, except the change of the mouse cursor. You should also add an effect so that the link leading to the current page is displayed differently than the other links. That will make it easier for the user to see where he is on the page.

I think your problem with the links (will also solve the hover thing mentioned above) comes from the following line in your style1.css file:
a:hover { text-decoration: , underline}
Remove the comma in front of underline and you should be fine You've got the same problem with a.subnav:hover a couple of lines down as well. In the css file you also used font-weight=bold, it should be font-weight: bold.

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

[This message has been edited by Veneficuz (edited 03-31-2004).]