Avatar billede mik28 Seniormester
10. juli 2005 - 12:49 Der er 20 kommentarer og
1 løsning

at fjerne cellpadding og cellspacing med CSS

Hej Eksperter,

Hvordan fjerner jeg cellpadding og cellspacing i en tabel med css. Jeg er i øjeblikket nød til at gøre således

<table cellpadding="0" cellspacing="0" style="width:100px;text-align:left;background-color:#999999;">
Avatar billede busschou Praktikant
10. juli 2005 - 13:01 #1
Avatar billede busschou Praktikant
10. juli 2005 - 13:01 #2
Der er alt hvad du kan "lege" med ;o)
et eksempel på padding kan du se her
http://www.w3schools.com/css/tryit.asp?filename=trycss_padding
Avatar billede mik28 Seniormester
10. juli 2005 - 13:20 #3
Det er et problem jeg har haft længe. Det handler mest om at jeg ikke syntes det er fedt at jeg ikke kan samle det hele i CSS. Derfor vil jeg gerne vide hvad jeg kan skrive i CSS for at fjerne cellpadding og cellspacing på en tabel, hvis det kan lade sig gøre
Avatar billede busschou Praktikant
10. juli 2005 - 13:31 #4
padding giver sig selv da den findes i css
spacing er jeg i tvil om men prøv
<table style="width:100px;text-align:left;background-color:#999999;padding:0;border-spacing: 0;">
Avatar billede milandt Nybegynder
10. juli 2005 - 13:57 #5
style="border-collapse:collapse;border:none;"

http://www.w3schools.com/css/pr_tab_border-collapse.asp
Avatar billede roenving Novice
10. juli 2005 - 16:25 #6
.minTabel{border:0;border-collapse:collapse;}
.minTabel td{margin:0;border:0;padding:0;}
Avatar billede mik28 Seniormester
10. juli 2005 - 17:48 #7
Jeg har brugt roenvings løsning. Jeg er godt klar over at det er lidt det samme :-)
Avatar billede mik28 Seniormester
10. juli 2005 - 17:50 #8
Det fede ved roenving's løsning er jo bare at jeg kan skrive

<table class="minTabel">

og så slår
.minTabel td{margin:0;border:0;padding:0;}

igennem
Avatar billede mik28 Seniormester
10. juli 2005 - 17:51 #9
tak for hjælpen allesammen :-)
Avatar billede busschou Praktikant
10. juli 2005 - 17:52 #10
mik28 >> det er jo hele ideen med css , du kan jo også hive alt det andet css ud du har og gemme det i et stylesheet seperat.. ingen hokus pokus der forhåbentlig?
Avatar billede milandt Nybegynder
10. juli 2005 - 18:33 #11
så må roenvings  jo smide et svar..
Avatar billede mik28 Seniormester
10. juli 2005 - 18:37 #12
Ideén er jo fin nok, men det skal jo også virke :-)
Avatar billede busschou Praktikant
10. juli 2005 - 18:40 #13
mik28 >> jo men jeg mener hvis du ikke i forvejen kendte til at dele det op i clases så ville jeg da anbefale dig at læse om css et sted :o). Og det lød lidt som om at fordi roeving skrev det blev løsningen mere korrekt. Begge metoder med css er jo korrekt. Altså uanset om det står i et eksternt eller internt stylesheet eller direkte i tagget, det er lige validt
Avatar billede mik28 Seniormester
10. juli 2005 - 18:47 #14
Ja om jeg skriver det inline, globalt eller linket er jo lige korrekt. Det er bare smartest at gøre det på roenvings måde
Avatar billede busschou Praktikant
10. juli 2005 - 18:48 #15
jep,,, derfor du gav milandt point ? ;o)
Avatar billede milandt Nybegynder
10. juli 2005 - 18:48 #16
måden du skriver det på er ikke afgørende, svaret i dette tilfælde må være:

border-collapse:collapse;border:none;

og der er begge løsninger fyldestgørende.
Avatar billede busschou Praktikant
10. juli 2005 - 18:50 #17
da ikke hvis padding og margin også skal sættes?...
Avatar billede milandt Nybegynder
10. juli 2005 - 18:51 #18
nej, rigtigt.. fjerner kun cell-spacing og border.. my bad. Virkede bare som om at problemet var cell-spacing, men spørgsmålet dækkede jo over det hele.
Avatar billede busschou Praktikant
10. juli 2005 - 18:52 #19
well well .. det vigtigste er jo at det virker :o)
Avatar billede roenving Novice
11. juli 2005 - 02:45 #20
Men det er i hvert fald sådan, at skal man emulere cellpadding, kan det ikke klares med inline styles, men skal nødvendigvis skrives i et stylesheet (måske kombineret med en inline style med border-collapse, men så virker det mere logisk at skrive det i stylesheetet også !-)
Avatar billede olebole Juniormester
22. juli 2005 - 18:51 #21
<ole>

- og så bortfalder inline-styles helt i næste HTML-version, så det kan vel godt betale sig at påbegynde en udfasning af dem  ;o)

/mvh
</bole>
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