---
title: "Hjälp med listmeny ev. annan lösning"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/149335-hjälp-med-listmeny-ev-annan-lösning"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "nummersju"
published: "2006-07-23T16:07:18.000Z"
updated: "2006-07-23T21:00:32.000Z"
replies: 9
views: 442
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/149335-hjälp-med-listmeny-ev-annan-lösning"
---

# Hjälp med listmeny ev. annan lösning

## #1 — nummersju, 2006-07-23T16:07Z

Hej hej wF'are!
Jag skulle vilja ha hjälp med en listmeny. Jag hade tänkt att den ska se ut så här:
MENY 1 - MENY 2 - MENY 3 - MENY 4
Dvs. det ska vara ett bindestrek mellan menyvalen. Men inte innan första och efter sista.
Går detta att lösa med lista? Eller finns det något annat bra knep?

Tack på förhand.

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

## #2 — tanten, 2006-07-23T17:41Z

Har du tänkt att det ska hända något mer med din meny, sådant som att bakgrunden ändras eller att du kommer vilja ha en dropdownmeny på någon av länkarna. I så fall ska du nog göra en lista av det.
Meningarna är lite olika om ifall man alltid ska ha lista eller inte, men om man har en avdelare, mellan länkarna som gör att det inte blir en enda lång länk av alltihop i vissa webläsare, så som du har den nu, så kan du väl ha menyn som den är.
typ \<a href="#"\>meny 1\</a\>&nbsp;-&nbsp;
och i css
a {text-transform: uppercase;} för att få stora bokstäver...
Kanske kommer det höras lite märkligt vid uppläsning... men med fyra länkar kanske det inte gör så mycket.

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

## #3 — K@llen, 2006-07-23T17:51Z

Kan denna listversionen vara något om du modifierar bort nestlingen samt byter skiljetecken?
<http://www.webforum.nu/showthread.php?p=1213737#post1213737>

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

## #4 — jarvklo, 2006-07-23T19:02Z

Hmm...
Det är svårt att göra på ett sätt som funkar överallt med enbart listor pga begränsat CSS-stöd i IE6...

Men om du kan acceptera att strecken saknas helt i IE så kan du till exempel göra såhär (kanske lite enklare än koden som K@llen länkar till ;) ):

```
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>An example by Jarvklo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<style type="text/css">
		ul.nav, ul.nav li {
			display: inline
		}
		ul.nav li+li:before { content:" - "; }
		</style>
	</head> 
<body>
<ul class="nav">
	<li>Fee</li>
	<li>Fie</li>
	<li>Foe</li>
	<li>Fum</li>
</ul>
</body>
</html>
```

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

## #5 — zcorpan, 2006-07-23T19:35Z

> **jarvklo skrev:**
>
> li+li:before

 Smart! (y)

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

## #6 — Okkido, 2006-07-23T19:38Z

annars kan du göra om ditt bindestreck till en bild och lägga som bakgrund i din li, och sen sätta en class på den sista li:en att den inte ska ha någon bakgrundsbild.

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

## #7 — nummersju, 2006-07-23T20:35Z

Härligt, massa sköna lösningar!
Jag kommer nog att prova jarvklos och okkidos lösningar. Återkommer med vilken jag väljer! :D

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

## #8 — nummersju, 2006-07-23T20:38Z

Tack alla andra också :)

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

## #9 — seattlegrunge, 2006-07-23T20:43Z

Okkidos lösning ser jag som den bästa och den brukar jag använda mig av. Då kan du samtidigt se till att det fungerar snyggt i de flesta webbläsare på olika plattformar.

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

## #10 — nummersju, 2006-07-23T21:00Z

tnx; då använder jag det då! :) tackar tackar!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/149335-hjälp-med-listmeny-ev-annan-lösning
