---
title: "Fel på div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/179401-fel-på-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Emil W"
published: "2009-07-14T12:03:57.000Z"
updated: "2009-07-15T05:41:38.000Z"
replies: 7
views: 562
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/179401-fel-på-div"
---

# Fel på div

## #1 — Emil W, 2009-07-14T12:03Z

Hej alla 

jag har gjort en meny  och den vill jag ha i mitten och texten i mitten hur får man det ?

här är koden jag har 

css kod 

```
.meny{background:#FFFFFF; margin-top:15px; width:190px; float:left; height:300px;}
ul{list-style-type:none; border:0px solid #000000;}
li{border:1px solid #000000; width:150px;}
#meny a:visited{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:link{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:active{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:hover{background:#DD0000; color:#FFFFFF; font-weight:bold; text-decoration:none; display:block;}
```

här är html-koden

```
<div class="meny"><ul id="meny"><li><a href="#">Hem</a></li><li><a href="#">Adminer</a></li><li><a href="#">Logga in</a><li><a href="#">Skapa konto</a></li></ul></div>
```

Permalänk: https://www.webforum.nu/p/179401

## #2 — rhdf, 2009-07-14T12:12Z

```
ul{list-style-type:none; [B]margin:0;padding;0;[/B]  border:0px solid #000000;}
li{border:1px solid #000000; width:150px;[B]margin:0;padding;0;[/B]  }
/*
Allt detta ersätter vi med
#meny a:visited{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:link{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:active{color:#000000; text-decoration:none; font-weight:bold;}
#meny a:hover{background:#DD0000; color:#FFFFFF; font-weight:bold; 

Detta
*/
#menu a{
color:#000000; 
text-decoration:none; 
font-weight:bold;
[B]display:block;
width:100%;
text-align:center;[/B]}
#meny a:hover{background-color:#DD0000; color:#FFFFFF;}
```

Permalänk: https://www.webforum.nu/p/2193000

## #3 — Emil W, 2009-07-14T14:28Z

tack för hjälpen  :)

Permalänk: https://www.webforum.nu/p/2193008

## #4 — Emil W, 2009-07-14T16:44Z

Vet någon varför inte punkterna försvinner i punktlistan 

här är koden 

```
ul(margin:0px; padding:0px; border:0px solid #000000;}
li(list-style-type:none; margin:0px; padding:0px; width:150px; border:1px solid #000000;}
#meny{background:#BB0000; width:150px; margin-top:50px;}

#menu a{
color:#000000;
display:block;
width:50%;
font-weight:bold;
text-align:center;
}
#menu a:hover{background:#FFFFFF;}
```

här är meny kod

```
<div id="meny"><ul id="menu"><li><a href="#">Hem</a></li><li><a href="#">Hem</a></li><li><a href="#">Hem</a></li></ul></div>
```

Permalänk: https://www.webforum.nu/p/2193020

## #5 — Emil W, 2009-07-14T17:56Z

Jag löste problemet själv

Permalänk: https://www.webforum.nu/p/2193025

## #6 — @nders, 2009-07-14T18:00Z

Hur?

Permalänk: https://www.webforum.nu/p/2193026

## #7 — Emil W, 2009-07-14T18:14Z

här är lösningen 

jag bytte namn på boxen i html-koden till menu 

```
#menu ul(margin:0; padding:0; border:0px solid #000000;}
#menu li(margin:0; padding:0; width:100px; border:0px solid #000000;}
#menu{background:#BB0000; width:160px;  list-style-type:none; float:left; margin-top:10px; padding:0px; margin-left:0; height:400px;}

#menu a{
color:#FFFFFF;
display:block;
width:100%;
font-weight:bold;
text-align:center;
text-decoration:none;
}
#menu a:hover{background:#FFFFFF; color:#000000;}
```

Permalänk: https://www.webforum.nu/p/2193028

## #8 — doggelito, 2009-07-15T05:41Z

> **Emil W skrev:**
>
> Vet någon varför inte punkterna försvinner i punktlistan

Sätt list-style-type på UL istället för på LI i css koden.

Permalänk: https://www.webforum.nu/p/2193045

---

Tråden på webben: https://www.webforum.nu/amne/html-css/179401-fel-på-div