Class 3 - More CSS

CSS to English translations for Selectors

ul { Apply this to all elements that have ul tag

ul.round { Apply this to all ul elements that have the class round

ul li { means apply this to all li elements inside of a ul

ul.round li { means apply this to all li's inside ul with the class round

input[type="xxx"] { means apply only to inputs with the type xxx (i.e. text or submit) type attribute and value have no innate meaning - can use type=text or something=nothing if you choose.


How to create a horizontal menu

use display: inline; and cellpadding (not margin which would not be good in all browsers*) applied to the ul tags to get the menu items to stack and have some spacing respectively.

*If browsers are messing the margins up, try setting them to zero to override the browsers decision on what they should be.

---------

cursor: pointer; changes the cursor to a hand and is good to use with mouseovers.

---------

FORM DATA: Use GET to put form data in the URL so it bookmarks instantly. Use POST to hide the user input data and pass it through the servers.

---------