---
title: "Få bilder att ligga stilla i Firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/149837-få-bilder-att-ligga-stilla-i-firefox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "martineden"
published: "2006-08-08T10:14:19.000Z"
updated: "2006-08-10T07:09:51.000Z"
replies: 13
views: 544
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/149837-få-bilder-att-ligga-stilla-i-firefox"
---

# Få bilder att ligga stilla i Firefox

## #1 — martineden, 2006-08-08T10:14Z

Hej!

Har ett problem i Firefox (FF) med länkade bilder som vägrar att ligga stilla. Stylesheetet fungerar finfint i IE, men i FF trycker det ned bilderna 3-4 pixlar. Har för mig att jag sett tips om hur man forcar bilderna att fixeras, men kan inte hitta detta nu.

Se själva på <http://what.se/foretag> eller vilken sida som helst. Mycket tacksam för hjälp!

Mvh,

Martin

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

## #2 — Tengblad, 2006-08-08T10:21Z

Kan man få se din css kod

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

## #3 — martineden, 2006-08-08T11:05Z

Hej, toppen! Tack på förhand, den är ganska omfattande. Inte jag som skrivit denna.

```
[1][FONT=Arial]<%Response.ContentType = "text/css"%>

body {
	background-color:#eeeeee;
	color:#6666666;
	margin-top:5;
	margin-left:10;
}

form {
	padding:0px;
	margin:0px;
}

img {
	border:0px;
	text-decoration:none;
}

A {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color: #0066CC;
	text-decoration:none;
}

A:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color: #272F49;
	text-decoration:underline;
}

A:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color:#465594;
	text-decoration:none; border-bottom: 1px dotted #000;
}

.clsMini {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size") - 2)%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color:#465594;
}

A.clsMini:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=(Session("Size") - 2)%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color: #272F49;
	text-decoration:underline;
}

A.clsMini:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=(Session("Size") - 2)%>px;
	line-height: <%=(Session("size") + 1)%>px;
	color:#465594;
	text-decoration:none; border-bottom: 1px dotted #000;
}

.list {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color: #000000;
	text-decoration:none;
}

A.list:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color:#000000;
	text-decoration:none; border-bottom: 1px dotted #000;
}

A.list:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color: #000000;
	text-decoration:underline;
}

A.list:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:<%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color: #484848;
	text-decoration:underline;
}

a.nav  {
	color : #272F49;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:<%=Session("Size")%>px;
	font-weight: bold;
}

a.nav:hover {
	color : #000000;
	font-size:<%=Session("Size")%>px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight: none;
}

a.nav:visited {
	color : #272F49;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size:<%=Session("Size")%>px;
	font-weight: bold;
}

a.nav:visited:hover {
	color : #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size:<%=Session("Size")%>px;
	font-weight: bold;
}

a.headline {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: <%=(Session("Size") + 19)%>px;
	line-height: <%=(Session("Size") + 18)%>px;
	font-weight:bold;
	color:#000000;
}

a.headline:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: <%=(Session("Size") + 19)%>px;
	line-height: <%=(Session("Size") + 18)%>px;
	font-weight:bold;
	color:#666666;
	text-decoration: none;
}

a.headline:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: <%=(Session("Size") + 19)%>px;
	line-height: <%=(Session("Size") + 18)%>px;
	font-weight:bold;
	color:#484848;
}

.none {
}

.clsBigHeadline {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("Size") + 6)%>px;
	font-weight:bold;
	color: #333333;
}

.clsHeadline {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size") + 9)%>px;
	line-height: <%=(Session("Size") + 9)%>px;
	font-weight:bold;
	color:#000000;
}

.clsSmallHeadline {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size"))%>px;
	font-weight:bold;
	color:#ffffff;
}

.clsText {
	font-family: Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color:#000000;
}

.clsBasket {
	font-family: Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color:#660000;
}

.clsSmallText {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size") - 1)%>px;
	font-weight:normal;
	line-height: 14px;
	text-transform:none;
	color:#666666;
}

.clsContact {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=(Session("Size")-1)%>px;
	line-height: <%=(Session("size") + 5)%>px;
	color:#666666;
}

.clsObligum {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("size") + 5)%>px;
	color:#FF8604;
}

.clsError {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #272F49;
	line-height:15px;
}

textarea {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}

select {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}

input {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}

input.button {
	<%If Not (Session("BrowserName") = "NS" And Session("BrowserMajor") < 6) Then%>border: 1px outset;<%End if%>
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica;
	color: #333333;
	height: 19px;
}

input.radio {

}

table.main {
	background-color:#eeeeee;
}

td.content {
	background-color:#ffffff;
}

table.border {
	border: 1px solid #eeeeee;
}

td.space {
	background-color:#000000;
}

th {
	background-color:#f5f5f5;
}

p {
	font-family: Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height: <%=(Session("size") + 3)%>px;
	color:#000000;
}

li {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height:20px;
	color:#666666;
}

ol {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height:14px;
	color:#666666;
}

ul {
	font-family:Tahoma, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: <%=Session("Size")%>px;
	line-height:14px;
    list-style-position: outside;
    list-style-type:    square;
	color:#666666;
}

hr {
	color:#cacaca;
	height:1px;
	background: transparent;
	height: 1px;
	border-top: 0px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.ns
{
	BACKGROUND-IMAGE: none
	background-repeat: no-repeat;
	background-attachment: fixed
}

.searchtxt 
{
       width: 180px;
       background: #fff url(whatsearch.gif);
       background-repeat: no-repeat;
       background-position: right;
       background-color:#fff;
}[/FONT][/1]
```

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

