---
title: "2 olika css menyer"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/142951-2-olika-css-menyer"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Lasse H"
published: "2006-02-23T15:53:30.000Z"
updated: "2006-02-24T16:37:19.000Z"
replies: 3
views: 543
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/142951-2-olika-css-menyer"
---

# 2 olika css menyer

## #1 — Lasse H, 2006-02-23T15:53Z

Kan jag ha två olika css menyer med två olika menymallar på samma dokument? 

Hur talar jag om vilken mall som hör till vilken meny?

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

## #2 — zcorpan, 2006-02-23T16:01Z

Jo då...

```
<!-- första menyn -->
<ul class="primary nav">
 <li><a href="#">...</a></li>
 ...
</ul>

<!-- andra menyn -->
<ul class="secondary nav">
 <li><a href="#">...</a></li>
 ...
</ul>
```

```
/* gemensamma stilregler för alla menyer */
.nav { }
 .nav li { }
  .nav a { }

/* första menyn */
.primary { }
 .primary li { }
  .primary a { }

/* andra menyn */
.secondary { }
 .secondary li { }
  .secondary a { }
```

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

## #3 — Lasse H, 2006-02-24T16:07Z

Det vart nog lite avancerat för en nybörjare...:-)

Om jag använder denna menymallen till första menyn, vad behöver jag ändra på ?

/\* CSS menymall \*/

body {padding: 0; margin: 0;}
\#content{margin: 1em auto; padding: 0; width: 25em;}

\#menycontainer ul{margin: 0; padding: 0.3em 0; text-align: center; border: 1px solid #99CC99;background: #99CC99; font: 70% Verdana, Helvetica, sans-serif;}
\#menycontainer li{display: inline; margin-left: -0.35em}
\#menycontainer ul a{text-decoration: none; padding: 0.3em 2em; border: 1px solid #99CC99;}

\#menycontainer a:link{color: #000000;}
\#menycontainer a:visited{color: #000000;}
\#menycontainer a:hover{	border: 1px solid #000000;}
\#menycontainer a#current{background: #D6EBD6; color: #000000;}

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

## #4 — zcorpan, 2006-02-24T16:37Z

Ingenting så vitt jag kan se. Se bara till att ha ett annat id="" på din andra meny så blir alla glada. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/142951-2-olika-css-menyer