---
title: "Linjer som bg"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/170533-linjer-som-bg"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "SoulGod"
published: "2008-04-04T10:58:27.000Z"
updated: "2008-04-10T20:38:35.000Z"
replies: 2
views: 449
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/170533-linjer-som-bg"
---

# Linjer som bg

## #1 — SoulGod, 2008-04-04T10:58Z

Vill testa en idé jag har till en bakrund:

Jag vill få till en vertikal linje ca 20 px från vänster kant,
och sedan en horisontell linje ca 80 px från toppkanten.
Linjerna skall gå hela vägen ut till "slutet" på skärmen åt båda hållen.

Hur gör jag detta?
Vet att man kan lägga en enkel bg-bild, men då måste man ju rita den lika stor 
som upplösningen ska vara. Men med tanke på att slippa rita en bild på 1280x1024, så kanske det finns ett enklare sätt?

Så - ge mig tips =)

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

## #2 — SimOnline, 2008-04-04T11:08Z

Jag har lite brått nu, men ena linjen som bakgrund i body och sen en div med 100% width/height som har den andra linjen som bakgrund?

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

## #3 — Palle, 2008-04-10T20:38Z

En variant är att skapa två små transparent giffar med ett streck på passande ställe, ex.

Den första är 80x80, med din linje i botten på bilden (bg-horizontal.gif).
Den andra 30x30 med din linje i högerkanten på bilden (bg-vertical.gif).

Använd sedan CSS för att placera in dom på sidan.

```
html,body {margin:0;padding:0;height:100%}
html {background:url(bg-horizontal.gif) repeat-x}
body {background:url(bg-vertical.gif) repeat-y}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/170533-linjer-som-bg