---
title: "Problem med ul-menu."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/104234-problem-med-ul-menu"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Okkido"
published: "2004-05-24T13:32:03.000Z"
updated: "2004-05-24T17:41:23.000Z"
replies: 7
views: 485
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/104234-problem-med-ul-menu"
---

# Problem med ul-menu.

## #1 — Okkido, 2004-05-24T13:32Z

Hejsan.

Har suttit och läst igenom all information jag kan hitta om \<ul\> listor och göra en meny av det med hjälp av css, men utan någon framgång.

Det jag försöker göra med \<ul\> är detta (tabellversion för att kunna visa):
<http://www.okkido.net/menu/menu.html>

Nån som har någon minut över och kan hjälpa mig?

Tack på förhand!

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

## #2 — Fraggel, 2004-05-24T13:37Z

Vad är det du vill åstadkomma ???

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

## #3 — Okkido, 2004-05-24T13:45Z

Re: Problem med ul-menu.

> **Okkido skrev:**
>
> Det jag försöker göra med \<ul\> är detta (tabellversion för att kunna visa):
> <http://www.okkido.net/menu/menu.html>

Framgick det inte tydligt nog?

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

## #4 — Web-Tor, 2004-05-24T13:55Z

Har inte så mycket tid att testa nu men räcker det inte med att ändra \<table\> till \<ul\> och \<td\> till \<li\> och sedan lägga till **display:inline;** i \<li\>-classerna?

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

## #5 — nitro2k01, 2004-05-24T13:58Z

Nej! Vill du använda lu/li-taggar till menyn och behålla effekterna? Eller vill du bara lägga länkarna i en lista?

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

## #6 — Fraggel, 2004-05-24T14:14Z

Re: Re: Problem med ul-menu.

> **Okkido skrev:**
>
> Framgick det inte tydligt nog?

Nej ...

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

## #7 — Insider, 2004-05-24T14:25Z

<http://css.maxdesign.com.au/listamatic/horizontal03.htm>
<http://css.maxdesign.com.au/listamatic/horizontal26.htm>

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

## #8 — dectgap, 2004-05-24T17:41Z

Listamatic, som Insider länkar till, är alldeles underbar.
På sajten finns mycket bra tips och färdiga lösningar.

Vad det gäller din meny:

```
<style type="text/css">
#meny {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#meny li {
    float: left;
}

#meny a {
    display: block;
    float: left;
    border-left: 1px solid #336;
    text-decoration: none;
    color: #fff;
    height: 18px;
    padding: 4px;
    cursor: hand;
    text-align: center;
    font: bold 11px arial, tahoma, verdana; 
    background: url([url]http://www.okkido.net/menu/images/top-menu-bg.gif[/url]);
}

#meny a:hover {
    background: url([url]http://www.okkido.net/menu/images/top-menu-bg-hl.gif[/url]);
}
</style>

...

<ul id="meny">
    <li><a href="default.asp?page=main">START</a></li>
    <li><a href="default.asp?page=main">PROGRAM</a></li>
    <li><a href="default.asp?page=main">BOKNING</a></li>
    <li><a href="default.asp?page=main">SCHEMA</a></li>
    <li><a href="default.asp?page=main">PRISER</a></li>
    <li><a href="default.asp?page=main">PERSONAL</a></li>
    <li><a href="default.asp?page=main">BYGGNADEN</a></li>
    <li><a href="default.asp?page=main">BILDER</a></li>
    <li><a href="default.asp?page=main">SEV&Auml;RDHETER</a></li>
    <li><a href="default.asp?page=main">G&Auml;STBOK</a></li>
    <li><a href="default.asp?page=main">KONTAKT</a></li>
</ul>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/104234-problem-med-ul-menu