SamuelMSr Posted January 18, 2010 Share Posted January 18, 2010 Ok so I am working out of a book and learning html from the start, I am at adding images and making links out of them and that sort of stuff. I am using Dreamweaver CS4 to write code in (I know, I am not using the WYSIWYG I am only using the code editor because there are a lot of things I like about it and I am used to it) :)Here is the code: <html> <head> <title>myPod</title> <style type="text/css"> body { background-color: #eaf3da; } </style> </head> <body> <h1>Welcome to myPod</h1> <p> Welcome to the place to show off your iPod, wherever you might be. Wanna join the fun? All you need is any iPod, from the early classic iPod to the latest iPod Nano, the smallest iPod Shuffle to the largest iPod Photo, and a digital camera. Just take a snapshot of your iPod in your favorite location and we'll be glad to post it on myPod. So, what are you waiting for? </p> <h2>Seattle, Washington</h2> <p> Me and my iPod in Seattle! You can see rain clouds and the Space Needle. You can't see the 628 coffee shops. </p> <p> <a href="html/seattle_med.html"> <img src="thumbnails/seattle_med.jpg" alt="My iPod in Seattle, WA"> <a href="html/seattle_shuffle.html"> <img src="thumbnails/seattle_shuffle.jpg" alt="An iPod Shuffle in Seattle, WA"> <a href="html/seattle_downtown.html"> <img src="thumbnails/seattle_downtown.jpg" alt="An iPod in downtown Seattle, WA"> </p> <h2>Birmingham, England</h2> <p> Here are some iPod photos around Birmingham. We've obviously got some passionate folks over here who love heir iPods. Check out the classic red British telephone box! </p> <p> <a href="html/britain.html"> <img src="thumbnails/britain.jpg" alt="An iPod in Birmingham at a telephone box."> <a href="html/applestore.html"> <img src="thumbnails/applestore.jpg" alt="An iPod at the Birmingham Apple Store."> </p> </body></html> Please dont go into much detail i know there are probably a lot of stuff not here but like I said I am at the beginning of my lessions and keeping things simple, the book I am reading does not have anything other then this.What I need hep with is where you see the img elements it had me put the <a href= elements above that so the pictures would link to larger images. I am getting errors in validation in Dreamweaver and if you go to the site http://www.samuelmsr.com you will see that the link spread to a heading and paragraph that it was not suposed to.Can anyone tell me why please. I am using the book "Head First HTML with CSS and XHTML", is there something better? I like this book because of the way it is formatted and laid out (and I got it for free and that is right up my budget).Thanks for the help!!Sam Link to comment Share on other sites More sharing options...
SamuelMSr Posted January 18, 2010 Author Share Posted January 18, 2010 LOL! I figured out what I was doing wrong, I forgot the closing </a> tag, sometimes you feel like a noob....and sometimes you are one.... Link to comment Share on other sites More sharing options...
Err Posted January 19, 2010 Share Posted January 19, 2010 Even some veterans make that mistake. What I personally do to avoid those mistakes is write out the complete link first and close it: <a href=""></a>Then go back and add a herf value. I do this with all my tags because then I see the flow of the tags without stuff in the middle. Also helps if you have a quick button you can press to insert a complete tag without you typing it in. I have an HTML validator Add-on on Firefox that debugs my code on the go, helps catch those errors right away. Just wanted to say that. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.