Avatar billede stig69 Nybegynder
31. januar 2006 - 15:53 Der er 6 kommentarer og
1 løsning

padding på tabel

Jeg har følgende eksemple som ikke give det samme i IE og Firefox. Jeg ønsker at tabellen har en ramme og tabellens celler har en afstand på 10px fra tabellens kant. Det fungerer i Firefox men ikke i IE.

<html>
<head>
<style type="text/css">
table {
  padding:10px;
  border: solid 1px #000;
  background-color:lightgrey;
}
</style>
</head>
<body>
<table>
  <tr>
    <td style="background-color:pink;">celle1</td>
    <td style="background-color:yellow;">celle2</td>
  </tr>
  <tr>
    <td style="background-color:cyan;">celleA</td>
    <td style="background-color:magenta;">celleB</td>
  </tr>
  <tr>
    <td style="background-color:red;">celleA</td>
    <td style="background-color:blue;">celleB</td>
  </tr>
</table>
</body>
</html>

- Stig
Avatar billede roenving Novice
31. januar 2006 - 15:58 #1
-- i et åbent spørgsmål kan du bruge "Afsæt flere point" under Funktioner oppe til venstre ...
Avatar billede stig69 Nybegynder
31. januar 2006 - 16:04 #2
Ok, så ved jeg det en anden gang. Takker!

Hvad med problemet? :-)
Avatar billede notes2c Nybegynder
31. januar 2006 - 16:16 #3
Padding på selve tabellen virker ikke i IE...
Avatar billede stig69 Nybegynder
31. januar 2006 - 16:19 #4
Det er jo trist høre. Hvad er så alternativet, hvis jeg ikke vil bruge et omkransende element?
Avatar billede webstuff Nybegynder
31. januar 2006 - 17:38 #5
<table cellpadding="10">
  <tr>
    <td style="background-color:pink;">celle1</td>
    <td style="background-color:yellow;">celle2</td>
  </tr>
  <tr>
    <td style="background-color:cyan;">celleA</td>
    <td style="background-color:magenta;">celleB</td>
  </tr>
  <tr>
    <td style="background-color:red;">celleA</td>
    <td style="background-color:blue;">celleB</td>
  </tr>
</table>
Avatar billede notes2c Nybegynder
31. januar 2006 - 19:04 #6
webstuff -> Den går ikke, det er jo cellerne du laver padding på.

Det er nok mere i denne retning vi skal hen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Index2</title>
<style type="text/css">
.table {
  border: solid 1px #000;
  background-color:lightgrey;
}
</style>
</head>
<body>
<table class="table" cellpadding="10"><tr><td>
<table>
  <tr>
    <td style="background-color:pink;">celle1</td>
    <td style="background-color:yellow;">celle2</td>
  </tr>
  <tr>
    <td style="background-color:cyan;">celleA</td>
    <td style="background-color:magenta;">celleB</td>
  </tr>
  <tr>
    <td style="background-color:red;">celleA</td>
    <td style="background-color:blue;">celleB</td>
  </tr>
</table>
</td></tr></table>
</body>
</html>
Avatar billede stig69 Nybegynder
20. februar 2006 - 10:42 #7
Tak for svar. Er blevet implementeret og virker
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