[codespook]

Sorry. Nav tag was closed. Dont think it copied over. The other 2 errors are fixed. The menu is not stylying at all. Its vertical, not even correct colors.

[andrewsw]

It worked for me . Have you uploaded your css file and is it in the correct location?

Clear your browser cache as well.

[codespook]

Doing everything local at the moment. Same result on both laptops

And in chrome and firefox

[codespook]

Oh yea. And as of now everything is in same directory:-)

[codespook]

nd uploaded to server, still doesnt work:(

[andrewsw]

What does your browsers' console say? If you don't know what this means then you need to investigate "debugging with whatever browser".

[codespook]

aha something new.
2 errors

But in the css it says [14:28:06.209] Unexpected end of file while searching for ';' or '}' to end declaration. Unexpected end of file while searching for closing } of declaration block. @ file:///C:/Users/admin/Documents/My%20Dropbox/Projects/style.css:131

For the javascript,
[14:18:50.257] ReferenceError: $ is not defined @ file:///C:/Users/admin/Documents/My%20Dropbox/Projects/index.html:62

This post has been edited by codespook: 07 February 2013 - 12:41 PM

[andrewsw]

So it looks like you still have a missing ; or unmatched { } somewhere, and the jQuery library is not loading - cannot be found at the location you have specified - otherwise $ would be defined.

[codespook]

See what happens when I edit code sooooooo much? I forgot to edit one of the things back to the correct position.
Now it works and the universe is saved:)
Actually it's giving me an error that it could not parse background-image so declaration dropped. But it's still showing the background image though. And even more, the menu works:) Jquery still isn't loading, but I think the jquery was extra. So it's not a huge issue I think.
In any case, I will edit it for my actual page after I wake up....as this thing has kept me awake all night!!!
Thanks a lot for your help and even teaching me something new:)

[andrewsw]

Clear your browser cache and try this link:

snippet: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

It should work without the ''http:'.

[codespook]

Ok it all works.
One thing is annoying thogh.On the link, http://forrst.com/po...n_with_CSS3-I5T you can see to the left of the first link and the right of the last, there is extra space but no links. Which property puts that there? I thought it was extra padding, but no difference. It's in the top links and in the bottom level <ul> items. Aside from that, I've edited for my liking with no more bugs:)
Thanks again!

[Dormilich]

codespook, on 08 February 2013 - 07:21 AM, said:

On the link, http://forrst.com/po...n_with_CSS3-I5T you can see to the left of the first link and the right of the last, there is extra space but no links.

it’s defined in .navigation > ul. you may notice that the combined width of the list items does not match with the width of the first <ul>.

[codespook]

Dormilich, on 07 February 2013 - 11:40 PM, said:

codespook, on 08 February 2013 - 07:21 AM, said:

On the link, http://forrst.com/po...n_with_CSS3-I5T you can see to the left of the first link and the right of the last, there is extra space but no links.

it’s defined in .navigation > ul. you may notice that the combined width of the list items does not match with the width of the first <ul>.

ok...thanks! Got it!