Permalänk
Medlem

background-image?

Yo!

Jag vill ha en bild som alltid ligger i top,

en bild som alltid ligger i bottom.

Sen mellan dessa ska en smal bild repeteras så den fyller ut hela utrymmet.

HUR GÖRA?

ska stöda både firefox och IE

tackar

Permalänk
Medlem

det löses väl bäst med flera divs/td's, sen kan du ju css:a bakgrunds-repetitionen med background-repeat med repeat, repeat-x, repeat-y eller no-repeat

Permalänk
Medlem

1) tanken är att jag ska ha div och css ja.

2) helst inga tabeller.

3) det du säger mig hjälpte mig inte mkt :P.

Permalänk
Medlem

men ungefär såhär då:

<html> <head> <style type="text/css"> div.top { background-image: url('bild.jpg'); background-repeat: no-repeat; } div.mellan { background-image: url('bild.jpg'); background-repeat: repeat-y; } div.nere { background-image: url('bild.jpg'); background-repeat: no-repeat; } </style> </head> <body> <div class="top"> hej </div> <div class="mitten"> hej igen </div> <div class="bottom"> hej ytterligare </div> </body> </html>

sen lite modifieringar förstås.

Permalänk
Medlem

annars funkar väl:
background-position: top;
background-position: bottom;
också!

Visa signatur

/Jeppe

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Sirjeppe
annars funkar väl:
background-position: top;
background-position: bottom;
också!

joo, men då måste man ändå ha flera divvar, eftersom man inte kan ha flera bakgrundsbilder på en div...

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av ErikHK
joo, men då måste man ändå ha flera divvar, eftersom man inte kan ha flera bakgrundsbilder på en div...

Prexis!

Om du bara vill ha två bilder så kan du ju iofs göra så att du slänger ut två divar och säger till dem: position:absolute/relative; top:0px; på en ena och bottom:0px; på den andra... sådär, problemet löst...