---
title: "mitt första försök med XHTML och CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/138193-mitt-första-försök-med-xhtml-och-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ptr_lks"
published: "2005-11-24T18:32:00.000Z"
updated: "2005-11-25T22:07:04.000Z"
replies: 7
views: 455
page: 1
pages: 1
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/138193-mitt-första-försök-med-xhtml-och-css"
---
# mitt första försök med XHTML och CSS
## #1 — ptr_lks, 2005-11-24T18:32Z
Jag vill göra om och förbättra [denna sida](http://www.polisenbasket-p93.se/meny.html)
XHTML-koden (se koden.txt) fick godkännt vid validering. Men CSS-koden (se css.txt) [fick det inte](http://jigsaw.w3.org/css-validator/validator?text=%3Cstyle+type%3D%22text%2Fcss%22%3E%0D%0Abody%7B%0D%0A%09font-size%3A+12px%3B%0D%0A%09color%3A+%23000000%3B%0D%0A%7D%0D%0Abody+%7B%0D%0A%09background-color%3A+%23FFFFFF%3B%0D%0A%09margin-left%3A+0px%3B%0D%0A%09margin-top%3A+0px%3B%0D%0A%7D%0D%0Aul+%7B%0D%0Amargin%3A+0px%3B%0D%0Apadding%3A+0px%3B%0D%0Alist-style-type%3A+none%3B%0D%0Awidth%3A+100%25%3B+%2F*+precision+for+Opera+*%2F%0D%0A%7D%0D%0A%0D%0A.menu+li+%7B%0D%0Afloat%3A+left%3B%0D%0A%7D%0D%0A%0D%0A.menu+a+%7B%0D%0Amargin%3A+0+0px%3B%0D%0Awidth%3A+92px%3B%0D%0Aheight%3A+20px%3B%0D%0Adisplay%3A+block%3B%0D%0Atext-align%3A+center%3B%0D%0Aborder%3A+0px+solid+gray%3B%0D%0Atext-decoration%3A+none%3B%0D%0Acolor%3A+white%3B%0D%0Abackground%3A+%23283a86%3B%0D%0A%7D%0D%0A%0D%0A.menu+a%3Ahover+%7B%0D%0Abackground%3A+%23283a86%3B%0D%0Acolor%3A+%23ff0%3B%0D%0Aborder%3A+0%3B+%0D%0A%7D%0D%0A%0D%0A.menu+a%3Aactive+%7B%0D%0Abackground%3A+%23283a86%3B%0D%0Acolor%3A+%23ff0%3B%0D%0Aborder%3A+0%3B+%0D%0A%7D%0D%0Ah2+%7B%0D%0Amargin-left%3A+250px%3B%0D%0Amargin-top%3A+-20px%3B%0D%0A%7D%0D%0A%0D%0A%0D%0A--%3E%0D%0A%3C%2Fstyle%3E%0D%0A&usermedium=all)
Sidan [live](http://www.polisenbasket-p93.se/test.html)
1. vad beror varningen från valideringen?
2. vad beror error från valideringen?
3. texten i menyn är lite för liten, hur gör jag den större?
4. Missnöjd med texten (p93´s hemsida). Nu har jag negativ värde på top margin, och ändå får jag inte till det. Vill ha som [här](http://www.polisenbasket-p93.se/meny.html)
Bilagor:
- [css.txt](https://www.webforum.nu/a/8566.txt)
- [koden.txt](https://www.webforum.nu/a/8567.txt)
Permalänk: https://www.webforum.nu/p/138193
## #2 — caya, 2005-11-24T18:47Z
a) du har angett två body
b) varningen beror på att valideraren vill ha bakgrundsfärg på alla element. att du fick just det felmeddelandet beror nog på a) du har angett två body
c) ange font-size:14px; så blir menyn större än övrig text.
d) kan du inte göra såhär?
i koden
\ \
\Pojkar P93´s hemsida \
i css:en
h1 {
background-image:url(images/spifbanner.jpg);
height:hur hög bilden är;
widht:hur bred bilden är;
}
Permalänk: https://www.webforum.nu/p/1714757
## #3 — ptr_lks, 2005-11-24T18:47Z
Har provat en liten förändring:
ändrat h2 -\>
```
.hemsida{
margin-left: 250px;
margin-top: -20px;
}
Pojkar P93´s hemsida
```
Det ser bättre ut iaf i IE (se div.gif), men inte i FF (se div_FF.gif).
Men vill ha större bokstäver och bättre placering i FF
Bilagor:
- [div.GIF](https://www.webforum.nu/a/8568.gif)
- [div_FF.GIF](https://www.webforum.nu/a/8569.gif)
Permalänk: https://www.webforum.nu/p/1714758
## #4 — ptr_lks, 2005-11-24T20:00Z
Får inte till det hela..
har provat med
```
h2 {text-indent: 168px;
margin-top: -15px;
}
```
1. texten för nära bilden
2. för stort avstånd mellan texten och menyn
Även om det ser bättre ut i IE än i FF
Och
- Varför negativt värde på margin-top????
Bilagor:
- [IE.GIF](https://www.webforum.nu/a/8570.gif)
- [FF.GIF](https://www.webforum.nu/a/8571.gif)
Permalänk: https://www.webforum.nu/p/1714811
## #5 — ptr_lks, 2005-11-25T06:51Z
Nu har jag ändrat koden till\[CODE\]h2 {
font: 24px verdana, arial, georgia, san-serif;
padding-left: 200px;
padding-top: 0px;
padding-bottom: 0px;
}
Som ni ser, ser det bättre ut, men fortfarande för stort mellanrum mellan bilden och meny
Dessutom fick jag [följande resultat på CSS valideringen](http://jigsaw.w3.org/css-validator/validator?text=h2+%7B%0D%0Afont%3A+24px+verdana%2C+arial%2C+georgia%2C+san-seriff%3B%0D%0Apadding-left%3A+200px%3B%0D%0Apadding-top%3A+0px%3B%0D%0Apadding-top%3A+0px%3B%0D%0A%7D&usermedium=all)
Kan jag få hjälp med att tolka och ändra?
Bilagor:
- [FF.GIF](https://www.webforum.nu/a/8572.gif)
- [IE.GIF](https://www.webforum.nu/a/8573.gif)
Permalänk: https://www.webforum.nu/p/1714937
## #6 — webbebba, 2005-11-25T09:04Z
h2 {
font-size: 24px;
font-family: georgia, verdana, arial, sans-serif;
padding-left : 200px;
padding-top : 0;
}
Permalänk: https://www.webforum.nu/p/1714966
## #7 — ptr_lks, 2005-11-25T09:55Z
Din kod webbebba ger fortfarande för stort mellanrum
Har gjort ett försök med två "spalter" header och menu..
Se ny_kod.txt
Blir tyvärr som ni ser skillnad mellan IE och FF :(
Det verkar som att det IE som strular, för efter att ha installerat Netscape 7.2 så ser jag att sidan ser bra ut även där...
MIn fråga:
- går detta att lösa
- i så fall hur?
Bilagor:
- [ff.GIF](https://www.webforum.nu/a/8575.gif)
- [ie.GIF](https://www.webforum.nu/a/8576.gif)
- [ny_kod.txt](https://www.webforum.nu/a/8577.txt)
Permalänk: https://www.webforum.nu/p/1714988
## #8 — Skarre, 2005-11-25T22:07Z
Jag tyckte väl att sidan såg konstig ut. Bilden i sidhuvudet har "banner" i namnet, så mitt reklamfilter plockade bort den. Döp bilden till "header" eller något istället. Alla har inte så hårda filter som jag, men om du vill vara på den säkra sidan. :)
Permalänk: https://www.webforum.nu/p/1715271
---
Tråden på webben: https://www.webforum.nu/amne/html-css/138193-mitt-första-försök-med-xhtml-och-css