Saturday, 24 September 2011

Lesson 7, 8-CSS Vertical Text and Backgrounds

These two lessons, I tried to learn how to use vertical text through
http://bytes.com/topic/html-css/answers/513945-vertical-text-using-css-mozilla
http://scottgale.com/blog/css-vertical-text/2010/03/01/
http://snook.ca/archives/html_and_css/css-text-rotation
http://ccapeng.blogspot.com/2008/03/use-css-to-create-vertical-text.html

These sites supported each other and I tried to use the code provided. However, it failed and I decided to simply do it on photoshop at home. I came up with another solution to do so, and this was to use a different web layout instead. So i went to http://www.noupe.com/jquery/45-jquery-navigation-plugins-and-tutorials.html for some inspiration. After examining in depth, the code in
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/
I decided to give it a try myself. I wanted a parchment type background so i decided to use a stock image from
http://www.sxc.hu/photo/1319276
However, it simply tiled instead of stretching. I came up with the theory that if the width and height is set to 100% then it should stretch. However, this was not the solution.
I found solutions
http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
http://stackoverflow.com/questions/1150163/stretch-and-scale-a-css-image-background-with-css-only
but this was a failure since my code was too untidy to put into divs.
Towards the end of the lesson, Mr Dickson gave me as well as the rest of the class a series of PHP and MySQL tutorials. I think Im okay with PHP now, thanks to http://www.w3schools.com/php/ but i still dont understand MySQL

No comments:

Post a Comment