This week had to do with positioning and I will show some examples here. This image is using the relative position. 
This one is using absolute position. 
This image is positioned with the embedded para class rule:

 
This is an example of z-index.
This is a page to show the overflow feature in CSS. This will really come in handy in a lot of circumstances. Glad I got a chance to see how it's done for future use.
This is an example of the hidden overflow style. I have to think of something to say to go beyond the 100px where the text will not continue because that is the height that is specified.
Here we have specified the overflow will continue beyond the 100px height and so if I keep on typing all the words will be included and visible if anyone chooses to view it. The only problem here is that I have the buttons positioned here and I don't know why they don't just move down. Guess their code is static and will remain there. Being CSS code it ignores my tables, etc. and that's all the more reason to learn how to make tables with css. I made the paragraph wider so it could be read but now I'm checking to see if the words effect the tables the same in IE as in FF. No they don't IE moves the table down and FF doesn't.
|