---
title: "Submitknapp med textlänk"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/154642-submitknapp-med-textlänk"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "SoMeOnE"
published: "2006-12-08T15:08:43.000Z"
updated: "2006-12-09T09:39:13.000Z"
replies: 5
views: 440
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/154642-submitknapp-med-textlänk"
---

# Submitknapp med textlänk

## #1 — SoMeOnE, 2006-12-08T15:08Z

Jag försöker hitta en lösning som inte använder javascript. Går det att gör en submitknapp av text utan javascript, alltså precis som en vanlig länk men som använder submit? Ska försöka få bort alla javascript från en webshop som använder sig av flera språk som hämtas ut ur en databas så jag vill helst slippa exportera bilder som kan användas som submitknapp.

Jag testade att med css ta bort borders, bakgrund osv på en submit-knapp så bara texten var kvar men i IE så la den till mycket padding på sidorna av texten så den blev för stor. Att ställa in en bestämd brädd är inte ett alternativ då jag inte vet hur lång texten kommer vara.

Koden jag använder för tillfället står nedanför.  {$page-\>language\['trolley_button_remove_items'\]} är texten som hämtas ut från databasen och ska göras om till en submitknapp, eller ännu bättre hela tabellen som gör att det ser ut som en knapp.

```
<table cellpadding="0" cellspacing="0" onclick="document.update_product.submit();" style="display: inline;cursor:pointer;">
<tr style="height: 17px;">
	<td class="ButtonSmallLeft"><img src="" style="width: 4px;" alt=""></td>
	<td style="background: #FF3366;">{$page->language['trolley_button_remove_items']}</td>
	<td class="ButtonSmallRight"><img src="" style="width: 4px;" alt=""></td>
</tr>
</table>
```

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

## #2 — Web-Tor, 2006-12-08T15:21Z

> **SoMeOnE skrev:**
>
> Jag testade att med css ta bort borders, bakgrund osv på en submit-knapp så bara texten var kvar men i IE så la den till mycket padding på sidorna av texten så den blev för stor. Att ställa in en bestämd brädd är inte ett alternativ då jag inte vet hur lång texten kommer vara.

Jag gör ett CSS-försök:

```
<input type="submit" style="overflow:visible;border:none;padding:none;" value="Lilla knapp" />
```

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

## #3 — SoMeOnE, 2006-12-08T15:41Z

overflow:visible borde göra så det blir rätt, men tabellen som knappen ligger i tror fortfarande att knappen är den "riktiga" storleken så den blir mycket större än vad som behövs. Så det där fungerar i FF men inte IE :(

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

## #4 — oskars, 2006-12-09T07:45Z

Använder den här länken javascript?

```
<a href="default.asp" onclick="submit();">Min submitknapp som inte är en knapp utan en länk!</a>
```

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

## #5 — @nders, 2006-12-09T08:36Z

> Använder den här länken javascript?

Ja, men den fungerar inte.

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

## #6 — oskars, 2006-12-09T09:39Z

> **@nders skrev:**
>
> > Använder den här länken javascript?
>
> Ja, men den fungerar inte.

okej, sorry, är inte så bra på javascript!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/154642-submitknapp-med-textlänk