---
title: "Konstiga streck i UL pga. text-indent"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/148511-konstiga-streck-i-ul-pga-text-indent"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MickeA.com"
published: "2006-06-28T18:55:15.000Z"
updated: "2006-06-28T19:12:39.000Z"
replies: 1
views: 458
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/148511-konstiga-streck-i-ul-pga-text-indent"
---

# Konstiga streck i UL pga. text-indent

## #1 — MickeA.com, 2006-06-28T18:55Z

Tjena
Håller på med en sida och har nu stött på lite problem med menyn.
I firefox blir det konstiga steck från menyn och rakt ut på sidan högerkant.
En kamrat som har firefox stöter inte på det här fenomenet. I IE funkar allt som det ska.

Misstänker att det här har med text-indent att göra.
Har gjort på det här sättet för att texten i länkarna inte ska synas.

```
<div id="menu_holder">
	<div id="nav_cont">
		<ul>
		<li id="act1"><a href="#">startsida</a></li>
		<li id="act2"><a href="#">grilltips</a></li>
		<li id="act3"><a href="#">recept</a></li>
		<li id="act4"><a href="#">picanha</a></li>
		</ul>
	</div>		
</div>
```

CSS'en ser ut som följer:

```
#nav_cont ul
	{
	width: 158px;
	height:	120px;
	background:	transparent url('../pics/menu_content.gif');
	}
#nav_cont ul li
	{
	list-style-type: none;
	width:			158px;
	height:			30px;
	}

#nav_cont li a:link, #nav_cont li a:active, #nav_cont li a:visited
	{
	display:		block;
	text-indent:	-9999px;
	}
#act1 a:link, #act1 a:active, #act1 a:visited {background: transparent url('../pics/btns/btn_startsida_off.gif'); width: 158px; height: 30px;}
#act2 a:link, #act2 a:active, #act2 a:visited {background: transparent url('../pics/btns/btn_grilltips_off.gif'); width: 158px; height: 30px;}
#act3 a:link, #act3 a:active, #act3 a:visited {background: transparent url('../pics/btns/btn_recept_off.gif'); width: 158px; height: 30px;}
#act4 a:link, #act4 a:active, #act4 a:visited {background: transparent url('../pics/btns/btn_picanha_off.gif'); width: 158px; height: 30px;}

#act1 a:hover {background: transparent url('../pics/btns/btn_startsida_on.gif'); width: 158px; height: 30px;}
#act2 a:hover {background: transparent url('../pics/btns/btn_grilltips_on.gif'); width: 158px; height: 30px;}
#act3 a:hover {background: transparent url('../pics/btns/btn_recept_on.gif'); width: 158px; height: 30px;}
#act4 a:hover {background: transparent url('../pics/btns/btn_picanha_on.gif'); width: 158px; height: 30px;}
```

Kolla på mina bifogade bilder för att se problemet i firefox.
Har provat massa saker fram och tillbaks, men hur jag än gör så slutar då länkarna att funka.

Tack på förhand!

Bilagor:

- [DUMP_FF.png](https://www.webforum.nu/a/11219.png)
- [DUMP_IE.png](https://www.webforum.nu/a/11220.png)

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

## #2 — MickeA.com, 2006-06-28T19:12Z

Satt och sökte lite precis och hittade en lösning:
<http://www.webforum.nu/showthread.php?p=1097232#post1097232>

Men, varför funkar det inte i FF hos mig, men hos min polare.
Hur kan två likadana uppsättningar av firefox tolka CSS olika?

Någon kan stänga tråden ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/148511-konstiga-streck-i-ul-pga-text-indent