At recent meetings, we have looked at styling links and positioning elements with CSS. This month, we took those styles and added background images to create a clickable image that was entirely styled with CSS.
The technique was based on the article Clickable Background Images Via CSS. We started by reviewing the HTML technique for making an image clickable, and we talked about the deficiencies of that approach. Then, we showed how CSS background, position, display, height, and width could be brought together to achieve the same result while keeping all presentational elements in the style sheet.
The Philadelphia Area Computer Society CSS Workshop started with the basics of cascading style sheets and will continue as long as there is interest and we have something new to learn.
February 20, 2010
February 15, 2010
February 2010 Meeting Announcement
The next meeting of the PACS CSS Workshop will be this Saturday, February 20, at the usual 9 - 10 am hour.
We have been working on navigation menus, starting with styling links, and then going to positioning. This month, we will tie up some loose ends from last month. Then we will put the elements together to make a link with a graphic background, using as an example something I recently did for a site.
Finally, if we have time, we will look at some interesting new properties that are coming with CSS3.
We have been working on navigation menus, starting with styling links, and then going to positioning. This month, we will tie up some loose ends from last month. Then we will put the elements together to make a link with a graphic background, using as an example something I recently did for a site.
Finally, if we have time, we will look at some interesting new properties that are coming with CSS3.
Subscribe to:
Posts (Atom)