Web Design (Week 5) - CSS Continued...practice, practice, practice...

This class was good...

Learning new codes to style a page...

It was mostly about practicing and remebering everything i learnt and incorporating things from the week 5 notes...my page was called Purple Princess which is what my besties calls herself...

We added colomns with header and footer, a logo image and a background image...it was kinda frustrating (i think i use this word in every blog so far) only when the CSS file wouldn't get picked up and i realized that there was the name had a space infront of it! ugh!...like seriously!...

We used <div element in the logo and mainmenu...so that meant that anchor tags has to go in the mainmenu to link or navigate to another page...like:
                                <li><a href="top">Home</a></li>
also changing the display to inline to make it go horizontal...

...well these didnt actually link to a working page..notice the list element had to be used..the colomns were split into 4 <div so that they could be navigated around the page collectively or in sections...such as using float to tell it to go right or left like:

                               #logo img   { float:left;   }

...or using clear like:

                               #logo h1  { clear:right;}

[awesome...i kno!..]

 

...we stlyed the page as i said adding a background image (to make it not repeat using - background-repeat:no-repeat)...furthermore, styling the anchor tags so when someone hover it with the cursor it can be decorative, etc... i used this:

a:link:hover {  color:white;

                      background-color:purple;

                      font:arial;

                      font-size:20px; }

...so the font size will get bigger and the word highlighted and stuff...

 

also, many specific sizes had to be used...like the background image had to be 960px wide for the body, etc..

 

It was a pretty good class...one step towards final assignment...