https://de.contaowiki.org/index.php?action=history&feed=atom&title=Diskussion%3ASuckerfishalternative 2026-05-02T12:10:53Z Versionsgeschichte dieser Seite in Contao Community Documentation MediaWiki 1.22.6 https://de.contaowiki.org/index.php?title=Diskussion:Suckerfishalternative&diff=2816&oldid=prev 2010-11-03T19:03:38Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Nächstältere Version</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Version vom 3. November 2010, 19:03 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 16:</td> <td colspan="2" class="diff-lineno">Zeile 16:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Eine Prüfung in den gängigen Browsern scheint nicht stattgefunden zu haben.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Eine Prüfung in den gängigen Browsern scheint nicht stattgefunden zu haben.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">----</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Hallo katgirl,</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">danke für den Artikel :)</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Kleine Anmerkung:</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">CSS Zeile 2 : dort sollte nicht span.active sondern li.active genommen werden (damit die Umrandung so groß ist wie beim normalen hover. sonst ist die zu klein)</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Bezüglich invalide CSS-Eigenschaften: ich finde auch sowas gehöhrt in ein Wiki, denn die sind nicht wirklich invalide. Das kann nur ein automatisches Tool nicht verarbeiten... Validatoren sollte man also immer hinterfragen.</ins></div></td></tr> <!-- diff cache key kunde29sql1:diff:version:1.11a:oldid:2424:newid:2816 --> </table>

MacKP https://de.contaowiki.org/index.php?title=Diskussion:Suckerfishalternative&diff=2424&oldid=prev 2010-09-26T01:10:32Z

<p>nicht fundiert, viel überflüssiges, einige Fehler, im Prinzip eine suckerfish-CSS ein wenig abgeändert und formatiert, alte Browser werden nicht unterstützt</p> <p><b>Neue Seite</b></p><div>Der Artikel erscheint mir nicht fundiert genug.<br /> <br /> Das Javascript, welches schon immer dafür da war, damit es auch in IEs kleiner gleich IE7 funktioniert (IE7 im Quirks-Mode) wird einfach ohne Hinweis darauf weggelassen. Was folgt ist kein Ersatz für dieses Javascript. Es erweckt den Eindruck, dass mit dieser &quot;Alternative&quot; kein JS nötig ist.<br /> <br /> Die altbewährte suckerfish-Regel zum Verstecken der UL-Elemente, welches ursprünglich mittels '''display:none;''' erreicht wurde und zwecks Usability auf '''left:-999em;''' geändert wurde, wird hier mit '''margin-left:-99999px;''' erreicht. Liegt darin irgendein entscheidender Vorteil?<br /> <br /> Die wichtige Eigenschaft '''width''' für LI-Elemente fehlt. Kann das sein, dass die im Original wirklich unnötig war? (sieht nach Problemen aus)<br /> <br /> Das Menü wird nur in '''main''' präsentiert. Das ist nicht realitätsnah. Meistens werden solche Menüs in den Header platziert. Und auf den meisten Seiten befinden sich auch noch Fußzeile und 2 bis 3 Spalten. Ein großes Problem war immer schon, die aufklappenden Untermenüs auch über allen anderen Inhalten anzuzeigen.<br /> <br /> '''span.active''' ist überflüssig '''span''' genügt, da nur die aktiven Punkte innerhalb von SPANs sind. UL und LI brauchen nicht auf display:block; gesetzt zu werden, das sind sie sowieso schon. ul.level_2 li wird auf 100% Breite gesetzt, alle LIs sind default bereits auf 100% Breite. SPANs und As werden doppelt auf display:block; gesetzt (redundant). Die Reihenfolge der Pseudoklassen ist nicht einheitlich. Korrekt wäre focus,hover,active. visited fehlt hier ganz. Dem Menü sollte noch eine Klasse mitgegeben werden, damit nicht alle Menüs davon angesprochen werden.<br /> <br /> Das Menü ist lediglich für eine Unterebene ausgelegt.<br /> <br /> Gehören die invaliden CSS-Eigenschaften -moz-... und -webkit-... in ein Wiki?<br /> <br /> Eine Prüfung in den gängigen Browsern scheint nicht stattgefunden zu haben.</div>

Andreas