Learning Report 3
- Sources Used:
- http://www.w3schools.com/css/css_navbar.asp
- http://articles.sitepoint.com/article/navigation-using-css/2
Today I took the opportunity to figure out how to create navigation buttons using CSS, and without using images. This is something that has been nagging at me for the past ten years, because I never took the time necessary to understand how they work and so on. I started where anyone would start, W3 Schools. While their code worked on its own, it created a massive problem- their code changed all of my lists into navigation buttons. No matter what I tried, the answer seemed to elude me. W3 Schools didn’t seem to provide the answer, so I did a simple google search and found another site that provided a similar code, but solved the problem for me. As far as I can understand, the new code specified that its code was to be applied only to the navigation portion of my pages. I suppose what it comes down to, is that I knew what was wrong, but I just wasn't sure how to fix it.
As you can clearly see, I have navigation for all of my pages. Something that I am proud to say, I worked long and hard to get and understand. After I plugged the new code into my navigation SSI, I soon figured that my website wouldn’t validate. I had made a very small error- I had put the link to the new style sheet in the navigation SSI, which is a not a smart thing to do. So I went and imputed the new link attribute into all of my pages, and presto my pages validate, and my navigation works like a charm.