## #4 — Tengblad, 2006-08-08T11:44Z

Efter snabb koll, testa att lägga till:

```
a img {
text-decoration:none;
}
```

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

## #5 — martineden, 2006-08-08T11:51Z

Nej, hände ingenting :(

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

## #6 — tanten, 2006-08-08T13:22Z

Jag tror att det är så här att ff försöker visa den border som du vill ha under länkarna, så ff försöker göra rätt och IE ger katten i det...
Så om du vill att det ska se ut som i IE ska du nog plocka bort den i din css 
border-bottom: 1px dotted #000;

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

## #7 — Tengblad, 2006-08-08T17:48Z

> **martineden skrev:**
>
> Nej, hände ingenting :(

```
a:hover img {
text-decoration:none;
}
```

  
Så borde ja ha skrivit, testa det.

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

## #8 — Okkido, 2006-08-08T18:11Z

img{border:none;} ?

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

## #9 — oskob, 2006-08-08T18:52Z

Vill du ha dottad underline eller inte?

```

a img {
border-bottom: 1px dotted #fff;
}
a:hover img {
border-bottom: 1px dotted #000;
}
```

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

## #10 — martineden, 2006-08-08T19:26Z

Jo, jag vill ha det som i IE, dvs. med dottad linje vid a href bilder, fast utan att bilderna "hoppar ned".

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

## #11 — tanten, 2006-08-08T19:58Z

Jag kan inte se någon dottad linje i IE, mer än när man hovrar bluestep-bilden... 
De andra bilderna är lika höga som sina td de ligger i. Prova med att göra dem några px högre., så kanske den dottade linjen får plats...
td:na menar jag då.

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

## #12 — CatZ, 2006-08-09T12:56Z

/red det var redan sagt :)

Execute me for repeating....

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

## #13 — zcorpan, 2006-08-09T13:16Z

```
a { padding-bottom:1px; }
a:hover { padding-bottom:0; border-bottom:1px dotted black; }
```

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

## #14 — tanten, 2006-08-10T07:09Z

Skulle du vilja testa med att byta ut denna i din kod

```
<td  height="93" valign="top"><a href="/redirect.asp?file=3_Friends_728x90.jpg" target="_blank"><img src="/upload/banners/3_Friends_728x90.jpg" border="0" alt=""></a></td>
```

 och se om din banner slutar skjuta resten av sidan neråt...
Jag tror fortfarande att det är så att dina celler är för små för innehållet och med den här koden tror jag den kommer ligga stilla och att du då dessutom får fram den prickade linjen i IE, som jag inte kan se nu.
Om det fungerar kanske någon annan kan hjälpa dig med "giltig" kod, för den här innehåller deprecated element.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/149837-få-bilder-att-ligga-stilla-i-firefox