Avatar billede imnewb Nybegynder
15. august 2005 - 22:01 Der er 17 kommentarer og
1 løsning

Ikke gentage baggrund i tabel

Hvordan laver jeg en repeat som ikke gentager baggrunden i en <td flere gange?

Den skal kun vise baggrunden én gang.
Avatar billede apo Praktikant
15. august 2005 - 22:11 #1
Avatar billede imnewb Nybegynder
15. august 2005 - 22:14 #2
svar?
Avatar billede apo Praktikant
15. august 2005 - 22:14 #3
F.eks.:

<td style="height:100px; width:200px; background-image:(baggrund.gif); background-repeat:no-repeat;"></td>
Avatar billede roenving Novice
15. august 2005 - 22:16 #4
Hov, apo, du glemte lige 3 vigtige bogstaver:

<td style="height:100px; width:200px; background:url(baggrund.gif) no-repeat;"></td>
Avatar billede apo Praktikant
15. august 2005 - 22:19 #5
Ah, jeg glemte 'url'! Men skal det ikke se således ud:

<td style="height:100px; width:200px; background-image:url(baggrund.gif); background-repeat:no-repeat;"></td>

Altså 'background-image:url' (hvor du har skrevet 'background:url') og 'repeat:no-repeat;' hvor du har skrevet 'no-repeat;'

?
Avatar billede roenving Novice
15. august 2005 - 22:21 #6
Nej, bl.a. for background er der den viste shortcut !-)

-- du kan faktisk:

background: #19d url(baggrund.jpg) center bottom no-repeat fixed;
Avatar billede apo Praktikant
15. august 2005 - 22:25 #7
Okay, så man angiver altså (i kort form) baggrundfarve og -billede via:

background: #19d url(baggrund.jpg)

og styrer positionen og gentagelse via: center bottom no-repeat fixed;

Det sparer jo en del kode, når man kan forkorte det! :-)
Avatar billede apo Praktikant
15. august 2005 - 22:27 #8
Er du med endnu, imnewb?
Avatar billede roenving Novice
15. august 2005 - 22:31 #9
Jepz !-)

-- du kan også forkorte på font (lidt ustabil, jeg kan ikke huske hvor !-), border, list-style og alle de firesidede (border-width m.fl., margin og padding)
Avatar billede apo Praktikant
15. august 2005 - 22:34 #10
imnewb > Tak for points :-) Fik du det svar du søgte?

roenving > Det ved jeg, men kan ikke huske hvordan man forkorter dem. Er det ikke noget med rækkefølgen: top > left > right > bottom?
Avatar billede imnewb Nybegynder
15. august 2005 - 22:35 #11
Jeps, det gjorde jeg :-) - og tak for hjælpen!
Avatar billede apo Praktikant
15. august 2005 - 22:35 #12
forkortelse af font kender jeg dióg ikke til...
Avatar billede apo Praktikant
15. august 2005 - 22:36 #13
imnewb > Godt, og velbekomme :-)
Avatar billede apo Praktikant
15. august 2005 - 22:37 #14
... Og tak til roenving for sin indskydelse!
Avatar billede roenving Novice
15. august 2005 - 22:48 #15
De fire-sidede er lidt sjove, for man må også sætte 1, 2, 3 eller alle 4 !-)

Ellers skal du tænke på uret, når du skal sætte dem: top, right, bottom, left ...

Med een værdi er det selvfølgelig hele vejen rundt, med to værdier er det top/bottom, left/right, og med 3 top, left/right, bottom !o]
Avatar billede apo Praktikant
15. august 2005 - 22:56 #16
Ah... Men så er det vel lettere, at sætte dem alle sammen (Så man kun skal huske på én rækkefølge):

margin: 0 20 0 20; <- Er det ikke sådan, det skal skrives hvis man vil sætte left- og right-margin til 20px?

Eller skal der komma imellem (Det kan jeg ikke huske)?
Avatar billede roenving Novice
15. august 2005 - 22:58 #17
Bortset fra at du skal huske enheder på længder er det rigtigt !-)

margin: 0 20px 0 20px;

-- som du kan se, er der een længde, som ikke behøver enheder !-)
Avatar billede apo Praktikant
15. august 2005 - 23:02 #18
Selvfølgelig skal jeg huske enheder på længder :-/

Så ved jeg hvordan man gør det, tak :-)
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