---
title: "CSS:Meny UL LI storlek | Hjälp"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/136388-css-meny-ul-li-storlek-hjälp"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "theLostshirt"
published: "2005-10-25T18:04:51.000Z"
updated: "2005-10-25T22:03:04.000Z"
replies: 4
views: 460
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/136388-css-meny-ul-li-storlek-hjälp"
---

# CSS:Meny UL LI storlek | Hjälp

## #1 — theLostshirt, 2005-10-25T18:04Z

Jag har lite problem med en meny, sitter och kollar på olika sidor om hur de
gjort sina CSS menyer och 'hover' men ingen löser riktigt mitt problem.
[Såhär ska de seut](http://img463.imageshack.us/my.php?image=dummy4yk.swf). 
Detta är det jag skrapat fram:

```
#meny ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#meny ul li {
	display:inline;
	height: 35px;
	width: 70px;
}
#meny ul li a {
	text-decoration: none;
	background-image: url(images/knapp/meny-normal.png);
	background-repeat: no-repeat;
}
#meny a:hover {
	color: #FFF;
	background-image: url(images/knapp/meny-hover.png);
	background-repeat: no-repeat;
}
#nytt a { /*'#aktiv a' istället för '#nytt a'.*/
	background-image: url(images/knapp/meny-aktiv.png);
}
```

```
<div id="meny">
<ul>
  <li id="nytt"><a href="/nytt/" title="Senaste nytt om Hantverksverkstaden - Butik Rustik">Nytt</a></li>	<!-- Nuvarande sida (gråKnapp) istället för if="nytt" -->
  <li id="kurser"><a href="/kurser/" title="Hitta kurser som vi håller i">Kurser</a></li>
  <li id="produkter"><a href="/produkter/" title="Se produkter som vi tarfram och producerar själva">Produkter</a></li>
  <li id="kafe"><a href="/kafe/" title="Vårat kafe i butiken">Kafé</a></li>
  <li id="info"><a href="/info/" title="Information om Hantverksverkstaden - Butik rustik">Info</a></li>
  <li id="lankar"><a href="/lankar/" title="Länkar till våra medarbetare">Länkar</a></li>
</ul>
</div>
```

Just nu är problemet att jag inte får storleken 70x35 runt länkarna, detta beskär alltså bilderna så det bara ser löjligt ut.

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

## #2 — jarvklo, 2005-10-25T19:37Z

Hmm...

Blir det inte som du vill om du sätter height: och width på #meny ul li a också - så att varje \<a\> som ju också är inline-taggar fyller ut hela arean för "sin" #meny ul li ?

Och du... Välkommen till wF förresten :birp

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

## #3 — theLostshirt, 2005-10-25T20:44Z

Det blev ingen skillnad, jag känner mig kass nu. Suttit hela dagen och kan bara inte tänka ut hur det ska vara.

Såhär ser det ut nu:
<http://img461.imageshack.us/img461/4637/dummy5bw.png>
\--
Tack för välkommnadet, detta är mitt första inlägg.

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

## #4 — Insider, 2005-10-25T21:15Z

Som sagt, du behöver sätta en fast bredd och höjd på dina \<A\>, men för att göra det så måste de vara blockboxar. Det går inte att sätta höjd eller bredd på inline-element.
Ett inline-element genererar en block-box med egenskaperna display:block; eller float:left. (plus några till)
Då du vill ha en horisontell meny räcker det med:

```
#meny ul li a {
   float:left;
   height: 35px;
   width: 70px;
   text-decoration: none;
   background-image: url(images/knapp/meny-normal.png);
   background-repeat: no-repeat;
}
```

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

## #5 — theLostshirt, 2005-10-25T22:03Z

Tack, jag tror inte jag har sovit tillräckligt.. 
Tack igen det känns bra att det finns de som tar sig tid..   :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/136388-css-meny-ul-li-storlek-hjälp