---
title: "Går det att lägga två bilder ovanpå varandra utan att båda tar upp plats i tabellen?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/179527-går-det-att-lägga-två-bilder-ovanpå-varandra-utan-att-båda-tar-upp-plats-i-tabellen"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mattias Nordin"
published: "2009-07-26T12:22:18.000Z"
updated: "2009-08-12T17:19:41.000Z"
replies: 6
views: 1091
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/179527-går-det-att-lägga-två-bilder-ovanpå-varandra-utan-att-båda-tar-upp-plats-i-tabellen"
---

# Går det att lägga två bilder ovanpå varandra utan att båda tar upp plats i tabellen?

## #1 — Mattias Nordin, 2009-07-26T12:22Z

Går det att få dessa båda bilder att ligga ovanpå varandra utan att tabellen blir lika stor som båda bilderna tillsammans? Vet att ett sätt är att lägga pic2 som bakgrundsbild i tabellcellen men undrar om css kan göra samma sak.

```
<table><tr><td>
<img src="pic_ovanpå.gif" style="position:relative; top:-100; z-index:10;">
<img src="pic2.gif">
</td></tr></table>
```

 :stud

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

## #2 — Melitta, 2009-07-26T13:35Z

ja om du använde position:absolute; så borde det ju gå

```
<table width="200" height="200" border="1">
  <tr>
    <td>
    <div style="width:200px;height:200px;overflow:hidden;position:relative">
    <img src="" alt="under" name="under" width="200" height="200" id="under" style="position:absolute;background-color: #990033; top:-80px; left:-80px;" />
    <img src="" alt="over" name="over" width="200" height="200" id="over" style="position:absolute;background-color: #000099; top:80px; left:80px;" /> 
    </div></td>
  </tr>
</table>
```

<http://hjd.se/fso.asp>

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

## #3 — Mattias Nordin, 2009-07-26T14:22Z

Får labba med det. Har för mig att position:absolute är relativt från det vänstra övre hörnet. Nu loopar jag ut en massa små tabeller som innehåller dessa bilder. Kanske kan bli en utmaning.

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

## #4 — Melitta, 2009-07-26T14:36Z

Njae, absolute är från närmsta relativa container tror jag, kolla <http://www.hjd.se/fso.asp> nu får du se, bara loopat ut det 100 ggr men det är samma kod..

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

## #5 — Mattias Nordin, 2009-07-26T17:20Z

Ser lovande ut. Tackar

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

## #6 — Mattias Nordin, 2009-08-12T17:15Z

Kan du visa din kod är du bussig? För mig blir det inte rätt. Anger jag bara position absolute så blir det ungefär ok men när jag flyttar bilden med top:10px & left:10px så hamnar alla bilder i det övre vänstra hörnet av skärmen och inte övre vänstra hörnet av tabellcellen. 

Har jag fel syntax?

```
 <table border="1" width="150" height="280" bgcolor="#1a1919" style="border:2px solid #89001f">
        <tr><td align="center" valign="top" height="100%">
        
		<img src="/_design/ico_new.png" style="position:absolute;left:10px;">
...
```

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

## #7 — Mattias Nordin, 2009-08-12T17:19Z

Ahhh... granskade din kod och listade nog ut det. Detta fungerar:

```
<table border="1" width="150" height="280" bgcolor="#1a1919" style="border:2px solid #89001f">
        <tr><td align="center" valign="top" height="100%" [B][FONT="Arial Black"]style="position:relative;">[/FONT][/B]
        
		<img src="/_design/ico_new.png" style="position:absolute;left:10px;">
...
```

Nu lärde jag mig något nytt. Tackar :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/179527-går-det-att-lägga-två-bilder-ovanpå-varandra-utan-att-båda-tar-upp-plats-i-tabellen