Få elementer til at flytte sig hvis du sætter nogle nye ind.

Tags:    html css

Hej Udvikleren

Jeg er i gang med at lave en hjemmeside for en klub og har lidt problemer med noget HTML og CSS.

Jeg vil genre lave det sådan, at man kan sætte nye elementer ind, som tekst, billeder m.m, indimellem de ting man allerede har sat ind.

FX:

jeg har skrevet noget tekst, sat et background-image ind og noget mere tekst.

Nu vil jeg gerne sætte noget mere ind på et givent sted, men ønsker ikke at skulle sætte ny left og top på alle elementerne, hver gang jeg sætter noget nyt ind. Det vil sige jeg gerne vil have at det flytter sig et vidst antal pixels ned så de to elementer ikke står oven i hinanden, hvis jeg indsætter noget nyt.

Hvordan kan dette lade sig gøre?

Håber i forstår mig?

på forhånd tak
Sigurd





7 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
Hmm du kan måske bruge margins,
ved ikke om det er den bedste løsning.

Men hvis du skriver f.eks:

Fold kodeboks ind/udKode 






Indlæg senest redigeret d. 07.02.2009 11:43 af Bruger #14641
Vil referere til denne guide på www.html.dk

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



Har du sat alle dine elementer til position:absolute ?!



Hej alle sammen

Splitti: Har jeg prøvet og kan jeg delvist også godt få til at virke, men kun med samme antal pixel mellem hvert element. Men da jeg gerne vil have forskellige antal pixel, mellem elementerne fungere det jo ikke helt, men ved ikke om det er fordi jeg gør det forkert?.

Desuden kan jeg ikke få background-image (sat ind i CSS) til at stå med 20px mellemrum, som med de andre elementer, men ved ikke om man kan få et background-image til at "flyde".

Prøvet lige at lave en lille test af hvordan jeg har gjort. Se her: http://sigurdmyrthu.dk/Test.zip

Jens: Kan ikke helt se hvordan jeg kan gøre det med float?

Steffen: Ja det har jeg.

Tak for svarene.

Hilsen Sigurd






Prøv at kigge i koden på den her side :D

Kan være det kan hjælpe dig lidt ang Float :D

http://www.splitti.frac.dk/test/test/test.html



Tror jeg har forstået det med float nu.
Tak for hjælpen Splitti :D





Velbekommen :D

Du må sige til hvis du har andre spørgsmål :D



t