---
title: "Textlänk ovanpå bild, i tabell"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/159855-textlänk-ovanpå-bild-i-tabell"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Fia"
published: "2007-05-02T09:33:48.000Z"
updated: "2007-05-02T17:23:48.000Z"
replies: 4
views: 282
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/159855-textlänk-ovanpå-bild-i-tabell"
---

# Textlänk ovanpå bild, i tabell

## #1 — Fia, 2007-05-02T09:33Z

Jag har en tabellcell, med en bild i och ovanpå bilden vill jag lägga en textlänk. Just nu kör jag med position: relative och z-index: 1 på bilden, med länken som position: absolute och z-index: 2. 

Men. När tabellen flyttar på sig, så följer förstås bilden med men inte länken, eftersom den är absolut. Och gör jag om bägge till relativa så vill länktexten lägga sig bredvid bilden istället för på den.

Hur löser jag det här med position och z-index? Jag är ingen stjärna på CSS.

Kör med html 4.01 transitional och en hel del tabeller, har tyvärr inte tid att lära mig xhtml just nu heller...   :(

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

## #2 — Fia, 2007-05-02T09:38Z

Hm, nu föreslog någon annan att jag sätter bilden som bakgrund i tabellcellen istället. Testar väl det då...

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

## #3 — voigtann1, 2007-05-02T09:38Z

kan du inte lägga bilden som en bakgrund och sen infoga texten?

```
<div class="minfinaBild">min text</div>
```

 ?

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

## #4 — Troxy, 2007-05-02T13:44Z

Släng dit en extra container som du positionerar relativt.
Sedan kan du positionera din länktext absolut inuti.

```
<table>
  <tr>
    <td>
      <div>
        <img src="bild.gif" alt="">
        <a href="#">Textlänken</a>
      </div>
    </td>
  </tr>
</table>
```

```
td div { position:relative; }
td div a { position:absolute; bottom:0; left:0; }
```

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

## #5 — Fia, 2007-05-02T17:23Z

Tack för tipsen! Löste det med följande:

```
<td style="background: url('images/bakgrund.jpg') top left no-repeat;" valign="top" height="55">
```

och sen en får länktexten en class som innehåller:

```
... position:relative; top:12px; left:14px; z-index:2; width: 195 ...
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/159855-textlänk-ovanpå-bild-i-tabell