Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Css - ''space'' imellan mina boxar.

Skapad av Wc3_Or_Wow, 2011-02-11 09:16 i Webbutveckling & Programmering

1 368
10 inlägg
0 poäng
Wc3_Or_Wow
Visningsbild
Hjälte 1 648 inlägg
0
Så, jag har ett par boxxar på min css sida, det är meningen att det ska vara mellan rum på dessa, typ nu ligger de mitt brevid varandra, men de ska vara en 10-20px mellanrum, hur gör jag det?

T ex; ll till l l

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
0
margin: topPx rightPx bottomPx leftPx; :D

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

jnylen
Visningsbild
P 31 Hjälte 44 inlägg
0
borde inte padding funka också?

padding: <pixlar>px;
för en seperat sida:
padding-right/left/top/bottom: <PIXLAR>px;

Jag hette tidigare beatx

SkalmanOnDrugs
Visningsbild
P 35 Göteborg Hjälte 2 758 inlägg
0
typ

<html>
<head>
<link rel="stylesheet" href="default.css" type="text/css">
</head>

<body>

<div id="box1">hej</div>
<div id="box2">då!</div>

</body>
</html>

----------------------------------------------------

/* Stylesheet 1 -------------------------------*/


#box1 { margin-right: 10px; }

Du måste konstruera ytterligare pyloner

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
0

Svar till beatx [Gå till post]:
Padding ger utrymme i boxarna, inte mellan boxarna :)


HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Wc3_Or_Wow
Visningsbild
Hjälte 1 648 inlägg
Trådskapare
0
ja så hur jag gör nu då.. kan testa vad skalman sa snart.
west_west
Visningsbild
P 33 Rimforsa Hjälte 375 inlägg
0

Svar till Wc3_Or_Wow [Gå till post]:
Det finns ett gäng olika sätt, men man hanterar normalt "space" mellan boxar med hjälp av CSS-kommandot "margin". Och margin är ganska flexibelt och man kan med hjälp av olika nyckelord "styra" var det här mellanrummet ska hamna. Har du 2 eller fler olika boxar på en rad och har dem vänsterjusterade och vill att den vänstra boxen ska ligga exakt där den ligger så är "margin-right: 10px" lämpligt. Men du kan lika gärna testa med "margin-left: 10px". När du ändå är igång så testa också margin-top och margin-bottom så att du känner att du verkligen kan just kommandot margin.

Jag behöver inga flashiga bilder eller copy-paste:ade resonemang för att visa att jag har rätt.

jnylen
Visningsbild
P 31 Hjälte 44 inlägg
0
Svar till Erotisk_Eruption [Gå till post]:
Sant, tror jag var lite trött när jag skrev det där.



Tillägg av beatx 2011-02-13 16:37

Glöm inte om du vill få upp den eller ner den lite kan du köra -10px osv.
t ex:
margin-top: -10px;

Jag hette tidigare beatx

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
0

Svar till beatx [Gå till post]:
minusvärden på margin <////3

Behöver man tvinga boxar någonstans kan man köra position: relative;
top: 30px; eller så :D

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

lurredurre
Visningsbild
P Hjälte 2 107 inlägg
0

Svar till Wc3_Or_Wow [Gå till post]:
På boxen som är till höger lägger du till: "position:relative;left:20px" :P

Hej!


Forum » Datorer & IT » Webbutveckling & Programmering » Css - ''space'' imellan mina boxar.

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons