[alejandr0]

Jag håller nu på med att göra en hemsida till en jazzfestival, har inte visat upp förslaget för dem ännu men det ska jag göra i nästa vecka. Nu har jag ritat upp ett "programblad" med divar, paragrafer och CSS. Tycker ni det skulle ha gått bättre med tabeller (ta en titt i källkoden), för det är ju ändå innehåll som visas och inte design. Jag vet inte då jag själv är jätteovan med tabeller.

http://albatross.alejandro.nu/baltic...ka/program.php

[Kristoffer G]

Div för design, tabeller för tabulär data. Personligen tycker jag det är lättare att få en snygg design i tables, men divar är vad man ska använda för själva designdelen.. så ser jag på det i alla fall. Detta är en rätt så stor debatt.

[martine]

Ser mycket bra ut tycker jag. Det finns ingen anledning till att göra det hela med tabeller. Koden ser översiktlig ut utan tabeller och det är åt det hållet utvecklingen går.

Det enda jag skulle anmärka är att du i stort sett bara använt div, ul och p vilket gör att du fått sätta class på nästan varenda element. Optimalt så använder du så varierade element som möjligt t.ex. ol för numrering, span, strong, em för delar av rubriker och texter som framhävs olika mycket, h1-6 för t.ex. titeln på programpunkterna och även t.ex blockquote och dl när det passar.

Det är ett vanligt fel när man börjar göra design utan tabeller att missa att använda varierande och passande element och sätta class på alla element. En bättre lösning vore:

<div class="programday">

…

<ol>
 <li><strong>10 €</strong>
 <h4>Jazztältet</h4>
 <span>16.30-18.30</span>
 <ul>
 *<li>Dragskedjan Jazzand</li>
 *<li>Siberian Patterns</li>
 </ul>
</li>
</ol>

med css

div.programday ol { [nuvarande .program] }
div.programday ol span { … }
div.programday ol strong { … }
div.programday ol li ul { … }

Vilka element du använder är upp till dig men de ska passa så långt som möjligt till innehållet, och som du ser kan man få ner mängden kb och öka översiktligheten om man använder rätt element och css smart. Sök på css-selektorer om du är osäker.

[alejandr0]

martine: Jag kan väl inte använda[list=1]-elementet eftersom inte varje program har en specifik nummer? Jag ska lägga in <span> och <h4> dit nu, men jag ska också prova på en tabellversion.

[allstars]

Originally posted by Brazzan@Nov 4 2007, 13:34
Div för design, tabeller för tabulär data. Personligen tycker jag det är lättare att få en snygg design i tables, men divar är vad man ska använda för själva designdelen.. så ser jag på det i alla fall. Detta är en rätt så stor debatt.

Nja, design har man förhoppningsvis redan klart för sig innan dator ens kommer in i bilden.
Man kan inte skapa en design med hjälp av tabeller imo, utan layout.
Hur man gör sin layout är upp till var och en men min egna åsikt är att det är lättare med att använda divar i markup och skapa en layout i css.

[Kristoffer G]

Ursprungligen postat av allstars

Nja, design har man förhoppningsvis redan klart för sig innan dator ens kommer in i bilden.
Man kan inte skapa en design med hjälp av tabeller imo, utan layout.
Hur man gör sin layout är upp till var och en men min egna åsikt är att det är lättare med att använda divar i markup och skapa en layout i css.

Förstår inte din första mening...

Du kan skapa lika mkt design i tables som i div.
Dock... div och tables användes för att skapa själva strukturen(layouten) ja. Hur du sen vill att din div eller table ska bete sig, se ut och visas bestämmer du genom css.

[Magnus_A]

Man använder väl css även med tabeller?
Den stora striden mellan tabeller och div-baserad layout är väl hur man gör för att få olika innehållselement att ligga på den plats man tänkt att de ska återfinnas på.
Fördelen med div är att de är lätta att lägga på plats och att man kan lägga dem på plats oberoende av varandra. Nackdelen är just att de är oberoende, och att man inte helt enkelt kan få bitar med varierande storlek att falla på plats som man vill. Det finns fortfarande lite en-pixelfel i webbläsarna som kan spöka.
Tabeller är enkla att använda och alla celler hamnar automatiskt på plats oavsett storlek. Nackdelen är just att om man tar bort eller ändrar en cell så kan hela tabellstrukturen förändras.
Sen finns det en diskussion om standarder och validering, men den har inte primärt med funktion att göra.

[martine]

Originally posted by alejandr0@Nov 4 2007, 14:40
martine: Jag kan väl inte använda[list=1]-elementet eftersom inte varje program har en specifik nummer? Jag ska lägga in <span> och <h4> dit nu, men jag ska också prova på en tabellversion.

Du kan formatera dina ol-element som du vill med t.ex. list-style-type: upper-roman; eller list-style-type: decimal;

Men det är förstås ett eget val om man vill ha numreringen i koden eller i texten. CSS2.1 erbjuder ju dessutom counter-increment osv. men det fungerar ju förstås inte i Explorer.

Huvudsaken för att snygga till koden är att minska ner antalet class-attribut i ditt fall. Koden och sidan ser snygg och professionell ut så jag kan inte riktigt förstå meningen med att göra en tabellversion, det går ju på tvären mot rekommendationer och användarvänlighet för synskadade etc., men det kan kanske vara en intressant jämförelse…?

[allstars]

Du kan skapa lika mkt design i tables som i div.

Imo så designar man inte med markup (HTML) och inte heller med hjälp av css.
Design är själva bestämmandet hur det skall se ut vilket man gör i tanken, papper och i Photoshop ( i den ordningen). Hur man åstadkommer det sedan i fungerande markup ( tabell-layout eller div-struktur) är inte design, utan layout.