molily: (TIPPS&TRICKS) Neuer Beitrag: CSS-Infoboxen

Beitrag lesen

Liebe Gemeinde,

Dir auch ein freundliches Hallo... ;)

es gibt einen neuen Beitrag in der Rubrik "Tipps&Tricks" *YYY*

Ihr macht aber Dampf...

Jan Heinicke erklärt anhand von Beispielen, wie man mittels geschickter
Verwendung von Pseudoformaten Inhalte ein- und ausblenden kann.

...womit die JavaScript-Tooltip-Diskussion ein Ende haben dürfte. *smirk*

http://aktuell.de.selfhtml.org/tippstricks/css/infobox/

Oh! Ich fange wieder direkt an zu meckern, äh, Verbesserungsvorschläge zu machen:

| <meta name="description"    content="Erstellung einer Infobox">
-> Ich dachte, die Beschreibungen sollten ausführlicher sein und gegebenenfalls in der chronologischen Übersicht verwendet werden... *winkmitzaunpfahl*

| <code><a></code>-Element
-> Der Einheitlichkeit halber <code>a</code>-Element.

| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-> Besser ein SYSTEM identifier, sonst droht eventuell der Quirks-Mode...

| mit dem <a>Selektor <code>#box a</code></a>
-> mit dem <a>Kindselektor</a> <code>#box a</code>

| mit dem <a>Selektor <code>#box</code></a>
-> mit dem ID-Selektor
...denn die Links verraten absolut gar nichts über #box-Selektoren. :)

| Weiters
--> Bitte mit lang="de-at" auszeichnen... =)

| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> (im zweiten Beispiel)
--> Siehe oben, der Code ist Strict.

Weiterhin =) finde ich, dass man eventuell ein Leerzeichen einfügen sollte:
| <a href="#">Infobox<span class="info">Hier stehen dann die Infos.</span></a>
--> <a href="#">Infobox <span class="info">Hier stehen dann die Infos.</span></a>
Der Sinn ist klar, beim Heruntertransformieren erscheint der Text sonst als "InfoboxHier stehen dann die Infos", was unter anderem interessante Wortneuschöpfungen für Suchmaschinen liefert. ;)

Abgesehen davon habe ich an dem Artike nichts auszusetzen und spreche Jan und $allenmitwirkenden meine Achtung aus. :)

Grüße,
Mathias

--
"Die größten Kritiker der Elche waren früher selber welche"
(Prof. Fritz Weigle alias F. W. Bernstein)
Stimme für eine Übergangslösung für Benutzerstylesheets!
http://cforum.teamone.de/phpbt/bug.php?op=show&bugid=36 Vote NOW! ;)