Hjälp med css/html

Halloj! Sitter o fixar med mitt extremt simpla forum o tänkte att jag skulle ha lite info om tråden på samma rad som länken till tråden finns. Så jag la länken och infon i en lista som jag sedan gör så att allt lägger sig på samma rad med denna css-kod:

padding-left:2px;
padding-right:8em;
font-size:16px;
text-decoration:none;
display:inline;

fast eftersom trådarna innehåller olika antal bokstäver i sig så blir det helt ur fas
Här är en bild på det så att ni vet vad jag menar:
http://i46.tinypic.com/24ysqbs.png

Går detta att lösa eller borde jag använda något annat än <li></li> ? Isåfall, vad?

Egentligen ska du inte använda tabeller, då tabeller är tillför tabeller. Inte för design.

Sök på CSS div table och försök använda CSS och <div>:ar istället.

Dock så använder väldigt många sidor tabeller i sina forum, t ex Sweclockers och Flashback.

Det gör det inte mer rätt även om google skulle använda tabeller.

Visst tabeller är enklare men går att göra samma sak med div:ar.
Tabeller är till för tabell data, tex resultatet från en fotbolls match. Eller en prislista som jämför dom olika fördelarna mellan olika prisplaner.

Använd istället:

<div class="table">
	<div class="row">
		<div class="col"></div>
		<div class="col"></div>
		<div class="col"></div>
	</div>
	
	<div class="row">
		<div class="col"></div>
		<div class="col"></div>
		<div class="col"></div>
	</div>
</div>

+

.table {
    display: table;
}

.table .row {
    display: table-row;
}

.table .col {
    display: table-column;
}

Sätt sedan i CSSen

Det gör det inte mer rätt även om google skulle använda tabeller.

Visst tabeller är enklare men går att göra samma sak med div:ar.
Tabeller är till för tabell data, tex resultatet från en fotbolls match. Eller en prislista som jämför dom olika fördelarna mellan olika prisplaner.

Använd istället:

<div class="table">
	<div class="row">
		<div class="col"></div>
		<div class="col"></div>
		<div class="col"></div>
	</div>
	
	<div class="row">
		<div class="col"></div>
		<div class="col"></div>
		<div class="col"></div>
	</div>
</div>

+

.table {
    display: table;
}

.table .row {
    display: table-row;
}

.table .col {
    display: table-column;
}

Sätt sedan i CSSen

Det gör det inte mer rätt även om google skulle använda tabeller.

<div class="table">
	<div class="row">
		<div class="col"></div>
		<div class="col"></div>
		<div class="col"></div>
	</div>
	
	<div class="row">
		<div class="col"></div>
		<div class="col"></div>
		<div class="col"></div>
	</div>
</div>

.table {
    display: table;
}

.table .row {
    display: table-row;
}

.table .col {
    display: table-column;
}

Du menar alltså att TS ska presentera sin uppenbart tabulära data som en tabell, men använda div-element istället?

Generellt sätt skyr jag tabeller som pesten. I det här fallet håller jag dock med SysGhost om att det är korrekt användning av en tabell. Information om en forumtråd tycker jag kvalificerar sig som "tabelldata", det behöver ju inte enbart vara kvantitativa uppgifter i en tabell (missuppfattade kanske ditt inlägg).

...

/Tilda

Det stämmer helt och hållet, men jag anser att det i TS' fall kan vara korrekt att använda table, då det ju faktiskt är en sorts tabell han ska skapa.

Fast i detta fallet tycker jag han ska ha en tabell. Det exemplet du visar är ju att bygga en tabell av divs vilket är något onödigt om man inte ska ha det till något mer avancerat.

Ja.

Jag tycker fortfarande att tabeller är tillför data som kan jämföras med resten av datan i tabellen.
Man jämför inte olika trådars titlar..

Även om det passar att presentera informationen i en tabell struktur tycker jag inte att man ska använda taggen <table> och tillhörande taggar då datan inte är jämförbar. Men visst, ser bättre ut i koden med <th>, <tr>, <td>. Så jag hade nog också valt en tabell för att det är enklare och lite snyggare. Men hade ogillat att namnet inte passar med innehållet. Här hade jag gärna velat ha ett attribut till table som anger om datan är jämförbar eller inte.

Typ:

<table comparable>

Men i detta fall är det samma typ av information i varje kolumn. Om du gör ett produktregister med pris i en kolumn och antal i en annan tex, hade du inte valt <table> då? På sätt och vis så kan den jämföras med resten av datan om vi slänger in kolumner för antal visningar, antal svar och publiceringsdatum. Om vi sedan väljer att kunna sortera efter kolumn "Antal svar" så blir det ännu mer logist att använda <table>, detta är nog en funktion i framtiden kommer lägga till eller bör lägga till för att göra det mer användarvänligt.