---
title: "Problem med onclick på bild i FF"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/132149-problem-med-onclick-på-bild-i-ff"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-08-02T07:35:45.000Z"
updated: "2005-08-02T13:20:48.000Z"
replies: 9
views: 313
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/132149-problem-med-onclick-på-bild-i-ff"
---

# Problem med onclick på bild i FF

## #1 — maqe, 2005-08-02T07:35Z

Jag har problem med denna kod i FF

```
<asp:TextBox id="tbQuickSelection" CssClass="instant" Runat="server" ReadOnly="True"/>
<img class="button" src="/images/btn_snabbval.gif" onmouseover="isOverButton(true);" onmouseout="isOverButton(false);" onclick="showDropDown('instantDropDownDiv')" alt="" /><br />
<div id="instantDropDownDiv">
En lista ....
</div>
```

Detta är cssen för knappen

```
#quickbardiv .button
{cursor: pointer;margin: 0 0 -5px -30px;}
```

Vad som händer är att knappen är bara klickbar i vänstra hörnet i FF? Om jag tar bort margin på knappen så fungerar det.

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

## #2 — maqe, 2005-08-02T08:12Z

Är det problem att ha en bild över en textbox i FF eller?

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

## #3 — icaaq, 2005-08-02T08:23Z

Vad är det du försöker att åstadkomma? Kanske du kan lösa det med en

```
<input type="image" src="foo.gif" alt="bar" />
```

mv icaaq

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

## #4 — icaaq, 2005-08-02T09:00Z

Vid närmare åtanke så vill du nog inte använda input type="image" då den submitar....

Om du lägger bilden i en \<a\> kanske det går bättre

```
<asp:TextBox id="tbQuickSelection" CssClass="instant" Runat="server" ReadOnly="True"/>
<a href="#" class="button" onclick="showDropDown('instantDropDownDiv')">
<img  src="/images/btn_snabbval.gif" onmouseover="isOverButton(true);" onmouseout="isOverButton(false);" /></a><br />
<div id="instantDropDownDiv">
En lista ....
</div>
```

helt otestat dock...

mv icaaq

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

## #5 — maqe, 2005-08-02T10:07Z

jag har gjort en "custom" dropdown som består av en asp:textbox och en knapp textboxen innehåller en bakgrund för att få det utseendet jag vill ha och sedan har jag en knapp till höger om textboxen som jag stylar så den hamnar över textboxen där jag vill ha den. under allt ligger en div som jag visar och döljer. Detta fungerar utmärkt i IE men FF har problem med bilden när den ligger över en textbox verkar det som. jag har provat med input och a men det blir samma sak i FF men allt fungerar utmärkt i IE.  Så fort jag tar bort margin och knappen hamnar under textboxen så klarar FF att tolka den som en knapp.

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

## #6 — maqe, 2005-08-02T12:23Z

Kolla på denna sida i FF så förstår du vad jag menar icaaq
<http://member.webforum.nu/6596/dropdown.htm>

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

## #7 — icaaq, 2005-08-02T12:50Z

Lek lite med position :)

```
#quickbardiv .instant
{
	border:0;
	font-size: 1.2em;
	color: #000;
	padding: 12px 0 0 14px;
  	background: url(service_textbox_background.gif) no-repeat;
	height:41px;
	width:178px;
	margin: 13px 0 0 10px;
[b]position: relative;[/b]
}
#quickbardiv .button2
{
	cursor: pointer;
        [b]position: absolute;
        top: 73px;
        left: 169px;[/b]
}
```

mv icaaq

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

## #8 — maqe, 2005-08-02T13:04Z

Det verkar fungera, dock får jag problem när jag visar divven nu eftersom knappen är absolute så syns den igenom divven, jag tänker på den undre knappen när jag visar den översta divven under textboxen

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

## #9 — icaaq, 2005-08-02T13:14Z

Sätt ett högre [z-index](http://blooberry.com/indexdot/css/properties/position/zindex.htm) på det elementet som ska ligga överst :)

mv icaaq

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

## #10 — maqe, 2005-08-02T13:20Z

Cool ... icaaq verkar veta en del skit :) tack för hjälpen ...

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/132149-problem-med-onclick-på-bild-i-ff