Monday, December 17, 2012

Monday 12-17 : HTML design day 3 part 5

OK, so now you know how to make DIV containers, and you can make their borders change in response to mouse events. You can also make a DIV act as a hyperlink. Now its time to do the following:


A) Make six more DIVs, all lined up in a nice neat column by changing their "top" values

B) Give each DIV a name of a website...just the name, not the .com and all that other stuff


C) Make each DIV a hyperlink to that website, as I have already shown you

D) Apply a style to ALL NINE of your DIV containers at once by creating a "stylesheet", like so:

E) PLease note, you DO NOT ADD A NEW "head" tag... its already there!

SAVE, then REFRESH your browser to see your changes. Make sure it all works!


Cheers,
Mr. L

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.