---
title: "En vågrät meny"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/124428-en-vågrät-meny"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Troxy"
published: "2005-03-15T18:44:14.000Z"
updated: "2005-03-15T20:57:34.000Z"
replies: 2
views: 443
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/124428-en-vågrät-meny"
---

# En vågrät meny

## #1 — Troxy, 2005-03-15T18:44Z

Jag vill ha en vågrät meny med knappar. För att slippa javascript  gör jag om mina \<a\>-taggar till knappar. Då vill jag kunna sätta höjd och bredd, men eftersom \<a\> är span måste jag ändra till block.

Ändrar jag till block hamnar alla \<a\>-taggar under varandra. För att ändra på detta sätter jag float: left; och då blir det vågrätt, men problemet är att flytande objekt tas bort ur dokumentflödet. Min trevliga container till menyn blir då helt tom och osynlig.

Hur kan jag fylla ut min container utan att behöva lägga till något extra element?

Tacksam för svar.

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

## #2 — Insider, 2005-03-15T19:48Z

Antar att du använder en \<ul\> -lista för menyn.
Du behöver inte använda float. Lägg istället in display:inline på \<li\>-elementet.

```
        * {margin:0;padding:0;}
	
	
	ul {
		width:400px;
		border:1px solid #000
		
	}

	li {
		list-type:none;	
		display:inline;

	}
	
	a {
		
		background:#333;
		border:1px solid #00f;
	}
	a:hover {
		background:#eee;
	}
```

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

## #3 — Troxy, 2005-03-15T20:57Z

Jag använde ingen lista alls faktiskt och med ditt exempel blir det både bättre kod samt mer semantiskt. Perfekt helt enkelt.

Tack!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/124428-en-vågrät-meny