Forklaring af {Position: relative; float: left;}

http://www.html.dk/tutorials/css/lektion14.asp

Og du kan også kigge på http://www.w3schools.com

Hej...
Tjekker lige de to links ..!!
Vender tilbage!!

Hej igen..
Nu har jeg læst lidt om det....Og har forstået at
{Position: Relative;} flytter i forhold til den position det har i Html dokumentet, og at selv om det flyttes stadig bevarer/optager sin oprindelige position i Html dokumentet.



Vil det så i det ovenstående sige, at li(list Itemet) flydes til venstre, men at det stadig pga. Position: relative bibeholder sin nuværende plads som centreret tekst(text-align: center)

Er det rigtig forstået...???

Jeg skulle mene det holder sig sådan:

text-align: center
Det betyder blot, at teksten inden i dit element, i dette tilfælde en LI vil være centreret.

position: relative
Betyder elementer er placeret som det normalt ville, men kan så skubbes/trækkes med top, left. Så 0,0 er det punkt, som et helt "normalt" element ville befinde sig i.
Så laver du f.eks.:
top:50
left:50
Så flytter du dit element 50 pix til højre og 50 pix ned på siden, i forhold til hvor det normalt ville være placeret.

float:left
Elementer vil rykke sig sammen på samme linje, hvis der er plads.
Laver du f.eks. 2 div, med bredden: 100px, så vil de uden float ende som:
DIV1
DIV2

med float:left
vil det blive:

DIV1 DIV2

display:block
Er det samme som en "standard" div, da den vil tage hele bredden i brug, svarende til 100%
En span, vil kun fylder det som der er puttet i den.

Prøv f.eks.:

<div style="background-color:red">Jeg er DIV/BLOCK</div>
<span style="background-color:red">Jeg er SPAN/INLINE</span>

Der vil du se forskellen på BLOCK og INLINE.

Men når der hele så kommer til hvad der har højest prioritet i din kode herover, så står min viden af. (og gider ikke læse op på den pt)

Hej...
Tak for hjælpen i to.... Jeg fik lidt spredt viden både af michael_stim og jakobdo...
Så vær venlig og læg et svar så i kan dele pointene.

Svar!

Ellers tak, samler ikke.

Takker for point.