Søg
Avatar billede hoejgaard Juniormester
03. juni 2003 - 22:56 Der er 15 kommentarer og
1 løsning

tabel i html

Nu er jeg ved at køre helt død i det at lave en pæn tabel i html.

Det er så simpelt som at jeg skal bruge en tabel med 5 kolonner og 3-4 rækker. Det er nemt nok. Når jeg så putter  tekst i cellerne kommer teksten til at stå på flere linier, og det er ikke meningen. det ser sådan her ud :

xxx    xxxxx  xxx
xx    xx

xxx    xxx    xxxxx
              xxx
xx    xxxx

Teksten må kun stå på en linie i de enkelte celler, og helst med skriftstørrelse 8.

Nogen der har en god ide ???????????
Avatar billede viciodk Praktikant
03. juni 2003 - 22:59 #1
Hvad havde du så tænkt dig der skal ske hvis der ikke er plads nok i tabelcellen:
- Skal cellens bredde justere sig automatisk?
eller
- Skal den tekst, der ikke kan være der, skjules?
Avatar billede hoejgaard Juniormester
03. juni 2003 - 23:03 #2
Nej den skal ikke skujes, den skal vel justeres automatisk
Avatar billede viciodk Praktikant
03. juni 2003 - 23:06 #3
Prøv at poste den kode du bruger nu, så kan jeg lige rette den til for dig..
Avatar billede hoejgaard Juniormester
03. juni 2003 - 23:07 #4
koden ser sådan her ud

<table border="0">
  <tr>
      <td>Før du handler</td>
      <td>Klar til at handle</td>
      <td>Når du handler</td>
      <td>Færdig med at handle</td>
      <td>Rediger xxxxxxx</td>
      <td>Generelle xxxxxxxxxx</td>
   
  </tr>
  <tr>
      <td><a href="info.html">Info om xxxxxxxxx</a></td>
      <td><a href="logind.html">Log ind</a></td>
      <td><a href="oversigt.html">Oversigt over xxxxx</a></td>
      <td><a href="logud.html">Log ud</a></td>
      <td><a href="indryk.html">Indryk xxxxxxx</a></td>
      <td><a href="xxxxxx.html">xxxxx</a></td>
  </tr>
  <tr>
      <td><a href="tilmeldt.html">Bliv tilmeldt xxxxxxxxxxx</a></td>
      <td></td>
      <td><a href="indkøbskurv.html">Indkøbskurv</a></td>
      <td></td>
      <td><a href="slet.html">Slet xxxxxxxxx</a></td>
      <td><a href="xxxxxxxx.html">xxxxxxxxxxx</a></td>
  </tr>
  <tr>
      <td><a href="hjælp.html">Hjælp</a></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td><a href="xxxxxxxxx.html">xxxxxxx</a></td>
  </tr>
 
</table>
Avatar billede viciodk Praktikant
03. juni 2003 - 23:13 #5
En måde et løse det på er at bruger <nobr>Dette må ikke splittes op</nobr>

nobr = no break

<html>
<head>
<title></title>
</head>

<body>
<table border="0">
  <tr>
      <td><nobr>Før du handler</nobr></td>
      <td><nobr>Klar til at handle</nobr></td>
      <td><nobr>Når du handler</nobr></td>
      <td><nobr>Færdig med at handle</nobr></td>
      <td><nobr>Rediger xxxxxxx</nobr></td>
      <td><nobr>Generelle xxxxxxxxxx</nobr></td>
  </tr>
  <tr>
      <td><nobr><a href="info.html">Info om xxxxxxxxx</a></nobr></td>
      <td><nobr><a href="logind.html">Log ind</a></nobr></td>
      <td><nobr><a href="oversigt.html">Oversigt over xxxxx</a></nobr></td>
      <td><nobr><a href="logud.html">Log ud</a></nobr></td>
      <td><nobr><a href="indryk.html">Indryk xxxxxxx</a></nobr></td>
      <td><nobr><a href="xxxxxx.html">xxxxx</a></nobr></td>
  </tr>
  <tr>
      <td><nobr><a href="tilmeldt.html">Bliv tilmeldt xxxxxxxxxxx</a></nobr></td>
      <td><nobr></nobr></td>
      <td><nobr><a href="indkøbskurv.html">Indkøbskurv</a></nobr></td>
      <td><nobr></nobr></td>
      <td><nobr><a href="slet.html">Slet xxxxxxxxx</a></nobr></td>
      <td><nobr><a href="xxxxxxxx.html">xxxxxxxxxxx</a></nobr></td>
  </tr>
  <tr>
      <td><nobr><a href="hjælp.html">Hjælp</a></nobr></td>
      <td><nobr></nobr></td>
      <td><nobr></nobr></td>
      <td><nobr></nobr></td>
      <td><nobr></nobr></td>
      <td><nobr><a href="xxxxxxxxx.html">xxxxxxx</a></nobr></td>
  </tr>
 
</table>
</body>
</html>


Det skal ikke undre mig hvis det kan løses på en mere elegant på måde.. det virker, men det er en stor del kode at skulle skrive.
Avatar billede hoejgaard Juniormester
03. juni 2003 - 23:17 #6
ja det ser fint ud, men ved du så også hvordan jeg får det teksten skrevet med mindre størrelse, eks 8
Avatar billede doggy82 Praktikant
03. juni 2003 - 23:33 #7
Aj hoejgaard det er de mest simple ting du spør' om.
Tag dog en omgang tutorials:
http://www.w3schools.com/default.asp
http://echoecho.com/school.htm
http://www.html.dk/tutorials/
Avatar billede syvon Nybegynder
03. juni 2003 - 23:34 #8
de kan gøres på denne måde

<STYLE TYPE="text/css">
td {
font-size:8px;
}
</STYLE>

sættes i head
Avatar billede doggy82 Praktikant
03. juni 2003 - 23:35 #9
Indsættes i Head:

<style>
a {font-size:14px}
</style>
Avatar billede roenving Novice
03. juni 2003 - 23:35 #10
<STYLE>
td{font-size:8pt}
</STYLE>
</head>
Avatar billede doggy82 Praktikant
03. juni 2003 - 23:36 #11
nå ja, jeg så ikke at det ikke alt sammen var links :)
brug det som syvon skriver
Avatar billede roenving Novice
03. juni 2003 - 23:37 #12
<table border="0" cols="*,*,*,*,*,*">
Avatar billede roenving Novice
03. juni 2003 - 23:39 #13
-- så slipper du for <nobr>

-- men det kan være en nødvendig løsning, hvis dine tables skal tilpasses et bestemt layout ,-)
Avatar billede hoejgaard Juniormester
03. juni 2003 - 23:46 #14
det er med cellspacing at man får afstand mellem cellerne ikke ???
I må undskylde men jeg er komplet ny på dette område !!
Avatar billede viciodk Praktikant
03. juni 2003 - 23:48 #15
cellspacing: afstand mellem cellerne i [pixels]
cellpadding: "indre margen" i cellerne, måles ligeledes i [pixels]
Avatar billede viciodk Praktikant
03. juni 2003 - 23:49 #16
Ellers prøv at tage et kig på
http://www.html.dk/tutorials/
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
I dag 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I dag 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »