Skratta inte är ni snälla, men hur får man snygga tabeller? :q
Kan man läsa sig till någonstans hur de vertikala och horisontella "strecken" i en tabell kan ändra utseende? För att få idéer att testa med... Tjocklek, färg den typen av attribut.
Snygga tabeller
22 svar · 1 390 visningar · startad av aasah
Det kan du med hjälp av css enklast.
http://www.w3schools.com/css/css_reference.asp#border
w3c's css2-rekommendation är också bra information även om det kanske inte är något ställe man tittar på för inspiration. Här delen om tabeller:
http://www.w3.org/TR/1998/REC-CSS2-19980512/tables.html
tabeller är inget att ägna sig åt!
walter groupius skrev:
tabeller är inget att ägna sig åt!
Nä, men borders är ;) kan sättas på "alla" element.
Nåja, i alla fall sålänge man menar i CSS!, border är i de flesta fall inte tillåtet i xhtml. Det är "deprecated".
walter groupius skrev:
tabeller är inget att ägna sig åt!
Vad är det för fel på tabeller? Hur gör du när du ska presentera tabulär data (typ en serietabell)?
walter groupius skrev:
Nåja, i alla fall sålänge man menar i CSS!, border är i de flesta fall inte tillåtet i xhtml. Det är "deprecated".
:q är väl ingen som använder annat än css för att påverka utseendet längre? ;)
Tack för tipsen, Pedda och Tinwëlint! :)
Detta var inte från början avsikten med frågan, men den här tråden verkar ändå bra att skriva i.
Jag skulle vilja skriva om en gammal tabell jag har så att den ser ut som nu, fast mha CSS och inte HTML-taggar. Klasser borde funka utmärkt för att få samma tag att se olika ut på olika håll, så det funkar säkert. Men jag kan alldeles för lite om vad saker heter, så skulle någon vilja hjälpa mig att "översätta" följande till CSS...?
-
<th align="center" colspan="1" width="18%">
Dvs vad heter align, colspan och width för en th i CSS? -
<td rowspan="2" colspan="1" align="right">
Dvs vad heter align, colspan och rowspan för en td i CSS? -
Kan man sätta size till relativa värden i CSS, alltså motsvarande <font size="-1"> ? Hur?
-
Hur anger man att något ska vara fetstil?
Tacksam för hjälp!
HTML-attributet "align" ersätts med CSS-egenskapen "text-align".
HTML-attributet "width" ersätts med CSS-egenskapen "width".
HTML-attribtutet "colspan" kan inte ersättas.
-
Ja. Du kan använda en mängd enheter, t ex "em", "%", "larger", "smaller".
Läs mer:
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size -
Genom "font-weight: bold".
Tackar, dectgap! :D
dectgap skrev:
... HTML-attribtutet "colspan" kan inte ersättas....
Men man kan väl blanda HTML och CSS?
Så att resten definieras i CSS och man får taggen till:
<th colspan="2">, eller? :q
Glömde en väsentlig rad som också kräver översättning:
<table cellpadding="2" cellspacing="0" border="1" width="100%">
Du kan blanda css och html ja.
padding
border
width
borderspacing (som inte stöds av någon browser i dagsläget)
Peeer skrev:
borderspacing (som inte stöds av någon browser i dagsläget)
Förutom Opera och Firefox då ;)
Provade helt enkelt. Dåligt uppdaterat på Dev Guru.
aasah skrev:
Glömde en väsentlig rad som också kräver översättning:
<table cellpadding="2" cellspacing="0" border="1" width="100%">
table {
border: 1px solid FÄRG;
border-collapse: collapse;
width: 100%
}
td {
padding: 2px;
}
Peeer skrev:
walter groupius skrev:
tabeller är inget att ägna sig åt!
Vad är det för fel på tabeller? Hur gör du när du ska presentera tabulär data (typ en serietabell)?
- Det finns en uppsjö "fel" med att använda tabeller, de har bara berättigande när det skall presenteras ren tabulärdata.
Att exempelvis presendera ett gäng bilder på en sida går utmärkt att göra utan tabeller.
walter groupius skrev:
- Det finns en uppsjö "fel" med att använda tabeller, de har bara berättigande när det skall presenteras ren tabulärdata.
Att exempelvis presendera ett gäng bilder på en sida går utmärkt att göra utan tabeller.
Ja men att då säga:
walter groupius skrev:
tabeller är inget att ägna sig åt!
Är att ta i. Tabeller är något att ägna sig åt. Tabulärdata presenteras vettigast i tabeller och om man då hävdar att man inte bör ägna sig åt tabeller och använder fåniga lösningar som den här så är man ute och cyklar.
Jag vet att du inte menade det. Men ditt första inlägg var onödigt.
De som precis blivit frälsta av CSS och dissar tabeller för att "det är coolt att dissa tabeller" är så fruktansvärt tröttsamma, men framför allt fjantiga.
Jag undrar om 7 månader räknas som nyss frälst :p
I såna fall kanske jag ligger illa till. Fast jag tycker att det är en ganska bra utveckling när man har hållit på i 10-11 månader totalt (med att skriva html).
walter groupius skrev:
- Det finns en uppsjö "fel" med att använda tabeller, de har bara berättigande när det skall presenteras ren tabulärdata.
Om du har tid och lust att backa upp detta påstående kan du väl lösa problemen jag presenterar i trådarna nedan, utan tabeller? Det vore jättesjyst, och det räcker om det fungerar i Netscape >= 6, IE >= 5, Opera >= 5 och FireFox.
http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=104121
http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=77093
Tinwëlint skrev:
Jag undrar om 7 månader räknas som nyss frälst :p
Jag syftade naturligtvis på "walter groupius" i mitt tidigare inlägg.