View Single Post
Old 08-14-2008, 02:14 AM   #1 (permalink)
sarmenhb
The Addict
 
sarmenhb's Avatar
 
Join Date: Jan 2008
Location: los angeles
Posts: 309
Thanks: 44
sarmenhb is on a distinguished road
Default help me understand short notation.

for example, this line of code

Code:
body {
background: #eee url(bg.gif) 0 100% repeat;
}
from my thinking the long notation would be

Code:
body {

background-color:#eeeeee;
background-image:url(bg.gif);
background-repeat:repeat;
}
but what is the 0 and 100% in long notation?

also the thing thats not making sense to me is
for example this template: [image]http://i2.sitepoint.com/graphics/image031.png[/image]

which can be found here: Breaking Out of the Box With CSS Layouts [CSS Tutorials]

the header image with the swirly whose id is called header.
the code that is holding it up there is written like this

Code:
background: #966 url(header.gif) bottom no-repeat;
then the footer swirly is written like this
Code:
background: #333 url(footer.gif) top no-repeat;
whats confusing the life out of me is that , see for the footer code how it has the keyword top in it and the header have bottom in it. how is bottom showing on top? read again if ur confused to what im saying :)
__________________
no signature set
sarmenhb is offline  
Reply With Quote