---
title: "försa försökter med CSS layout"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/138461-försa-försökter-med-css-layout/page2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ptr_lks"
published: "2005-11-29T09:04:32.000Z"
updated: "2005-12-02T16:13:44.000Z"
replies: 116
views: 2435
page: 2
pages: 6
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/138461-försa-försökter-med-css-layout"
---
# försa försökter med CSS layout
_Sida 2 av 6._
## #21 — caya, 2005-11-29T15:55Z
jo men id="menu" är ju två gånger...
Permalänk: https://www.webforum.nu/p/1719610
## #22 — tanten, 2005-11-29T16:00Z
Ja det glömde jag.
Du har lagt på 5px padding på content och det är den som syns...efter menyraden.
Permalänk: https://www.webforum.nu/p/1719614
## #23 — ptr_lks, 2005-11-29T16:22Z
> **tanten skrev:**
>
> Ja det glömde jag.
> Du har lagt på 5px padding på content och det är den som syns...
har jag?
Permalänk: https://www.webforum.nu/p/1719618
## #24 — tanten, 2005-11-29T16:26Z
Ja åtminstone i den stylesheeten som jag ser. Är det samma länk som gäller fortfarande?
Tycker du det är skoj?
Permalänk: https://www.webforum.nu/p/1719621
## #25 — ptr_lks, 2005-11-29T16:30Z
> **tanten skrev:**
>
> Ja åtminstone i den stylesheeten som jag ser. Är det samma länk som gäller fortfarande?
> Tycker du det är skoj?
Ursäkta hoppas du inte tog illa upp... Jag är mycket tacksam, men smått desperat...
Känner att jag håller på tappa greppet
Menar du att jag skall ha
```
#content {
height:auto;
text-align:left;
padding: 20px 0 0 75px;}
```
För i såfall ber jag om ursäkt att kag ifrågesätter dig, men jag har minskat ner till
```
]#content {
height:auto;
text-align:left;
padding: 0 0 0 0;}
```
Utan resultat i FF/Netscape.. I IE sitter däremot perfekt
Permalänk: https://www.webforum.nu/p/1719624
## #26 — tanten, 2005-11-29T17:03Z
Gör inte det! Be om ursäkt och tappa grepp menar jag.
Vi tar en sak i taget...
Är det länken du har uppe nu som gäller?
För det som jag sparat ner från förut blir OK i FF, och jag hittar inte felet på den sidan som du har uppe nu.
Fattar inte, men jag letar...:-)
Permalänk: https://www.webforum.nu/p/1719629
## #27 — tanten, 2005-11-29T17:29Z
Tiden rinner i väg för mig. Testa min fil som jag har, och se om du kan se vad skillnaden finns någonstans. La till lite saker vi pratat om tidigare... hoppas det fungerar och att du har användning för det.
Bilagor:
- [ind.txt](https://www.webforum.nu/a/8644.txt)
Permalänk: https://www.webforum.nu/p/1719635
## #28 — ptr_lks, 2005-11-30T07:02Z
> **tanten skrev:**
>
> Tiden rinner i väg för mig. Testa min fil som jag har, och se om du kan se vad skillnaden finns någonstans. La till lite saker vi pratat om tidigare... hoppas det fungerar och att du har användning för det.
Nu har jag kollat igenom koden jag fick från dig, och lagt upp den sidan[som test3](http://www.polisenbasket-p93.se/test3.html)
1. du har bytt till
```
.menu li {
float: left;
width: auto;
height: 20px;
```
2. och satt in en height i ul
```
ul {
margin: 0;
height: 20px;
padding: 0;
list-style-type: none;
width: 100%; /* precision for Opera */
}
```
3. Jag har satt tillbaka in
```
#header h1 {
text-align:center;
color: #000066;
padding: 0 0 3px 0;
}
```
Permalänk: https://www.webforum.nu/p/1719786
## #29 — tanten, 2005-11-30T07:59Z
Ser att jag glömt ett \ längst ner på den sidan jag gjorde, efter p:na.
Min fråga till dig om du tyckte det var roligt, var inte riktad som någon kritik eller så. Jag tycker bara det är skoj att hjälpa till även om det nu blev fel. Jag kan inte förstå varför de ändringar som du hittade ska kunna påverka bredden på menyn... :-)
Du får testa med padding på menyn nu för att se om den kan komma ner till mitten.
Vet fortfarande inte vad det är för gul border du ville ha.
Permalänk: https://www.webforum.nu/p/1719795
## #30 — ptr_lks, 2005-11-30T08:07Z
> **tanten skrev:**
>
> Min fråga till dig om du tyckte det var roligt, var inte riktad som någon kritik eller så. Jag tycker bara det är skoj att hjälpa till även om det nu blev fel. Jag kan inte förstå varför de ändringar som du hittade ska kunna påverka bredden på menyn... :-)
Jo, jag tycker att det är roligt och utveklande att lära mig ngt nytt...
Och nej, jag förstår inte heller...
> **tanten skrev:**
>
> Du får testa med padding på menyn nu för att se om den kan komma ner till mitten
jag vill inte ha menyn på mitten, utan exakt där den är för tillfället...
> **tanten skrev:**
>
> Vet fortfarande inte vad det är för gul border du ville ha.
Tänkte mig som en inramning av det vita fältet- för att få fram polisens färger blå/gul/vit
Permalänk: https://www.webforum.nu/p/1719797
## #31 — tanten, 2005-11-30T08:27Z
Menar du hela containern mot det mörkblåa?
Den som du har satt till mörkblå nu? I så fall ändrar du det blåa till gult.
Testa och se vad som händer om det är den du menar
border: 1px solid #FFCE73;
Vill du bara att det ska vara på sidorna så ändrar du till border-left och border-right.
Permalänk: https://www.webforum.nu/p/1719807
## #32 — ptr_lks, 2005-11-30T08:45Z
> **tanten skrev:**
>
> Menar du hela containern mot det mörkblåa?
> Den som du har satt till mörkblå nu?
Tänk att jag var så nära, men ändå...
Har inte fått rätt färg än, men vad tycker du/ni? skall jag ha gult "ram" eller?
Permalänk: https://www.webforum.nu/p/1719810
## #33 — tanten, 2005-11-30T08:58Z
Det är väl OK om du vill ha det så, använd samma färg som du har på a:hoover...
Permalänk: https://www.webforum.nu/p/1719813
## #34 — ptr_lks, 2005-11-30T09:44Z
Vad anser ni? Viket ser "bäst" ut:
1. [utan ram](http://www.polisenbasket-p93.se/css/ram0.html)
2. [med ram alternativ 1](http://www.polisenbasket-p93.se/css/ram1.html)
3. [med ram alternativ 2](http://www.polisenbasket-p93.se/css/ram3.html)
Under tiden skall jag försöka leka med "brödtextens placering"
Permalänk: https://www.webforum.nu/p/1719821
## #35 — ptr_lks, 2005-11-30T12:50Z
Måste säga att ajg inte riktigt förstår varför jag skall placera min text i boxar/div. :q
Har ju en
> \#content
som jag trodde skulle innehålla texten...
Hur som helst, hur skulle denna [sida kunna konverteras](http://www.polisenbasket-p93.se/sida.asp) till CSS?
Permalänk: https://www.webforum.nu/p/1719893
## #36 — tanten, 2005-11-30T13:25Z
Av vad jag förstår så är detta resultatet av en asp-kod och att du då måste ändra i den koden och inte på html-sidan, så att den skriver ut sidan som du vill.
css kan du kopiera och lägga till i din andra stylesheet men att du måste skriva i vilken div den ska gälla.
Permalänk: https://www.webforum.nu/p/1719901
## #37 — ptr_lks, 2005-11-30T13:31Z
> **tanten skrev:**
>
> Av vad jag förstår så är detta resultatet av en asp-kod och att du då måste ändra i den koden och inte på html-sidan, så att den skriver ut sidan som du vill.
> css kan du kopiera och lägga till i din andra stylesheet men att du måste skriva i vilken div den ska gälla.
Inte allting är resultatet av asp-kod...
Permalänk: https://www.webforum.nu/p/1719903
## #38 — tanten, 2005-11-30T16:53Z
Det fanns så mycket både stora och små fel både i koden och stylen så jag orkade inte berätta om alltihop. Fattas kolon med mera.
Så jag gjorde en div och la in aspsidans html-koder och lät layouten vara som den var.
Placerade den på mitten...:-)
Kanske kan det vara någon hjälp när du ska ändra asp-koden.
Jag har aldrig hållit på med asp...
OBS. jag har ändrat ganska mycket i den ursprungliga stylen också...
Nu när du börjar jobba med fler sidor, så skulle du nog plocka bort stylen och lägga den i en egen css-fil, annars kommer du snart bli "olycklig" :-)
Bilagor:
- [aspsidan.txt](https://www.webforum.nu/a/8652.txt)
Permalänk: https://www.webforum.nu/p/1719977
## #39 — ptr_lks, 2005-11-30T17:18Z
> **tanten skrev:**
>
> .
> Så jag gjorde en div och la in aspsidans html-koder och lät layouten vara som den var.
> Placerade den på mitten...:-)
är det koden
```
#text{
margin-right: auto;
margin-left: auto;
text-align:left;
}
```
1. är det så?
2. om ja, hur viktigt är ordningen? var kommer "stylen" in?
3. hur går arvet i CSS: jag definierar p i body, ärver samtliga divar?
4. enligt min gamla sida och din lösning så kör jag med \, \
och \. Är denna lösning det bästa?
> **tanten skrev:**
>
> .
> Nu när du börjar jobba med fler sidor, så skulle du nog plocka bort stylen och lägga den i en egen css-fil, annars kommer du snart bli "olycklig" :-)
hur fungerar med validering om jag har en separat css-fil?
Permalänk: https://www.webforum.nu/p/1719985
## #40 — tanten, 2005-12-01T07:41Z
> **ptr_lks skrev:**
>
> är det koden
>
> ```
> #text{
> margin-right: auto;
> margin-left: auto;
> text-align:left;
> }
> ```
>
>
>
> 1. är det så?
> 2. om ja, hur viktigt är ordningen? var kommer "stylen" in?
> I det som Står med #text framför
> 3. hur går arvet i CSS: jag definierar p i body, ärver samtliga divar?
>
> p kan du inte definiera i body...
> Man brukar rekommenderas att ha font egenskaperna i body, sedan behöver man bara ange % av den storleken i andra classer och divar i fall man vill ha mindre eller större fonter eller sådant som annan färg.
> Ska man vara riktigt användarvänlig så ska man ange 100% på fonten i bodyn, och då visas användarens egen inställning direkt. Men då vet du inte hur sidan ser ut hos användaren.
> Du kan också ge p egenskaper som ärvs, men man brukar vilja använda p på så många olika sätt att man kan låta bli det och skapa egenskaper för p genom att först ange vart p ska vara när den ska se ut på ett visst sätt.
> För enkelhetens skull kan man väl säga att allt som man kan skriva i stylsheeten utan # eller . framför ärvs genom alla dokument.
> 4. enligt min gamla sida och din lösning så kör jag med \, \
och \. Är denna lösning det bästa?
>
>
> Jag skulle inte använda den själv, dessutom fanns två classer som pekade på samma text och då gäller den sista. Jag behöll alltihop som det såg ut bara av den anledningen att jag inte vet hur asp-koden ser ut.
> Jag delade upp det så egenskaperna bara skulle gälla just denna lista inget annat.
>
> hur fungerar med validering om jag har en separat css-fil?
Du validerar den för sig eller tillsamman med sidan
Länken dit är http://jigsaw.w3.org/css-validator/
Får se om detta blev rätt. Första gången jag svara med citat :-)
Permalänk: https://www.webforum.nu/p/1720177
---
Tråden på webben: https://www.webforum.nu/amne/html-css/138461-försa-försökter-med-css-layout/page2
Föregående sida: https://www.webforum.nu/amne/html-css/138461-försa-försökter-med-css-layout.md
Nästa sida: https://www.webforum.nu/amne/html-css/138461-försa-försökter-med-css-layout/page3.md