Trying my hand at teaching myself jquery and creating a decent layout. I believe what I have done is acceptable, but I still have some questions. This is my first attempt at jquery without copying someone else's work.
I've aimed to keep it relevant and simple.
First question: I've used the optimizing tools in Chrome, and I'm facing difficulties with this: Optimize the order of styles and scripts (1) The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript. 1 inline script block was found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file or after the next resource. Every time I try this, it breaks the page's CSS. Why does this happen, and what should I consider to resolve this issue?
Second question: I've created a simple jquery slider under my menu... It behaves as intended, but when I zoom out to 25%, it doesn't stay within the wrapper; instead, it shoots off to the side of the page. I've spent the entire weekend trying to solve this with no success. Any advice would be greatly appreciated; I feel stuck on this.
In general, I'm seeking feedback on whether I am doing things correctly.
Third question: When I zoom out, the text on the page doesn't seem to shrink along with the rest of the content. Is this behavior normal?
So here it is; please scrutinize it.
<!DOCTYPE html>
<html>
<head><title>Bretts Gaming</title>
... (omitted for brevity)
#footer a:hover { color:#ffffff; text-decoration:underline; }
I'm not sure how to include all the scripts here. How can I do this so you can view the page? Hopefully, this format works fine. I'm a complete beginner, so let me know if I'm doing something wrong. Oh, one more thing! Whenever I click links on the page, the slider briefly moves to the side of the page before settling in the correct position. I'm really stuck on this issue.