---
title: "Horisontell meny, problem."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/122646-horisontell-meny-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "UrMe"
published: "2005-02-17T10:53:29.000Z"
updated: "2005-02-17T13:53:25.000Z"
replies: 5
views: 268
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/122646-horisontell-meny-problem"
---

# Horisontell meny, problem.

## #1 — UrMe, 2005-02-17T10:53Z

Jag hittade denna meny, men kan man få in ett streck emellan varje \<li\>-tagg som är 50% av höjden på något sätt? Som typ skiljer av de olika meny alternativen?

HTML

```
<div id="navcontainer">
	<ul id="navlist">
		<li><a href="#">ett</a></li>
		<li><a href="#">två</a></li>
		<li><a href="#">tre</a></li>
		<li><a href="#">fyra</a></li>
		<li><a href="#">fem</a></li>
	</ul>
</div>
```

CSS:

```
	#navcontainer ul
	{
		text-align: center;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 0;
		margin-top: 0;
		/* cancels gap caused by top padding in Opera 7.54 */
		margin-left: 0;
		margin-right: 0;
		background-color: #90A2C4;
		color: white;
		width: 100%;
		font-family: Verdana,Helvetica,sans-serif;
		font-size:10px;
		font-weight:bold;
		/* fixes Firefox 0.9.3 */
	}
	
	#navcontainer ul li
	{
		display: inline;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0px;
		/* matches link padding except for left and right */
		padding-top: 0px;
	}
	
	#navcontainer ul li a
	{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-top: 5px;
		color: white;
		text-decoration: none;
		border: 0px solid #fff;
	}
	
	#navcontainer ul li a:hover
	{
		background-color: #00378D;
		color: white;
	}
```

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

## #2 — ade, 2005-02-17T11:10Z

OT: Skriv Kod i taggarna istället för php, när det inte är iphp forumet förstås ;)

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

## #3 — UrMe, 2005-02-17T12:02Z

Jag är så van med PHP-taggarna :)

Ingen som vet hur man får in ett streck mellan varje menyval som är 50% ungefär och ligger i mitten?

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

## #4 — ade, 2005-02-17T12:09Z

Kör med borders ;)

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

## #5 — UrMe, 2005-02-17T13:25Z

Men bordern blir ju lika hög som objektet.. går ju inte sätta en % på den?

Strecket ska bara vara hälften så högt som bordern alltså :)

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

## #6 — Insider, 2005-02-17T13:53Z

Blir nog enklast att köra med en bakgrundsbild i \<a\>, med no-repeat.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/122646-horisontell-meny-problem