|
||||
Anfänger: Aufgabe - Tabelle in verschiedenen Farben
Es ist zwar nix Umwerfendes, aber ich wollte Euch trotzdem einmal fragen, ob der QT in der html- und der css-Datei sauber geschrieben worden ist, und ob mein Ansatz so richtig war.
Holgers Farbtabelle Das war eine kleine Aufgabe, die ich gestellt bekommen habe. Eine Farbtabelle zu erstellen, wo jede Zelle und deren Schrift eine andere Farbe besitzt. Habe sie für ein Browserfenster der Größe 1024x768 inklusive Einblendung 1-2 zusätzlicher Leisten erstellt. Valide sind die Dateien und funktionieren tut es ja auch , nur ist es als Anfänger immer so eine Sache, ob die Umsetzung „AutorenErfahrungsGerecht“ gestaltet wurde. Möchte mir einfach nichts Falsches oder Umständliches angewöhnen. Würde mich über ein kleines Feedback freuen. PS: Ich habe das Kapitel „CSS-Tabellen“ noch nicht durchgearbeitet, dachte mir aber dass mein aktuelles Wissen für diese Aufgabe reicht. |
Sponsored Links |
|
|||
HTML:
Gib einer Grafik im Quelltext immer ihre Abmessungen mit. Zitat:
Da alle Zellen den selben Rahmen haben reicht es, wenn du dem td das border: solid 6px #5E5E5E; zuweist und aus den einzelnen Klassen herausnimmst. Wirf auch noch einen genaueren Blick auf die Kurzschreibweise. Code:
background:#ff0; statt background-color:#FFFF00; color: #ccc; statt color: #CCCCCC; |
Sponsored Links |
|
|||
Eine Tabelle hätte ich hier gar nicht verwendet. Die Kästchen sind alle gleich groß und auf einer Fläche verteilt - da kann man auch float nutzen. Schau mal hier, da gibt es sowas ohne jegliche Tabellenkonstrukte.
|
|
|||
Zitat:
Tabellen zu verwenden, um ein Layout aufzubauen, ist Missbrauch. Lesestoff: Warum Layout mit Tabellen dumm ist: Probleme definiert, Lsungen angeboten Ein Herz für Tabellen Ob bei deinem Beispiel eine Tabelle angebracht ist oder nicht, kann ich nicht beurteilen. Das ist vom Inhalt abhängig, und den kann ich nicht deuten bei dir. Wenn der Inhalt eine Auflistung von Farben sein soll, dann wäre eine angebrachte Auszeichnung vielleicht eine Liste. Meistens gilt: Wenn es bei einer Tabelle keine "Kopfzellen" (th) gibt, dann ist sie nicht angebracht. Was zu deinem Beispiel noch zu sagen ist: Deine vertikale Zentrierung mit abs. Pos. hat zur Folge, dass bei kleinem Viewport die Inhalte unerreichbar nach links und oben verschwinden. Für eine Alternative schau bitte in die FAQ des CSS-Bereiches. Nimm die Hintergrundfarbe bei html weg. Wenn du bei kleinem Viewport die Scrollbalken benutzt, siehst du, warum. Und noch ein Tipp: Schreib Selektoren, die durch Komma getrennt werden, immer untereinander. Das hilft, Fehler zu vermeiden. Zitat:
Mit "CSS-Tabellen" werden normalerweise Elemente bezeichnet, denen per CSS die Darstellungseigenschaften von Tabellen zugewiesen werden. Das wiederum hat mit dem o.a. Tabellenmissbrauch nichts zu tun.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (26.07.2008 um 17:22 Uhr) |
|
||||
Zitat:
__________________
Mit freundlichen Grüssen "Pascolo" Guter Webspace eSport Topliste Meine Lesezeichen Meine Spielwiese |
|
|||
Um eine Darstellung zu erhalten, die typisch für Tabellenelemente ist, z.B. gleichhohe Spalten.
Zitat:
Diese Darstellungseigenschaften werden nur deshalb (bisher) wenig genutzt, weil IE < 8 das nicht kann. Die Einsatzmöglichkeiten sind vielfältig. Vom vertikalen Zentrieren bis zum kompletten Layout.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Vielen Dank erstmal für deine Antwort.
Das Beispiel klingt interessant. Aber macht es überhaupt Sinn, in einer Liste den einzelnen Listenelemente plötzlich Eigenschaften zu geben, welche denen einer Tabelle gleichen? Eine Liste mit Tabellen-Eigenschaften zu verwenden, ist mir bis jetzt nicht in den Sinn gekommen, macht aber anhand deines Beispiels durchaus irgendwie Sinn. Wieder etwas dazu gelernt.
__________________
Mit freundlichen Grüssen "Pascolo" Guter Webspace eSport Topliste Meine Lesezeichen Meine Spielwiese Geändert von Pascolo (26.07.2008 um 18:33 Uhr) |
|
|||
Zitat:
Die Unabhängigkeit/Trennung der Darstellung (CSS) von der Auszeichnung (HTML) ist es doch gerade, was wir hier dauernd predigen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
||||
Stimmt, daran hätte ich nicht gedacht. Allerdings erwarte ich in einer Liste auch Eigenschaften, die ihr entsprechen. Hier würde man ihr doch fremde CSS-Eigenschaften zuweisen, nämlich diejenigen einer Tabelle. Diese Tatsache ist mir irgendwie ein Dorn im Auge, aber wahrscheinlich sind meine Zweifel einfach unbegründet...
Vielen Dank für deine Erklärungen.
__________________
Mit freundlichen Grüssen "Pascolo" Guter Webspace eSport Topliste Meine Lesezeichen Meine Spielwiese |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Border 2px mit Zwei verschiedenen Farben? | Desaster | CSS | 5 | 28.09.2010 18:01 |
css: current_page_item und hover in verschiedenen farben | frank.drebin | CSS | 15 | 19.03.2009 12:12 |
IE6: Inhalte bei großer Tabelle verschwunden | C-rank | CSS | 3 | 05.01.2008 14:23 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Links in verschiedenen Farben | mika | CSS | 2 | 29.04.2004 14:02 |