Avatar billede Slettet bruger
26. januar 2005 - 14:43 Der er 12 kommentarer og
2 løsninger

background-repeat

Hej exp'er!

Jeg vil have et background-image repeated både xy, men KUN i position top og left... Og jeg kan kun få den til at gøre det over hele siden ;)

Hva gør jeg ??

Takker

/SRV
Avatar billede mailand Nybegynder
26. januar 2005 - 15:18 #1
øhm...

hvis jeg har forstået dit spørgsmål korrekt, så er løsningen vel, du laver en div, der er i position top og left, og i denne div repeater du så din background?

hvis jeg har misforstået dit spm, så skriv igen.

#Mailand
Avatar billede roenving Novice
26. januar 2005 - 16:47 #2
-- eller to elementer ovenpå hinanden, hvor du repeater i y-retningen i den ene og i x-retningen i den anden, den nederste skal så have din baggrundsfarve, mens den øverste skal have transparent baggrund ...
Avatar billede Slettet bruger
26. januar 2005 - 18:14 #3
mailand:

body {
    background-image:url(../img/topbg.jpg);
    background-position:????;
    background-attachment:fixed;
    background-repeat:repeat-yx;
    }

Hvis jeg gør sådan og replacer ???? med enten left eller top, så ændrer det ikke på resultatet, der i øvrigt kan ses her:

www.zartmann.dk/test
Avatar billede Slettet bruger
26. januar 2005 - 18:18 #4
Lige en anden ting:

.bottom {
      font:14px Arial, Helvetica, sans-serif;
    overflow:hidden;
    text-align:center;
    position:absolute;
    left:10px;
    right:10px;   
    bottom:5px;
    }

Det bruger jeg til at centrere mit copyright halløjsa nederst, men det virker kun i Firefox og ikke i IE - why ?? Kan det være fordi IE ikke understøttet CSS2 eller noget i den "latterlige" stil ??

I øvrigt 100 tak for svarene :)
Avatar billede roenving Novice
26. januar 2005 - 22:49 #5
IE understøtter kun fragmentarisk Css2, og iøvrigt kun css1, der hvor det passer ind i deres eget koncept ...

-- og de har annonceret at yderligere understøttelse af css må vente på næste generation af Internet Explorer, hvilket er kædet sammen med Longhorn, det nye 64-bit windows-styresystem, som de har annonceret i 2006 (eller 2007 ?-)

Konkret er det bottom, som ikke understøttes, så du skal finde andre metoder, men jeg har ikke fornylig testet, om ikke en ordentlig doctype inklusive dtd-link klarer problemet i IE til XP sp2 !-)
Avatar billede hooh Nybegynder
27. januar 2005 - 19:44 #6
Man skal vist også brugere plinger med background : background-image:url(../img/topbg.jpg);
så det bliver : background-image:url('../img/topbg.jpg');
Avatar billede mailand Nybegynder
28. januar 2005 - 09:28 #7
ikke nødvendigvis - det bør virke alligevel.

#Mailand
Avatar billede roenving Novice
28. januar 2005 - 10:04 #8
-- lige præcis plinger (eller gåseøjne !-) er fuldstændig ligegyldige, hvis du har en streng, som ikke kan give fejl !o]

-- endda så meget ligegyldige, at de står forskelligt i de forskellige udgaver af css-anbefalingerne til hhv. css og ccs2 !-)
Avatar billede Slettet bruger
28. januar 2005 - 11:25 #9
mange tak for alle svarene :)

hooh: den viser fint billedet - det er bare et spørgsmål om repeat af det, så jeg kun får i top og left...

/SRV
Avatar billede hooh Nybegynder
28. januar 2005 - 11:57 #10
har lavet en test her:

http://www.masti.dk/eksperten/584941.html

prøv at se denne!
Avatar billede roenving Novice
28. januar 2005 - 11:58 #11
Konkret med repeaten:

<div style="position:relative;">
  <div style="position:absolute;background:url(dinBaggrund.gif) repeat-y #897cd3;width:500px;height:400px;"><div>
  <div style="position:absolute;background:url(dinBaggrund.gif) repeat-x transparent;width:500px;height:400px;">
    Det indhold, der skal være !-)
  <div>
</div>

Velbekomme '-)
Avatar billede Slettet bruger
28. januar 2005 - 15:53 #12
Jeg vil gerne dele nogle point ud :) så hvis hooh lige gider poste et svar ;) Så bliver de delt ligeligt mellem dig og roenving
Avatar billede hooh Nybegynder
28. januar 2005 - 16:55 #13
takker :-)
Avatar billede roenving Novice
30. januar 2005 - 12:04 #14
-- og jeg takker også for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester