---
title: "text ovanpå bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1711-text-ovanpå-bild"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "i-or"
published: "2002-01-01T19:44:00.000Z"
updated: "2002-01-02T11:00:00.000Z"
replies: 5
views: 356
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/1711-text-ovanpå-bild"
---

# text ovanpå bild

## #1 — i-or, 2002-01-01T19:44Z

Hur gör man för att få en text ovanpå en bild??

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

## #2 — Tengblad, 2002-01-01T20:28Z

Du kan jue göra en table och lägga bilden i bakgrunden och sen bara skriva i tablen!

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

## #3 — caze, 2002-01-01T22:55Z

Förstås...
Men går det på något sett att skriva en text över en bild utan att göra en tabell....???

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

## #4 — jorgen, 2002-01-01T22:57Z

Layers

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

## #5 — Erik Juhlin, 2002-01-01T23:06Z

Man kan ju även skriva texten på bilden i Photoshop eller annat lämpligt bildbehandlingsprogram. :)

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

## #6 — jarvklo, 2002-01-02T11:00Z

Du kan också använda CSS, det funkar i webbläsare med version \>= 5. 
Webbläsare med mindre bra CSS-stöd ;) ser helt enkelt inte bilden.

```
<html>
<head>
<title>text över bild med CSS</title>
<style type="text/css">
<!--
.bakgrundsbild {
	background-image: url(bild.jpg);
/* en bild, centrerad bakom innehållet */
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
-->
</style>
</head>
<body>

<!-- bakgrundsbilden beskärs efter cellens bredd och höjd -->

<div class="bakgrundsbild">
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen
</div>

<!-- Samma exempel, men med bredd och höjd angivna med CSS -->

<div class="bakgrundsbild" style="height:100px; width:100px">
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen,
Hej hopp i lingonskogen
</div>

<!-- exemplet funkar också i de flesta andra taggar -->
<!-- (de som kan innehålla text) -->

<table border="1">
	<tr>
		<td class="bakgrundsbild">
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen
		</td>
		<td class="bakgrundsbild">
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen, 
Hej hopp i lingonskogen
		</td>
	</tr>

</table>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/1711-text-ovanpå-bild
