webForumDet fria alternativet

Är tabell OK för det här?

HTML & CSS

10 svar · 755 visningar · startad av xtreme

Medlem sedan juli 20002 056 inlägg
Frågan#1

Vill skapa något som ser ut så här i rätt skala:

         
         --------------------------------------------------
         | Äpplebild | Päronbild | Bananbild | Apelsinbild    |
         --------------------------------------------------         
         | Ett äpple | Ett päron| En banan | En apelsin     |
         --------------------------------------------------

Tabeller ska ju användas endast till tabulär data. Detta är väl tabulär data och där med är en tabell ok. Eller?

Medlem sedan dec. 2004135 inlägg
#2

Möjligt att det kan råda delade meningar om detta, men jag tycker nog att det kan vara okej med en tabell.

Edit: Även om jag tror att det är ett gränsfall.

Medlem sedan apr. 200312 679 inlägg
#3

Kan du inte bara lägga fyra flytande <p> jämte varann? Lite svårt att tolka din skiss i text. :p

Medlem sedan juli 20013 378 inlägg
#4

xtreme skrev:

         
         --------------------------------------------------
         | Äpplebild | Päronbild | Bananbild | Apelsinbild    |
         --------------------------------------------------         
         | Ett äpple | Ett päron| En banan | En apelsin     |
         --------------------------------------------------

Hmm..

Ser, som du säger, ut som en tabell med fruktbilder om du frågar mig... Varför krångla till det ? ;)
Ser utifrån det du skrivit inget egenvärde att koda det som textstycken.

Har du sedan ambitionen att göra tabellen tillgänglig finns ju möjligheten att märka upp den med summary, caption, th, scope, headers osv som du säkert känner till ;)

Medlem sedan juli 20002 056 inlägg
#5

Trodde jag klargjort hur jag menade med min textbild ;) Här kommer en något bättre bild fast jag kommer att göra tabellens border = "0" och den kommer ligg inne i en Div.

Som jarvklo skrev, varför krångla till det. En tabell är helt klart lättast. Min undran kommer av att man alltid hör detta hat mot tabeller ;)

tabell.jpg
Medlem sedan juni 20034 013 inlägg
#6

Hatet kommer sig av att många använder tabeller till sånt som inte är tabeller. Och ska man hårdra det så är ju det du vill ingen tabell heller...

Jag tycker inte heller man ska krångla till det, men jag tycker att det innebär krångel att konstruera en tabell av det när det inte är det.

Så här enkelt kan man göra det utan tabeller:
http://www.tydal.nu/utantabell.php

Men det beror väl kanske på vad man är van vid.

Medlem sedan juni 20014 290 inlägg
#7

Vore det inte bättre att använda en lista för detta eftersom det är en "lista" med bilder?

Ex.

<ul>
<li>Bild 1</li>
<li>Bild 2</li>
</ul>

med tillhörande CSS:

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

li {
	display: inline;
	margin-right: 1em;
}

/red: fungerar inte bra med en br i en lista så jag tog bort dom. Här finns ett exempel enligt ovanstående: http://www.gunnard.se/test/bildlista.html

Medlem sedan juni 20034 013 inlägg
#8

Jo, jag funderade också på det först, men eftersom jag inte använt listor så mycket kände jag inte till attributet list-style-type och orkade inte leta rätt på det eftersom ledordet var förenkling.

Men din lösning ser bättre ut, helt klart.

Medlem sedan juli 20013 378 inlägg
#9

xtreme >> hade du sagt från början att du pratar om en meny (vilket jag tolkar ut från din bifogade bild) och inte en om en uppräkning över olika fruktsorter hade du fått ett annat svar även från mig ;)

Medlem sedan apr. 200312 679 inlägg
#10

tydal skrev:

Så här enkelt kan man göra det utan tabeller:
http://www.tydal.nu/utantabell.php

Ja, det var exakt så jag menade. :)

Medlem sedan juli 20002 056 inlägg
#11

jarvklo skrev:

xtreme >> hade du sagt från början att du pratar om en meny (vilket jag tolkar ut från din bifogade bild) och inte en om en uppräkning över olika fruktsorter hade du fått ett annat svar även från mig ;)

Ingen meny eftersom det inte kommer innehålla några klickbara linkar. Kommer se ut exakt som min bifogade bild fast utan synliga kantlinjer.

Tydal:s variant verkar ju faktiskt bättre än en tabell...
Hur får jag text under bilderna med GunnarD:s variant?

260 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)