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.
10 svar · 755 visningar · startad av xtreme
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?
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.
Kan du inte bara lägga fyra flytande <p> jämte varann? Lite svårt att tolka din skiss i text. :p
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 ;)
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 ;)
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.
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
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.
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 ;)
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. :)
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?