This is my recipe for module 1-f. I'm not sure why the image doesn't show up in the browser, but it has an active link to the Flickr page the picture was found on.
Take a look at the course blog for the topic "TextEdit Travails." Looks like you need to set the preferences to "plain text." Go ahead and do this, and re-upload (and re-tag, so I look at it again), and you should be good.
This is fine for the assignment, but note that it will not validate (I assume). Take a look at that second <ul>. You've got an un-nested <p> tag there--it starts before the <ul> and ends before the </ul>. Actually, that <p> is extraneous, so you can just delete it...
Though the assignment was to publish a three-page site, I got a little carried away and added more. This is just a fun site dedicated to (some) U.S. Presidents' favorite foods. From the home page, you can link to Obama, Clinton, Bush 41, Reagan, and Kennedy -- and back home again. Bon Appetit!
New and improved CSS version. Also found a menu bar template, fiddled with it a bit, and made comments as part of understanding how it works. Attempting to satisfy webprog-2-d and webprog-2-f.
Very nice! If you stick the code for the menu bar *inside* the "wrap" div, I have a feeling it will work out better. Right now, when you maximize on a big screen, the menu goes a bit wonky. (Don't need to fix for the purposes of this assignment, but just so you know.)
Thank you! I've been going a little nuts with a few things. :) The menu bar was easy to place in Firefox, but wouldn't position properly at all in IE. I managed to do some fudging, but don't like the result, as I later gave up margins:auto to pin things down. After all that, the two browser renditions still look a little different. Much to learn.
So, great page. But :)... Tables for layout is bad news. There's no way to predict how it will be viewed on some devices, and it makes it harder (in some cases) to be spooned into a CMS. So, fine for now, but lose the <table> habit for anything other than tables as we move forward.
(In this case, floating the image to the left would accomplish the same effect, but provide a liquid layout...)
Here is a simple three-page site about the Pilates method of physical conditioning. The site features a what is pilates page, history of pilates page and basic equipment page with photos and descriptions. Visitors are able to navigate to each of the three pages from one another. An issue I ran into was knowing how to gage the size of the images and how that affected the text size of the headings.
After an afternoon of attempting to figure out CSS, I think I've got a basic understanding. I think the (Oprah) aha! moment happened. I used the site/page I created in the first set of challenges to create this navigation bar. The bar also features a rollover.
Here is a recipe for thin, crispy sugar cookies that are honestly like nothing else you have probably ever had. They are so tasty and remind me a of every Christmas growing up, enjoy!
Nice work here. Some people might look at this code like it has 3 heads--because it does! Each html document should have only 1 head section. But it renders great, and that's all we need for this challenge.
Here is my introduction. I had a negative visceral reaction to the lack of markup on this challenge, so I strayed from the directions and I added lots of and hyperlinks.