webForumDet fria alternativet

Inte använda table-taggen?

HTML & CSS

2 svar · 678 visningar · startad av Quid

Medlem sedan juni 20006 022 inlägg
Frågan#1

Jag ser mer och mer och folk inte tycker man ska använda table-taggen, utan att man ska använda css istället. Därför så tänkte jag lära mig detta "nya" sätt samt även ta reda varför man ska göra så här?

Om jag tar min sida t.ex.
http://www.quid.dk/table.html

Hur skulle det där se ut med css-kod?

Medlem sedan dec. 20025 483 inlägg
#2

Det är alltför generellt att säga att <table> aldrig skall användas. För tabellarisk information är <table> det enda rätta - för sådant finns ingen ersättare. Vad "folk" vanligtvis opponerar sig mot, eller åtminstone bör opponera sig mot, är hur hela sidor konstrueras och delas in med <table>s (ofta komplicerade kombinationer).

Lösningen är inte enbart att använda CSS - det används för presentation. För att skapa logiska sektioner, avdelningar, på sin sida bör man titta på element som <div>, <hN>, <ul>, o.s.v., element vars betydelse faktiskt avspeglar ändamålet: <div> för att skapa sektioner, <ul> och <ol> för att skapa listor (vertikala som horisontella) och <hN>, headings, för att skapa rubriker. När sidan blivit uppmärkt på ett logiskt sätt med HTML-taggarna kommer CSS in i bilden - den teknik med vilken vi förvandlar de, för ögat till synes tråkiga, sektioner som märkts upp av HTML till något mer levande och behagfullt.

Tänk vilken möda en webbmakare skulle behöva lägga ned för att exempelvis presentera den allsvenska fotbollstabellen om <table> var bannlyst! Lägg ned energi på att förstå innebörden av de element som tas upp i (X)HTML/-specifikationerna. Välj sedan det mest lämpliga för den aktuella delen av sidan. När det är gjort kan CSS plockas fram ur trollerihatten för att skapa de där visuella effekterna som gör att din sida formas till vad som ursprungligen var tänkt.

Medlem sedan juni 20014 290 inlägg
#3

Maxdesign.com har bra tutorials hur man skulle kunna göra det, se exempelvis på denna http://css.maxdesign.com.au/floatutorial/tutorial0916.htm

255 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)