---
title: "Svängd meny - hur skulle Ni göra?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/185060-svängd-meny-hur-skulle-ni-göra"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Aureola"
published: "2010-10-28T10:12:07.000Z"
updated: "2010-10-29T09:18:06.000Z"
replies: 12
views: 622
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/185060-svängd-meny-hur-skulle-ni-göra"
---
# Svängd meny - hur skulle Ni göra?
## #1 — Aureola, 2010-10-28T10:12Z
Hej!
Jag sitter och jobbar med ett skolprojekt och har valt att göra en design som kanske inte är helt enkel att koda. Menyn ligger till vänster men knapparna kommer inte att ligga rakt under varann utan längs en svängd båge som fungerar som avgränsare mellan meny och innehåll.
Mina idéer är som följer:
1, Göra en rad rektangulära genomskinliga fyrkanter som ska fungera som behållare, sen placera mina knappar som jag vill inuti dessa. Sist ange klickbar region genom x och y-värden (så att inte hela den genomskinliga rutan blir klickbar utan endast knappen/ikonen).
2\. Göra en enda stor genomskinlig bild i PS, vars högra sida är böjd längs bågen, sen placera knapparna efter böjningen.
3\. Sköta all placering av knapparna i menyn genom att göra en container-div och sen massa små-div'ar vari knapparna läggs och positioneras inuti dem mha margin.
Grejen är att jag vill kunna ha hover-effekt på menyknapparna. Vet därför inte om de två första alternativen är hållbara, är ganska ny på css.
Nån som kan tipsa mig om hur jag bör gå tillväga?
Jag kan posta screenshot på webbsidan om det behövs, men är ny på forumet så jag vet inte riktigt hur jag gör det än (behöver jag lägga upp det på annan plats först och sen posta länk dit..?)
Tack på förhand för all input!
Permalänk: https://www.webforum.nu/p/185060
## #2 — StefanBergfeldt, 2010-10-28T10:14Z
Varför inte bara köra med margin-left på knapparna?
Permalänk: https://www.webforum.nu/p/2258085
## #3 — aron, 2010-10-28T11:20Z
> **[Aureola skrev:](https://www.webforum.nu/p/1521114)**
>
> Jag kan posta screenshot på webbsidan om det behövs, men är ny på forumet så jag vet inte riktigt hur jag gör det än (behöver jag lägga upp det på annan plats först och sen posta länk dit..?)
Nepp det behövs inte, du har lite utrymme på wF som räcker till det mesta.
När du postar kolla under Tilläggsalternativ (nedanför där man skriver in text), där hittar du bland annat en knapp för att hantera bifogade filer.
Permalänk: https://www.webforum.nu/p/2258094
## #4 — rhdf, 2010-10-28T11:34Z
som stefan säger..
gör menyn som en lista och sätt sedan olika mycket marginal på länkarna i den
nånting i stil med:
```
```
med denna css
```
#menu{margin:0; padding:0}
#knapp1{margin-left:0;}
#knapp2{margin-left:10px;}
#menu li a{display:block; width:150px; height:35px;background:#fff url(din knapp-bild)}
#menu li a:hover{background:#fff url(din knapp-bild för hover) ...}
```
Där har du ett skal att jobba vidare med (mer får du inte eftersom det var en skoluppgift ;) )
Permalänk: https://www.webforum.nu/p/2258100
## #5 — StefanBergfeldt, 2010-10-28T11:46Z
rhdf, vore det inte en bra grej att samtidigt implementera css-sprites?
Permalänk: https://www.webforum.nu/p/2258103
## #6 — rhdf, 2010-10-28T12:00Z
\*host\* jomenvisst ;)
Permalänk: https://www.webforum.nu/p/2258104
## #7 — Buddaz, 2010-10-28T13:07Z
Hej
Vad menas med css-sprites? inte hört det innan. Nu förstår jag. Hade också börjat på det sättet som rhdf och sedan blir det mer lärorikt för dig själv när du har listat hur du skall göra.
MVH
Buddaz
Permalänk: https://www.webforum.nu/p/2258119
## #8 — voigtann1, 2010-10-28T13:16Z
@buddaz:
Permalänk: https://www.webforum.nu/p/2258120
## #9 — Buddaz, 2010-10-28T14:31Z
Hej
Intressant. Alltid kul när man får lära sig något nytt. Om jag fattar det rätt handlar det om bilder och placering?
MVH
Buddaz
Permalänk: https://www.webforum.nu/p/2258130
## #10 — voigtann1, 2010-10-28T14:33Z
Ja, en bild vilket ge ett http-anrop vilket underlättar istället för att hämta x-antal per bild + oftast så tjänar du även på filtstorleken.
Permalänk: https://www.webforum.nu/p/2258131
## #11 — Aureola, 2010-10-29T09:16Z
Ja precis... tänkte inte på det =) Tack för svaret.
Permalänk: https://www.webforum.nu/p/2258209
## #12 — Aureola, 2010-10-29T09:17Z
Ok, då vet jag till nästa gång! Tackar!
Permalänk: https://www.webforum.nu/p/2258210
## #13 — Aureola, 2010-10-29T09:18Z
Ja, ännu bättre att göra det med css för mig som behöver träna på det. Tack så mycket!
Permalänk: https://www.webforum.nu/p/2258211
---
Tråden på webben: https://www.webforum.nu/amne/html-css/185060-svängd-meny-hur-skulle-ni-göra