---
title: "Text över bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/161180-text-över-bild/page2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "DanneSt"
published: "2007-06-06T22:07:21.000Z"
updated: "2007-06-07T18:11:13.000Z"
replies: 28
views: 864
page: 2
pages: 2
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/161180-text-över-bild"
---

# Text över bild

_Sida 2 av 2._

## #21 — tanten, 2007-06-07T13:36Z

> **DanneSt skrev:**
>
> Sitter på jobbet så jag kan inte testa själv, men kan måhända detta funka?
>
>
> ```
> #content img {bakground-image: url(images/bild.jpg);}
> ```

Det borde bli minst två bilder av det... Har aldrig testat något sådant. Blir ju lite tårta på tårta att ha img i dokumentet och dessutom en url i css.

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

## #22 — Melea, 2007-06-07T13:38Z

```
#content img 
{
   background-image: url(images/bild.jpg);
   background-repeat: no-repeat;
   float: right;
   margin-left:-350px;
}
```

Värt ett försök?

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

## #23 — tanten, 2007-06-07T14:02Z

Fast en snabbkoll i FF i edit css så dras texten över bilden och textraderna blir alltså längre utan att bilden flyttar på sig...

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

## #24 — Troxy, 2007-06-07T14:05Z

Den "rätta" lösningen i detta fall vore att positionera både texten och bilden absolut (relativt till deras förälder) och sedan använda z-index för att få bilden att hamna under texten.

Jag hoppas att du hängde med i min förklaring :P

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

## #25 — Melea, 2007-06-07T14:06Z

Jao du får nog lägga en div inuti contentdiven och sätta en klass på den, typ:

```
<div id="content">
   <div id="image_bkgr">Text till bild här</div>
   Text till sidan - en jäkla massa
</div>

#content
{
   Samma egenskaper som innan
}

#image_bkgr
{
   position: relative;
   top: 200px; // lek med de här värdena
   left: 400px; // här med
   width: 200px; // bredden på bilden
   height: 200px; // höjden på bilder
   background-image: url(images/bild.jpg);
   background-repeat: no-repeat;
}
```

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

## #26 — zcorpan, 2007-06-07T15:33Z

> **DanneSt skrev:**
>
> Jag vill alltså inte att #content ska innehålla denna bakgrundsbild på varenda sida, därför lägger jag inte in den i stilmallen.

Varför kan du inte ha \<div id="content"\> på andra sidor och \<div id="content" class="thestory"\> på denna? 

```
.thestory { background:url(...) no-repeat right; }
```

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

## #27 — DanneSt, 2007-06-07T17:41Z

> **zcorpan skrev:**
>
> Varför kan du inte ha \<div id="content"\> på andra sidor och \<div id="content" class="thestory"\> på denna? 
>
> ```
> .thestory { background:url(...) no-repeat right; }
> ```

Ja, varför skulle jag inte kunna ha det?  :D

Tack för alla för all hjälp!   (y)  (y)

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

## #28 — Mr T, 2007-06-07T17:44Z

byt ut 

```
<div id="content">
```

mot

```
<div id="content" style="background-image: url(images/thestory_bkgr.jpg); background-repeat: no-repeat;">
```

så ska du se att det funkar. Dock får du väll kolla så att detta lilla tjuv-knep funkar i alla browsrar. Det funkar dock bra i Safari på mac :-)

J snygg och ren grafik på sidan föresten! Är det du som har gjort den?

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

## #29 — DanneSt, 2007-06-07T18:11Z

> **Mr T skrev:**
>
> byt ut 
> 
>
>
> ```
> <div id="content">
> ```
>
> 
> 
> mot
> 
>
>
> ```
> <div id="content" style="background-image: url(images/thestory_bkgr.jpg); background-repeat: no-repeat;">
> ```
>
> 
> 
> så ska du se att det funkar. Dock får du väll kolla så att detta lilla tjuv-knep funkar i alla browsrar. Det funkar dock bra i Safari på mac :-)

Ja, det är samma tips som jag fick av zcorpan, och det funkar toppen! Tackar!

> **Mr T skrev:**
>
> J snygg och ren grafik på sidan föresten! Är det du som har gjort den?

Japp! Tack och bock för berömmet!   :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/161180-text-över-bild/page2  
Föregående sida: https://www.webforum.nu/amne/html-css/161180-text-över-bild.md