Avatar billede steen-h Mester
07. januar 2006 - 10:27 Der er 16 kommentarer og
1 løsning

Tekst afstand til border

Hej

Jeg vil gerne have teksten væk fra border, mener det kan laves med padding men kan ikke finde ud af det.

Jeg har følgende css

table.table-center {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
        border-collapse: collapse;
        background-color: #C0C0C0;
}

Er der en som kan fixe det.

MVH Steen
Avatar billede there-is-only-xul Nybegynder
07. januar 2006 - 10:30 #1
....

padding: 5px; ?
Avatar billede Slettet bruger
07. januar 2006 - 10:36 #2
Ja, næsten rigtigt "there-is-only-xul".

Hvis det er i venstre side:
padding-left: 5px;

Ellers er det jo hele vejen rundt om teksten.
Avatar billede steen-h Mester
07. januar 2006 - 10:36 #3
Det gør ingen forskel.

table.table-center {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding: 5px;
        border-collapse: collapse;
        background-color: #C0C0C0;
}
Avatar billede Slettet bruger
07. januar 2006 - 10:43 #4
Avatar billede steen-h Mester
07. januar 2006 - 11:31 #5
Nu har jeg læst diverse indlæg og ovenstående link.

Har jeg ret i at jeg ikke kan lave padding for den enkelte celle på tabel niveau som jeg gerne ville, men er nød til at lave det på den enkelte celle som nedenstående.

td{
  padding: 0px 3px 0px 3px
}
Avatar billede Slettet bruger
07. januar 2006 - 11:36 #6
Så vidt jeg husker, så har du helt ret. :-)
Virker det ikke også nu?
Avatar billede steen-h Mester
07. januar 2006 - 11:40 #7
Jo, men nu påvirker det jo alle tabeller.
Jeg ville jo lave det så det kun var table.table-center
Avatar billede Slettet bruger
07. januar 2006 - 12:22 #8
Så laver du en class for de enkelte celler, du ønsker skal have padding på:
<td class="table-center">
Avatar billede Slettet bruger
07. januar 2006 - 12:23 #9
Eller:
<td class="table.table-center">
Avatar billede roenving Novice
07. januar 2006 - 12:27 #10
table.table-center td{
  padding: 0px 3px 0px 3px
}

-- på den måde påvirker det kun celler, som er i tabeller med class table-center !-)
Avatar billede steen-h Mester
07. januar 2006 - 12:35 #11
Lige det jeg manglede.
Lægger du et svar roenving.
Avatar billede Slettet bruger
07. januar 2006 - 13:15 #12
roenving:
Nåe ja, det var helt klart en nemmere løsning. :-)

Men hvorfor angiver man "table.table-center" og ikke bare "table-center"?
Avatar billede Slettet bruger
07. januar 2006 - 13:15 #13
jeg mener da ikke at den nedarvning skulle have nogen betydning, på denne måde?
Avatar billede Slettet bruger
07. januar 2006 - 13:19 #14
...i så fald, skulle man skrive: "html.body.table.table-center"
Og det er da rablende ligegyldigt. Eller også er der noget jeg totalt har misforstået.
Avatar billede roenving Novice
10. januar 2006 - 01:40 #15
table.table-center betyder præcis det samme som .table-center, hvis man alligevel kun bruger den klasse på tabel-elementer (hvilket man vel gør !-)

-- og hvis du ville lave explicit cascading med det eksempel, du forsøger at vise, skulle man skrive:

html body table.table-center ...

-- mellemrum betyder at css-reglen kun gælder for elementer, der er efterkommere af den foranstående selektor, punktum betyder, at det er en klasse på den foranstående ...

Velbekomme '-)
Avatar billede Slettet bruger
10. januar 2006 - 09:24 #16
Godt, så havde jeg alligevel forstået det rigtigt nok, kode-supermand. :-)
Altså lige bortset fra detajlen med punktummerne... ;-)
Avatar billede roenving Novice
10. januar 2006 - 16:44 #17
-- og tak 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