Avatar billede steen_hansen Forsker
03. marts 2004 - 12:35 Der er 18 kommentarer og
3 løsninger

padding i celler

Jeg har en tendens til at lave tabeller med cellpadding="6". Men det bliver til en dulens masse uoverskuelige tabeller, når der skal laves forskellige cellpaddings.

Jeg vil istedet lave det i CSS, og så definere hver enkelt celle efter behov.

Hvordan laver jeg det bedst? Og jeg er i tvivl om på hvilke sider af cellen de forskellige paddings virker på:

1  2  3  4
5px 0px 5px 5px

1 = Venstre?
2 = Top?
3 = Højre?
4 = Bund?

Hvordan skal det se ud, når CSS er på plads?

<td class="padding5px">

... eller?
Avatar billede 3xm Nybegynder
03. marts 2004 - 12:40 #1
<td style="padding: 5px">
Avatar billede 3xm Nybegynder
03. marts 2004 - 12:41 #2
Avatar billede fennec Nybegynder
03. marts 2004 - 12:42 #3
Avatar billede 3xm Nybegynder
03. marts 2004 - 12:46 #4
personligt wil jeg altid foretrække w3's forklaringer på css. dels fordi det er dem der sætter standarderne, dels fordi microsoft ikke på samme måde er uafhængige, da de selv står med et browserprodukt som kun på meget ringe vis tolker css korrekt.

=)
Avatar billede mik789 Nybegynder
03. marts 2004 - 12:52 #5
<td style="padding: 0px 5px 5px 5px;">

CSS anbefaler at man angiver i denne rækkefølge: top, right, bottom, left.
Avatar billede fennec Nybegynder
03. marts 2004 - 12:54 #6
>> 3xm

det er rigtig, men jeg synes microsoft's side er nemmere/hurtigere at forstå. De har også mærkeret funktioner som ikke er standart. Man skal alligevel have det tilpasset til den enkelte browser, uanset hvad man gør....

Det er bare min mening :)
Avatar billede 3xm Nybegynder
03. marts 2004 - 12:56 #7
alternativt, hvis du ikke kan huske rækkefølgen, kan du bruge

padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;

=)
Avatar billede mik789 Nybegynder
03. marts 2004 - 13:02 #8
3xm> han vil have 0px i toppen...

hvis alle sider har 5px padding er det nok med style="padding: 5px;". Hvis top/bund har ens mål (f.eks. 0px) og ligesådan right/left (f.eks. 5px) er det nok med style="padding: 0px 5px;". Hvis ikke top og bund er ens eller right og left er ens, må man angive alle fire, altså som i steen_hansens eksempel: style="padding: 0px 5px 5px 5px;"
Avatar billede 3xm Nybegynder
03. marts 2004 - 13:05 #9
mik, det ved jeg skam godt. det var bare et eksempel. det står altsammen ganske fint forklaret hos w3.

=)
Avatar billede steen_hansen Forsker
03. marts 2004 - 14:41 #10
Ok, kan det ikke sættes ind i CSS?

.padding1 {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.padding2 {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

<table class="padding1">
....... osv.
</table>

<table>
    <tr>
        <td class="padding2">&nbsp;</td>
    </tr>
</table>
Avatar billede 3xm Nybegynder
03. marts 2004 - 14:43 #11
det kan du sagtens
Avatar billede steen_hansen Forsker
03. marts 2004 - 14:50 #12
fennec, mik789 og 3xm, kan I ikke lægge et svar? :o)
Avatar billede 3xm Nybegynder
03. marts 2004 - 14:53 #13
=)
Avatar billede steen_hansen Forsker
03. marts 2004 - 20:03 #14
fennec og mik789, venter på et svar :o)
Avatar billede mik789 Nybegynder
03. marts 2004 - 20:07 #15
ok ;-)
Avatar billede roenving Novice
04. marts 2004 - 02:45 #16
>>mik789 03/03-2004 12:52:57

Anbefaler ?-) ?-) ?-)

Der findes kun den metode ...

-- og den nemme huskeregel for at angive 4 parametre på box-properties (gælder f.eks. også border og margin !-) er:

Det følger uret, altså starter det foroven og går med uret !o]

-- og det er også muligt at angive 1, 2 eller 3:

margin: 1px; /* alle 4 sider 1 px */
margin: 2px 3px; /* top og bottom 2px, right og left 3px */
margin: 4px 5px 6px; /* top 4px, right og left 5 px og bottom 6px */
Avatar billede fennec Nybegynder
04. marts 2004 - 08:12 #17
ingen point til mig....
Avatar billede steen_hansen Forsker
04. marts 2004 - 18:51 #18
Ok, fennec :o)

roenvig, det var fedt! Kan du så ikke smide et svar?
Avatar billede roenving Novice
06. marts 2004 - 06:45 #19
Velbekomme '-)
Avatar billede steen_hansen Forsker
07. marts 2004 - 21:12 #20
Takker alle :o)
Avatar billede roenving Novice
07. marts 2004 - 22:24 #21
-- og jeg takker for points ;~}
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