---
title: "Horisontel meny med vertikal kustering av text??"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/174857-horisontel-meny-med-vertikal-kustering-av-text"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "eddy1"
published: "2008-10-20T11:16:25.000Z"
updated: "2008-10-22T15:42:00.000Z"
replies: 6
views: 556
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/174857-horisontel-meny-med-vertikal-kustering-av-text"
---

# Horisontel meny med vertikal kustering av text??

## #1 — eddy1, 2008-10-20T11:16Z

Hej

Jag har en vågrätt meny där jag vill att all text ska vara lodrätt justerad så texten är i botten. 
Använder följande ex: 

```
               <div id="menycontainer">
                    <ul>
                    <li><a href="#">meny 1</a></li>
                    <li><a href="#">meny 2</a></li>
                    <li><a href="#">meny 3</a></li>
                    <li><a href="#">meny 4</a></li>
                    </ul>
                </div>
```

```
#menycontainer ul{ float: left; margin-left: 0; padding-left: 0; width: 100%; height:71px; font-size: 70%;}
#menycontainer li{display: inline}
#menycontainer ul a{float: left; text-decoration: none; padding: 0.3em 2em; color: Black;} 

#menycontainer a:link{color: #000000;}
#menycontainer a:visited{color: #000000;}
#menycontainer a:hover{background:#FFFFFF; }
#menycontainer a#current{background:; color: #000000;}
```

Har provat med vertical-align överallt men det ger ingen förändring??
Höjd är ju 71px och jag vill ha den höjden så bakgrundfärgen ändras vid hovering genom hela höjden??
Måste gå fixa på något sätt eller?? Får snart använda mig av \<table\>
  :bla

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

## #2 — JAreMANNEN, 2008-10-20T11:39Z

Kan du inte använda dig av padding- eller margin-top??

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

## #3 — eddy1, 2008-10-20T12:12Z

Provade det nu men får inte det att fungera... Var menar du att jag skule använda det? Allt flyttas ju ner, även hela \<li\> cellen...

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

## #4 — bossse, 2008-10-20T12:24Z

lägg till följande i #menycontainer ul a

```
position:relative;top:50px
```

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

## #5 — tanten, 2008-10-20T12:37Z

Att placera text som du vill, tycker jag är lättast genom att använda line-height:71px; i ul, då kommer du få hovern att fungera.
Sedan använder du padding-top i a:link för att få ner texten till botten.
Svårigheten kan vara att olika webläsare visar olika storlek på bokstäverna så att texten hamnar olika. Men det har du kanske redan fixat?

**Rädd för att jag svarade för snabbt utan att kolla. Kommer tillbaka senare och ser om du fått det att fungera.** Hinner inte kolla själv nu...

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

## #6 — onkelborg, 2008-10-20T17:05Z

Mitt förslag:

Li ska ha display: block; istället. Sedan clear: none; för att de ska lägga sig brevid varandra. Höjden borde ligga på li.

För att få rätt hover på länkarna:

\#menycontainer ul li u a:link {color: pink; background: green;} /\* Notera mitt välutvecklade sinne för vad som är estetiskt tilltalande\*/

Tycker det borde fungera?

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

## #7 — eddy1, 2008-10-22T15:42Z

Tack för hjälpen , löste sig med lite padding-top...

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/174857-horisontel-meny-med-vertikal-kustering-av-text