Jag har försökt att
Citat:
|
unlearn what I have learnt and learn what I learn
|
...eller vad det nu var som Yoda sade i Star Wars. Genom att glömma tabeller helt och hållet och bara köra CSS för att bygga min hemsida. Men ju mer jag smutsar ner mina händer i CSS desto mer lockande blir det att gå tillbaka till tabeller som bara skulle ta mig 5 min att göra.
Iallafall jag har läst w3schools.com CSS tutorials + lite andra tutorials och försöker nu att studera hur folk har gjort Zen Garden sidorna.
http://www.csszengarden.com/
Det här är vad jag inte fattar...
1.)
Hur får dem "Zen Garden" bilden "h1.gif" att placera sig precis vid bakgrundens utritade vertikala linje?
Är det....
Citat:
#pageHeader h1 {
background: transparent url(h1.gif) no-repeat top left;
margin-top: 10px;
width: 219px;
height: 87px;
float: left;
}
|
margin-top: 10px - eller -
float:left - som gör så att "Zen Garden" bilden inte hamnar över bakgrundsbildens position på 0px, 0px räknat från övre vänstra hörnet?
2.)
Eller är det...
Citat:
#container {
background: url(zen-bg.jpg) no-repeat top left;
padding: 0px 175px 0px 110px;
margin: 0px;
}
|
padding: x, x, x, x som gör att bilderna inte ligger ovanpå varandra i vänstra hörnet.
Hur ska man tolka padding värdena? Vad står första 0px för, vad står 175px för + resten? Jag kunde inte hitta referens material om den här typen av format i w3schools.com
