---
title: "Positionering"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/158394-positionering"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "axionman"
published: "2007-03-20T08:51:44.000Z"
updated: "2007-03-25T12:28:59.000Z"
replies: 81
views: 2233
page: 1
pages: 5
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/158394-positionering"
---
# Positionering
_Sida 1 av 5._
## #1 — axionman, 2007-03-20T08:51Z
Hej! Håller som sagt på med lite saker som snart alla vet.
Är så att jag håller på med en meny. I denna lilla rektangel så ska de vara en inloggning. Men texten blir så långt ifrån varannat. Jag vill ha det mer kompakt och centrerat. Hur löser man detta? Har försökt komma på de men de går bara inte.
```
SKATEDEMOS
LOGIN
```
```
border-right:1px solid white;
margin-top: 10px;
background-repeat: no-repeat;
background-position: bottom
}
#textframe {
width:500px;
height:100px;
border:1px solid white;
background-color:black;
float:right;
margin-right:50px;
margin-top:5px
}
#meny1 {
width:120px;
height:150px;
background-color:#2F4F4F;
border:1px solid white;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 5px;
}
#meny2 {
width:120px;
height:250px;
background-color:#2F4F4F;
border:1px solid white;
margin-top:5px;
margin-left:5px
}
#select {
margin-left:10px
}
p {
}
.form {
height:18px;
width:60px;
margin-left:30px
```
Permalänk: https://www.webforum.nu/p/158394
## #2 — silfver, 2007-03-20T09:01Z
Börja med att separera html och css i olika kod-taggar. \[html\]-tagg för din html och \[kod\]-tagg för css.
Permalänk: https://www.webforum.nu/p/1949522
## #3 — axionman, 2007-03-20T09:11Z
okok vet inte hur man gör de bara?
Permalänk: https://www.webforum.nu/p/1949529
## #4 — silfver, 2007-03-20T09:13Z
> **axionman skrev:**
>
> okok vet inte hur man gör de bara?
Markera din html-kod och klicka på knappen som ser ut som två **\< \>** så kommer den omsluta all din html-kod med en html-tagg.
För din css-kod gör likadant, fast du klickar på knappen **\#**.
Permalänk: https://www.webforum.nu/p/1949533
## #5 — axionman, 2007-03-20T09:14Z
tackar
Permalänk: https://www.webforum.nu/p/1949535
## #6 — silfver, 2007-03-20T09:16Z
> **axionman skrev:**
>
> tackar
Så. Nu blir det mycket lättare att tolka koden. :)
I din css så ser jag flera fel. Du har bland annat missat måsvingar i första blocket, dessutom saknar du semikolon lite här och var. Börja med att rätta till det.
Ditt första kodblock saknar dessutom värde, eller vad skall den här koden gälla på? Ändra detta:
```
border-right:1px solid white;
margin-top: 10px;
background-repeat: no-repeat;
background-position: bottom
}
```
Till:
```
body? {border-right:1px solid white; /* Där frågetecknet givetvis inte skall vara med */
margin-top: 10px;
background-repeat: no-repeat;
background-position: bottom[B];[/B]
}
```
Permalänk: https://www.webforum.nu/p/1949536
## #7 — silfver, 2007-03-20T09:20Z
Du kan skriva så här också:
```
#meny1 p input {margin: 0; padding: 0;}
```
Permalänk: https://www.webforum.nu/p/1949537
## #8 — axionman, 2007-03-20T09:24Z
nu ser koden ut så här.
```
body {
background-color:gray;
border-right:1px solid white;
margin-top: 10px;
}
#header {
width: 768px;
height: 70px;
background-color:#696969;
border:3px solid white;
margin-bottom: 10px;
}
}
#lager1 {
width:768px;
height:800px;
background-color:#696969;
border-top:3px solid white;
border-bottom:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
margin-top: 10px;
background-repeat: no-repeat;
background-position: bottom;
}
#textframe {
width:500px;
height:100px;
border:1px solid white;
background-color:#696969;
float:right;
margin-right:50px;
margin-top:5px;
}
#meny1 {
width:120px;
height:200px;
background-color:#2F4F4F;
border:1px solid white;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 5px;
}
#meny2 {
width:120px;
height:250px;
background-color:#2F4F4F;
border:1px solid white;
margin-top:5px;
margin-left:5px;
}
#select {
margin-left:10px;
}
p1 {
}
.form {
height:18px;
width:60px;
margin-left:30px;
}
.headmenytitle {
font-size:15px;
color:gray;
margin-top:5px;
margin-left:5px;
}
```
Permalänk: https://www.webforum.nu/p/1949540
## #9 — axionman, 2007-03-20T09:25Z
> **silfver skrev:**
>
> Du kan skriva så här också:
>
> ```
> #meny1 p input {margin: 0; padding: 0;}
> ```
Ok jag förstår inte riktigt?
Permalänk: https://www.webforum.nu/p/1949541
## #10 — silfver, 2007-03-20T09:26Z
> **axionman skrev:**
>
> Ok jag förstår inte riktigt?
Jag menar inte att du skall ersätta all din css med mitt förslag, utan du ska bara lägga till den koden. Då kommer dina p-taggar och inputfält inte ha några marginaler eller paddings, och då kommer de att ligga närmre varann, så som du ville. Eller hur var det? :)
Permalänk: https://www.webforum.nu/p/1949543
## #11 — axionman, 2007-03-20T09:28Z
aha. ja de var så jag ville ha det. tack så mycket. Men när jag gjorde så sa kom det in en ny ruta plus att allt la sig längre ner.
Permalänk: https://www.webforum.nu/p/1949546
## #12 — silfver, 2007-03-20T09:36Z
Jag börjar bli lite osäker på hur du vill ha det. Men pröva ersätta din \ med följande:
```
```
Permalänk: https://www.webforum.nu/p/1949549
## #13 — axionman, 2007-03-20T09:38Z
alltså allting lägger sig under varannat. E skitstörigt. Plus att det har kommit upp en ny rektangel som skjuter ner allt. Det ligger inte i vartannat
jag tog nu bort det du skrev efter. Det "p input"
Och nu fungerar det.
Permalänk: https://www.webforum.nu/p/1949551
## #14 — axionman, 2007-03-20T09:48Z
okok det blev bättre men jag skulle vilja tighta till allt mer. Sen ligger de nog centrerat också? men jag kan ha fel där. Men i alla fall lite tightare mellan allt hade inte skadat. hur gör man detta?
Permalänk: https://www.webforum.nu/p/1949552
## #15 — Danne V, 2007-03-20T10:11Z
> **silfver skrev:**
>
> Jag börjar bli lite osäker på hur du vill ha det. Men pröva ersätta din \ med följande:
>
> ```
>
> ```
Du glömde stänga översta inputen. Sen så finns det väl ingen anledning att ha p-taggar där alls, eller?. Slutligen brukar en del webbläsare lägga till marginaler till form-taggar, så man måste nolla i CSS:
```
```
```
form {
margin:0px
}
```
Permalänk: https://www.webforum.nu/p/1949557
## #16 — axionman, 2007-03-20T10:26Z
okok nu ser jag. jag löste det. hehe. tack för all hjälp. vet inte vad jag hade gjort utan er. jag tog bort \ så löste de sig. Vet inte varför jag satt in den?
Permalänk: https://www.webforum.nu/p/1949562
## #17 — axionman, 2007-03-20T11:17Z
hej jag har en fråga till. Om man har en egen bild som man vill ha som submit knapp. Alltså en inloggningsknapp. Hur gör man då? Jag har följande.
```
```
Permalänk: https://www.webforum.nu/p/1949567
## #18 — Danne V, 2007-03-20T11:27Z
> **axionman skrev:**
>
> hej jag har en fråga till. Om man har en egen bild som man vill ha som submit knapp. Alltså en inloggningsknapp. Hur gör man då? Jag har följande.
>
>
>
> ```
>
> ```
Nej, det där är en vanlig länk. Formuläret måste få en order om att skicka informationen och det får det bara om skicka-länken ser ut på ett speciellt sätt:
```
```
Ändra det som passar dig.
EDIT: Oooops... jag glömde "stänga" taggen med den där slashen på slutet.
Permalänk: https://www.webforum.nu/p/1949569
## #19 — axionman, 2007-03-20T11:44Z
tack så jättemycket. Men du behöver jag ha med height och width?
tack än en gång.
Permalänk: https://www.webforum.nu/p/1949571
## #20 — silfver, 2007-03-20T11:55Z
> **Danne V skrev:**
>
> Du glömde stänga översta inputen. Sen så finns det väl ingen anledning att ha p-taggar där alls, eller?. Slutligen brukar en del webbläsare lägga till marginaler till form-taggar, så man måste nolla i CSS:
>
>
> ```
>
> ```
>
>
>
>
> ```
> form {
> margin:0px
> }
> ```
Jag tycker att det blir snyggare så när man stänger av stilmallarna. :)
Permalänk: https://www.webforum.nu/p/1949576
---
Tråden på webben: https://www.webforum.nu/amne/html-css/158394-positionering
Nästa sida: https://www.webforum.nu/amne/html-css/158394-positionering/page2.md
```
Permalänk: https://www.webforum.nu/p/1949567
## #18 — Danne V, 2007-03-20T11:27Z
> **axionman skrev:**
>
> hej jag har en fråga till. Om man har en egen bild som man vill ha som submit knapp. Alltså en inloggningsknapp. Hur gör man då? Jag har följande.
>
>
>
> ```
>