Avatar billede blackscorpion Nybegynder
12. august 2005 - 17:50 Der er 20 kommentarer og
1 løsning

Drilsk CSS.

Hej eksperter.

syntes min css driller lidt, kan ikke få den til at lave en padding på 5px imellem cellerne i min tabel.

koden:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> 
  <style type="text/css">
  body {
    margin: 5px;
  }
 
  table {
    border: 2px solid #CFCFCF;
    padding: 5px;
    width: 700px;
    height: 400px;
    background-color: #F9F9F9;
  }
 
  #content {
    border: 1px solid #CFCFCF;
    padding: 5px;
  }
 
  #menu {
    border: 1px solid #CFCFCF;
    height: 16px;
    padding: 5px;
  }
  </style>
</head>

<body>

  <table align="center">
  <tr>
    <td valign="top" id="menu">
    &nbsp;
    </td>
    <td id="menu">
    &nbsp;
    </td>
    <td id="menu">
    &nbsp;
    </td>
    <td id="menu">
    &nbsp;
    </td>
  </tr>
  <tr>
    <td colspan="4" id="content">
    &nbsp;
    </td>
  </tr>
  </table>
 
</body>
</html>
Avatar billede blackscorpion Nybegynder
12. august 2005 - 17:52 #1
nå ja min højde virker heller ikke.. har prøvet at tilføje spacing: 5px uden held, er ikke så hamrende skarp til CSS, desværre. :(
Avatar billede olebole Juniormester
12. august 2005 - 19:31 #2
<ole>

En ID _skal_ være unik i dokumentet - så det kan jo kun gå galt  :)

Derudover skal du kikke på:
    http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse
- og:
    http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing

/mvh
</bole>
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:39 #3
jamen den er da unik?? og kan ikke se hvad border-collapse skal kunne gøre?? men har sat den til inherit.
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:41 #4
og har smidt border spacing ind, virker stadig ikke...
Avatar billede olebole Juniormester
12. august 2005 - 19:44 #5
1. Du har fire celler med ID'en 'menu' ... hvad er der unikt i det?
2. Hvad er din tanke bag at sætte 'border-collapse' til 'inherit'?
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:47 #6
fik fat i de var seperate, men det er ændret.

øhhh så vidt jeg ved så skal jeg tilføje det til hver td jeg skal bruge det i, ellers kan jeg ikke få det til at virke, og uanset hvordan jeg sætter det op nu, så virker det ikke.
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:48 #7
har jeg ændret det hele til class. virker stadig ikke.
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:48 #8
sådan her ser min kode ud nu, og jeg kan stadig ikke få lov til at ændre højden eller noget andet. :(

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> 
  <style type="text/css">
  body {
    margin: 5px;
  }
 
  table {
    border-collapse: separate;
    border: 2px solid #CFCFCF;
    width: 700px;
    height: 400px;
    background-color: #F9F9F9;
    border-spacing: 5px;
  }
 
  #content {
    border: 1px solid #CFCFCF;
    border-spacing: 5px;
  }
 
  .menu {
    border: 1px solid #CFCFCF;
    height: 16px;
    border-spacing: 5px;
  }
  </style>
</head>

<body>

  <table align="center">
  <tr>
    <td valign="top" class="menu">
    &nbsp;
    </td>
    <td class="menu">
    &nbsp;
    </td>
    <td class="menu">
    &nbsp;
    </td>
    <td class="menu">
    &nbsp;
    </td>
  </tr>
  <tr>
    <td colspan="4" id="content">
    &nbsp;
    </td>
  </tr>
  </table>
 
</body>
</html>
Avatar billede notes2c Nybegynder
12. august 2005 - 19:49 #9
Nej dine id menu er ikke unique, den står der da 4 gange....
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:51 #10
er ændret til class......
Avatar billede olebole Juniormester
12. august 2005 - 19:53 #11
Du kan ikke få højden til at funke ... nej, det er et kendt problem i IE.
Hvad mener du med: "jeg kan stadig ikke få lov til at ændre højden eller noget andet"?
Hvad er det udover højden, du ikke kan ændre?
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:53 #12
kan få det til at virke hvis jeg sætter en fast højde i #content.
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:53 #13
jeg kan ikke få 5px mellemrum imellem tingene i tabellen.. altså imellen hver celle i tabellen.
Avatar billede olebole Juniormester
12. august 2005 - 19:58 #14
aha ... nej, det er et af de andre steder, hvor IE endnu ikke overholder CSS. Du kankollapse mellemrummet mellem cellerne, eller lade være ... men ikke sætte en afstand  :)

- men hvorfor ikke bare bruge HTML-attributter, til browserne understøtter CSS:
  <table cellspacing="5" border="1">
Avatar billede blackscorpion Nybegynder
12. august 2005 - 19:59 #15
fordi det ville være meget rart at kunne kontrollere det i css.
Avatar billede olebole Juniormester
12. august 2005 - 20:05 #16
Synes du, det rarere, end at kontrollere tabellens centrering via CSS?
Ja, måske ville det være rart at kunne, men det kan du ikke endnu  :)
Avatar billede blackscorpion Nybegynder
12. august 2005 - 20:06 #17
tabellens centrering??? øhhhh... hvor kommer det lige ind?? *lost*

men smid lige et svar, problemet er løst. ;)
Avatar billede olebole Juniormester
12. august 2005 - 20:10 #18
Ja, du bruger da 'align=center'. Du kan nøjes med:
    <table cellspacing="5">

- og så tilføje dette under din table-selector i CSS'en:
    margin: 0 auto;
Avatar billede blackscorpion Nybegynder
12. august 2005 - 20:13 #19
som sagt er ikke skide skarp til CSS.
Avatar billede olebole Juniormester
12. august 2005 - 20:17 #20
Det bli'r du med tiden  ;o)
Tak for points  :)
Avatar billede blackscorpion Nybegynder
12. august 2005 - 20:18 #21
har altid kun leget med A:link, active, hover og visited, font-size.. border... det er nok det mest brugte CSS i min verden. ;)
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