Avatar billede Kim Neesgaard Seniormester
22. december 2010 - 10:52 Der er 15 kommentarer og
1 løsning

Optrukne linier i stor HTML tabel

Jeg har fyldt faste data ind i en stor HTML tabel, men som standard er cellerne ikke indrammede. Det ønskes nu, at alle celler skal indrammes. Dette kan selvfølgelig gøres ved at sætte indramnings-tags på hver celle, men det er et temmelig stort arbejde, når det drejer sig om en tabel af en vis størrelse.

Kan man indramme cellerne på en hurtigere og smartere måde end at sætte tags på hver celle for sig?
Avatar billede lsskaarup Nybegynder
22. december 2010 - 10:59 #1
Er det ikke nok med "Border=1" på <table>?

Ellers ville jeg lave noget css og deri definere <td>, så skal du kun rette et sted for at få ændringer på alle celler.
Avatar billede Kim Neesgaard Seniormester
22. december 2010 - 12:17 #2
Jo - Border=1 virker på hele tabellen, men det bliver ikke en pæn fuldtoptrukken 1px linie, men denne underlige to-delte linie.

Ved brug af css, så skal der indsættes en reference i hver <td>?
Avatar billede herlevsen123 Nybegynder
22. december 2010 - 22:12 #3
Nej overhovedet ikke.

td {
    border: 1px solid #000;
}
Avatar billede lsskaarup Nybegynder
23. december 2010 - 00:23 #4
border=1 giver rigtigt nok, den opdelte linje, tror nok det skulle lige en dybde eller 3d effekt...

Men min pointe med css var, som herlevsen123 også skriver, at lave style i css. Hvis du gør som i #3, får du en pæn fuldt optrukken linje.
Avatar billede Kim Neesgaard Seniormester
28. december 2010 - 11:21 #5
Undskyld forsinkelsen!

Jeg har nu gjort følgende:

I .css:

td.indram  {border: 1px solid #000;
}

Og i .aspx:

<table class="indram";>

men kan ikke helt få det til at funke - er det forkert det jeg gør?
Avatar billede lsskaarup Nybegynder
28. december 2010 - 12:04 #6
Prøv at ligge følgende i css (den ændre dog ikke kanterne)
td {
  font-family: Arial;
  font-size: 14px;
  height: 30px;
  padding: 3px;
}

og så skal du ikke have class på hverken table eller td i apsx
Avatar billede Kim Neesgaard Seniormester
28. december 2010 - 13:09 #7
Hvordan skal det konkret se ud?
Avatar billede lsskaarup Nybegynder
28. december 2010 - 14:15 #8
I visningen eller i koden?
Avatar billede Kim Neesgaard Seniormester
28. december 2010 - 14:27 #9
Tags i .aspx og .css.
Avatar billede lsskaarup Nybegynder
28. december 2010 - 14:36 #10
Du skriver bare ovenstående i css og din table i apsx skal bare være helt normal.

<table><tr><td></td></tr></table>

Så burde den lave cellerne anderledes og hvis der står noget i dem, burde teksten også være større.
Avatar billede Kim Neesgaard Seniormester
28. december 2010 - 15:39 #11
Det forstår jeg ikke helt! Skal tabellen ikke på en eller anden måde referere til .css? Og hvordan med indramningen? Det var det spørgsmålet indledte med. Jeg prøvede jo

td.indram  {border: 1px solid #000;
}

uden at kunne få det til at virke? Er det helt galt det jeg gør?
Avatar billede lsskaarup Nybegynder
28. december 2010 - 16:02 #12
Nej, hvis du bare i css angiver td som i ovenstående, så har automatisk angivet at alle td'er, skal have samme indstillinger. Det er både godt og skidt, alt efter situationen.

Så fjern .indram og lig border: 1px solid #000000 ind i mit eksempel i stedet for min kode.

Altså

td {
border: 1px solid #000000;
}
i css og fjern eventuelle class reference på dine celler i apsx.
Avatar billede Kim Neesgaard Seniormester
29. december 2010 - 13:38 #13
Jo - nu virker det, men jeg har en del tabeller på siderne og det er ikke alle, der skal have rammer. Kan man ikke gøre det specifikt for een tabel?
Avatar billede lsskaarup Nybegynder
29. december 2010 - 14:40 #14
Tjo, men så er vi over i noget, hvor det godt kan blive lidt uoverskueligt.

td eller tabel i css, er den helt overordnede indstilling, er der noget som alle celler eller tabeller skal have, så kan det defineres her.

Når du skal have forskellige indstillinger, så bliver du nok nød til at lave klasser i css til hver celle/tabel, og så referere til dem via class="et eller andet".

Men du kan godt kombinere begge ovenstående.

Er det svar nok?
Avatar billede Kim Neesgaard Seniormester
29. december 2010 - 15:13 #15
Det synes jeg! Jeg har lært noget og vil arbejde videre med det. Mange tak for hjælpen!

Vil du lægge et svar?
Avatar billede lsskaarup Nybegynder
29. december 2010 - 17:17 #16
Selv tak, var lidt i tvivl om formuleringen var til at forstå, det blev lidt knudret.

Men har du flere spørgsmål, så bare kom med dem.
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