Linjer som bg

2 svar · 449 visningar · startad av SoulGod 4 apr. 2008

SoulGodMedlem sedan aug. 20051 200 inlägg

Frågan4 apr. 2008 10:58#1

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 =)

SimOnlineMedlem sedan juli 20031 132 inlägg

4 apr. 2008 11:08#2

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?

PalleMedlem sedan apr. 20003 174 inlägg

10 apr. 2008 20:38#3

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}