Forum Mjukvara Programmering och digitalt skapande Tråd

Ha en TD som titel

1
Skriv svar
Permalänk
Medlem
●

Ha en TD som titel

I en table, hur gör man så att man har en <TD> som titel som t.ex: "Här är åldern på alla anställda" som går ovanför all personalinformation. Nedanför den här titeln är det rader med flera kolumner (TD). Alltså typ:
<tr><td width=160>HÄR ÄR ÅLDERN PÅ ALLA ANSTÄLLDA</td></tr>
<tr><td width=80>Per</td><td width=80>23</td></tr>
<tr><td width=80>Mia</td><td width=80>31</td></tr>

Skulle jag skriva den här koden så skulle "HÄR ÄR ÅLDERN"-texten hamna i samma TD som namnen, men jag vill att den ska hamna över allt. Går detta?

Visa signatur

Intel 2500k @ 3,3ghz ● ASUS 6870 1GB Crossfire ● ASUS Sabertooth P67 ● XFX 750w ● 4Gb DDR3 ● Bitfenix Outlaw

Redigera
Citera flera Citera
Permalänk
Medlem
●

<tr><td width=160 colspan="2">HÄR ÄR ÅLDERN PÅ ALLA ANSTÄLLDA</td></tr>
<tr><td width=80>Per</td><td width=80>23</td></tr>
<tr><td width=80>Mia</td><td width=80>31</td></tr>

Visa signatur

...

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Björnen123:

I en table, hur gör man så att man har en <TD> som titel som t.ex: "Här är åldern på alla anställda" som går ovanför all personalinformation. Nedanför den här titeln är det rader med flera kolumner (TD). Alltså typ:
<tr><td width=160>HÄR ÄR ÅLDERN PÅ ALLA ANSTÄLLDA</td></tr>
<tr><td width=80>Per</td><td width=80>23</td></tr>
<tr><td width=80>Mia</td><td width=80>31</td></tr>

Skulle jag skriva den här koden så skulle "HÄR ÄR ÅLDERN"-texten hamna i samma TD som namnen, men jag vill att den ska hamna över allt. Går detta?

Gå till inlägget

Självklart.
Det du söker är colspan. Du kan passa på att läsa på om rowspan medan du håller på. Det är samma sak fast för rader.

Här är ett exempel på hur det ser ut:
http://jsfiddle.net/NL7ft/1/

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Hal0:

<tr><td width=160 colspan="2">HÄR ÄR ÅLDERN PÅ ALLA ANSTÄLLDA</td></tr>
<tr><td width=80>Per</td><td width=80>23</td></tr>
<tr><td width=80>Mia</td><td width=80>31</td></tr>

Gå till inlägget
Skrivet av Leedow:

Självklart.
Det du söker är colspan. Du kan passa på att läsa på om rowspan medan du håller på. Det är samma sak fast för rader.

Här är ett exempel på hur det ser ut:
http://jsfiddle.net/NL7ft/1/

Gå till inlägget

Tack så mycket. Precis vad jag letade efter.

Visa signatur

Intel 2500k @ 3,3ghz ● ASUS 6870 1GB Crossfire ● ASUS Sabertooth P67 ● XFX 750w ● 4Gb DDR3 ● Bitfenix Outlaw

Redigera
Citera flera Citera
Permalänk
Medlem
●

oftast använder man table-header för att specifikt säga till att det rör sig om en titel: <th> och används precis som en td.

Visa signatur

enthooEvolvTGlass; MSI-Z97Gaming9-ACK, 4790K, 32GbRAM, samsung840Evo, Intel520-240gb, Kraken-X61, evga980ti ACS2.0+, seasonic660Wplatinum. Sennheiser PC360, SiberiaV2. WACOMbambooA5. SaitekCyborgEVO. XboX1BTcontroller. NAD3020d + B&W 686 S2
+Lenovo thinkpad s540
World of Tanks, Elite:Dangerous (solo), Star Citizen, anything Co-op

Redigera
Citera flera Citera
Permalänk
Medlem
●

Helt klart är <th> som nämns ovan att föredra.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Strukturen på din tabell är ju rätt konstig. Jag gissar att du egentligen vill åt <caption>, och att din tabell borde se ut typ så här:

<table>
  <caption>Ålder på anställda</caption>
  <thead>
    <tr><th>Namn</th><th>Ålder</th></tr>
  </thead>
  <tbody>
    <tr><td>Per</td><td>23</td></tr>
    <tr><td>Mia</td><td>31</td></tr>
  </tbody>
</table>

Attributet width har inte i din tabell att göra; det är presentation och ska ligga i din CSS.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av You:

Strukturen på din tabell är ju rätt konstig. Jag gissar att du egentligen vill åt <caption>, och att din tabell borde se ut typ så här:

<table>
  <caption>Ålder på anställda</caption>
  <thead>
    <tr><th>Namn</th><th>Ålder</th></tr>
  </thead>
  <tbody>
    <tr><td>Per</td><td>23</td></tr>
    <tr><td>Mia</td><td>31</td></tr>
  </tbody>
</table>

Attributet width har inte i din tabell att göra; det är presentation och ska ligga i din CSS.

Gå till inlägget

Har aldrig någonsin hört talas om Caption eller thead. Enligt alla HTML-tutorials som jag någonsin läst har jag aldrig sett någonting om någonting liknande.
Sen det där med att jag har width in skrivet i TD-taggen spelar ju ingen roll? Det fungerar ju för alla webbläsare och det kräver mindre kod än att skriva en class i CSS-filen eller en Style i TD-taggen.

Visa signatur

Intel 2500k @ 3,3ghz ● ASUS 6870 1GB Crossfire ● ASUS Sabertooth P67 ● XFX 750w ● 4Gb DDR3 ● Bitfenix Outlaw

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Björnen123:

Har aldrig någonsin hört talas om Caption eller thead. Enligt alla HTML-tutorials som jag någonsin läst har jag aldrig sett någonting om någonting liknande.

Gå till inlägget

Det är ju förmodligen för att guiderna är dåliga i så fall. Elementen finns i standarden och man bör använda dem.

Skrivet av Björnen123:

Sen det där med att jag har width in skrivet i TD-taggen spelar ju ingen roll? Det fungerar ju för alla webbläsare och det kräver mindre kod än att skriva en class i CSS-filen eller en Style i TD-taggen.

Gå till inlägget

Det är ju bara mindre kod om din tabell är typ tre rader. Alla rimliga tabeller kommer vara kortare med CSS. Jag skulle dessutom ifrågasätta behovet av fast bredd till att börja med; lite padding på cellerna och max-width på tabellen räcker och det handlar om kanske fem rader CSS.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara