Søg
Avatar billede webcreator Nybegynder
16. december 2005 - 02:57 Der er 11 kommentarer og
1 løsning

Bredde på celle i tabel

Hej Eksperter.

td.desk {

  border: 1px solid #C0C0C0;

  width: 40px;

  height: 40px;

  text-align: center;

}

Ovenstående CSS giver mig celle i tabellen den korrekte højde, men bredden styres tilsyneladende helt af indholdet i cellen - kan det laves om? Jeg vil nemlig meget gerne angive bredden selv.
Avatar billede webcreator Nybegynder
16. december 2005 - 02:57 #1
Jeg foretrækker i øvrigt CSS - ikke HTML løsninger
Avatar billede roenving Novice
16. december 2005 - 17:21 #2
Tabelceller er skabt til at vise det indhold, der kommer ind i en celle, og vil derfor udvides, hvis indholdet af den ene eller anden grund fylder for meget !-)

-- med en bredde på 40px skal der ikke lange ord til, at den bliver nødt til at udvide sig i bredden, selvom den først og fremmest udvider sig i højden, men aldrig deler ord eller tegnsekvenser ...

Eneste mulige løsning bruges f.eks. også her, følgende sekvens af tegn vil ikke blive delt, men i stedet skjules de sidste af de ialt 200 tegn:

01234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789

-- og det gøres ved at sætte en div inde i tabelcellen og sætte den til overflow:hidden;

-- altså:

td.desk {
  border: 1px solid #C0C0C0;
  width: 40px;
  height: 40px;
  text-align: center;
}
td.desk div.noOverflow{
  width: 40px;
  height: 40px;
  text-align: center;
  overflow:hidden;
}
Avatar billede webcreator Nybegynder
16. december 2005 - 19:18 #3
Hej Roenving.

Mit problem er faktisk lige omvendt - problemet er at tabellen er for kort i bredden - den bliver ikke 40 px. som angivet.
Avatar billede webcreator Nybegynder
16. december 2005 - 19:23 #4
Min kode ser således ud :

<div style="width: 150px; margin-left: auto; margin-right: auto;">

<table>
<td class="desk">1</td>
<td class="desk">2</td>
<td class="desk">3</td>
</table>
</div>
Avatar billede webcreator Nybegynder
16. december 2005 - 19:36 #5
Og jeg koder strict html 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
Avatar billede doc404 Novice
16. december 2005 - 19:46 #6
Du manger vel egentlig en <tr></tr> omkring dine td'er
Avatar billede webcreator Nybegynder
16. december 2005 - 19:51 #7
Hov, den er der self. også - en kopieringsfejl :)

<div style="width: 150px; margin-left: auto; margin-right: auto;">
<table>
<tr>
  <td class="desk">1</td>
  <td class="desk">2</td>
  <td class="desk">3</td>
</tr>
</table>
</div>
Avatar billede webcreator Nybegynder
16. december 2005 - 20:29 #8
Min fejl.. Jeg havde sat width i mit div-tag til en for lav værdi - det resulterede i at tabellerne blev "presset sammen".

Ved at sætte værdien højere fik jeg de korrekte bredder i cellerne. Men det center-hack jeg har brugt er ikke helt godt. Det har tendens til at placere mine celler en del til venstre - og det på trods for at jeg har brugt 'auto' ved højre og venstre margin. Nogen der har en løsning på dette? Vil helst ikke centrere vha. flere tabeller.
Avatar billede apo Praktikant
16. december 2005 - 20:38 #9
Har du f.eks. prøvet med:

<table style="width: 150px; margin:0 auto;">
<tr>
  <td class="desk">1</td>
  <td class="desk">2</td>
  <td class="desk">3</td>
</tr>
</table>

?
Avatar billede webcreator Nybegynder
16. december 2005 - 23:24 #10
Super, det hjalp. Mange tak - fjernede dog width :)
Svartid, Apo :)
Avatar billede apo Praktikant
16. december 2005 - 23:30 #11
Du får et svar :-)

Width er ellers den egenskab, der gør at browseren ved hvor margenerne skal sættes...
Avatar billede apo Praktikant
17. december 2005 - 12:46 #12
Tak 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »