Hur lägger man såna där div-rutor precis till höger om en annan div-ruta? Det är ju (iaf i mitt huvud) fulkod att ange hur många pixlar in från vänster kant på fönstret de ska ligga…
Hur lägger man såna där div-rutor precis till höger om en annan div-ruta? Det är ju (iaf i mitt huvud) fulkod att ange hur många pixlar in från vänster kant på fönstret de ska ligga…
Det finns mängder med sätt att göra det på, och flera av dem använder jag i mina gratismallar. Se och härma! Nyckelordet är “float”, där objekt placeras i sin naturliga ordning – utifrån de förutsättningar man angivit. Absoluta positioner bör man undvika i alla lägen, de gör bara saker krångligare att förstå senare…
Du kan till exempel låta div1 använda float:left; och lägga div2 efter div1 i HTML-koden. Då kommer div2 att hamna till höger om div1… 🙂
Meh, var det SÅ enkelt? =) Jag hade snöat in mig på float: right, men då hamnade ju allt långt till höger…
Hur går det om elementen (eller vad de kallas) är för breda för skärmen? *går och provar*
Ja, det verkade ju inte göra något. De la sig där de skulle hur breda de än var…
Fast jag får inte till det med marginalerna och det… Mellanrum är innehåll för mig, men inte för css, verkar det som…
Men om man anger en variabel som är hur bred sidan är, då är inte koden ful längre… *letar efter variabler*
Va? Får man inte ha variabler?!?! nehe…
Nej, inga variabler. CSS talar om hur innehållet ska presenteras. Allt du behöver finns i CSS!
Mellanrum är kluriga till en början eftersom det finns ett par olika typer och flera olika metoder för att använda dem. Men följande gäller:
margin = marginal = avståndet mellan ett objekts ytterkant till utanförliggande objekt.
padding = inre marginal = avståndet mellan ett objekts ytterkant till det som ligger inuti objektet. Till exempel en textparagraf inuti en div. Tänk på att paragrafen kan ha egen margin och padding – och att dessa då måste räknas in också.
border = ram = bredden på ett objekts ytterkant. Används bara när du av någon anledning vill rama in något objekt.
padding + border + margin (på alla inblanaded objekt) = det totala mellanrummet.
Ett bra tips till en CSS-nybörjare är att undvika padding så långt det bara är möjligt. Lär dig bemästra marginalerna, för de kommer du att använda hela tiden för att lägga saker på sina respektive platser enligt float-principen.
Visst låter det lätt? 😉
Jodå! Och i experimenterande syfte har jag nu hackat sönder min hemisda… =) Ser inte klokt ut i IE…