| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
 |
| | LinkBack | Themen-Optionen | Thema bewerten |
12.06.2010, 19:46
| ||
| moderatives Dielektrikum  Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse: Fortgeschritten   |  Zitat:
__________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- | |
|  |
 | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
12.06.2010, 19:54
| |
| Erfahrener Benutzer Registriert seit: 23.03.2010
Beiträge: 626
PHP-Kenntnisse: Anfänger | Hab ich gemacht, siehe meinen anderen Post. Aber ich machs auch gern doppelt... Diesmal als jpg... Wie schon vorher gesagt, die erste Zeile ist im thead die wird einfach ausgeschlossen, der rest ist im tbody... Edit: Das ist der Anfang, aber nach unten wirds dann net komplizierter, sondern geht einfach nach dem muster weiter... |
|
| |
|
12.06.2010, 19:55
| |
| Moderator¹ Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse: Fortgeschritten | Ich sehe für dein Vorhaben mit (aktuell unterstütztem) CSS keine direkte Möglichkeit. Wenn du keine Klassen nutzen willst, dann könntest du noch die HTML-Struktur anpassen, so dass CSS eine „Zusammengehörigkeit“ zwischen per rowspan „erweiterten“ und daneben liegenden einzelnen Zellen erkennen kann. Code: <tr> <td rowspan="2">Farbig</td> <td>Farbig</td> </tr> <tr> <td>Farbig</td> </tr> Das wäre aber natürlich extrem unschön. Sinnvoller könnte es da noch sein, das ganze auf mehrere TBODY zu verteilen (und diese dann zur „Gruppierung“ zwecks Formatierung zu nutzen) - wie sinnvoll das ist, hängt natürlich von den Daten ab, die du konkret darstellen willst. (Und wegen letzterem ist es eigentlich sinnfrei, das ganze überhaupt zu diskutieren, so lange nur weitgehend aussagefreier Tabellen-Code vorliegt - Beispieldaten wären hier vom semantischen Standpunkt aus das Interessante.)
__________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? |
|
| |
|
12.06.2010, 20:08
| ||
| Erfahrener Benutzer Registriert seit: 23.03.2010
Beiträge: 626
PHP-Kenntnisse: Anfänger | Zitat:
Denkst du dass es damit möglich wäre ? Mehrere TBODYs wäre ansich schonmal ne gute Idee... Datenmäßig: 1. Spalte: Ein Kategorienname, 2. Spalte: Unterteilung in unterKategorie/Informatione, 3. Eine abschließende nformation | |
|
| |
|
12.06.2010, 21:10
| |
| moderatives Dielektrikum Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse: Fortgeschritten | Wieso markierst Du nicht einfach die wenigen weißen Zeilen? Oder ist das Beispiel schlecht gewählt?
__________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- |
|
| |
|
12.06.2010, 22:14
| |
| Erfahrener Benutzer Registriert seit: 23.03.2010
Beiträge: 626
PHP-Kenntnisse: Anfänger | Werd ich auch so machen, da es keine andere wirklich optimale Lösung gibt... Ich wollte nach möglichkeit versuchen das ganze so zu machen dass man die Zeilen nicht von Hand färben muss... Vllt gibts ja mit CSS4 dann die Möglichkeit dazu  Danke an euch drei ! |
|
| |
|
12.06.2010, 22:20
| |
| moderatives Dielektrikum Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse: Fortgeschritten | Sorry, aber das ist auch Blödsinn. Für eine Zebratabelle wäre der Plan ok, in Deinem Fall scheint aber die Färbung semantisch bedingt zu sein (Kapitel und Header o.ä.) und da gehört nunmal eine Auszeichnung dazu. Was DU verstehen musst ist, dass Du die CSS-Klasse semantisch benutzen solltest, nicht formatierend: Code: falsch:
tr td {background-color:#f00;}
tr.white td {background-color:#fff;}
<tr class="white"><td>....</td><td>....</td></tr>
besser:
tr td {background-color:#f00;}
tr.header td {background-color:#fff;}
<tr class="header"><td>....</td><td>....</td></tr>
__________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- Geändert von nikosch (12.06.2010 um 22:23 Uhr). |
|
| |
| |
| Themen-Optionen | |
| Thema bewerten | |
|
|
![[Erledigt] Tabelle einfärben](http://www.php.de/iconimages/html-usability-und-barrierefreiheit/erledigt-tabelle-einfaerben_ltr.gif)
