Jan: Layout + CSS-Menü

Beitrag lesen

Hallo,

erstmal mein Kompliment für diese ausgesprochen schöne Site. Sie ist grafisch anspruchsvoll und dennoch nicht überladen, auch technisch ist sie bereits sehr gut.

Vielen dank für die blumen.

»»Ich habe dennoch einige Verbesserungsvorschläge:
das ist schön.

Verwende für das Menü besser HTML-Listen, ohne CSS stehen die Menüpunkte sonst nebeneinander und nicht untereinander. Listen sind viel übersichtlicher und wären auf deinen Seiten auch angebracht: http://selfhtml.teamone.de/html/text/listen.htm

Auf listen bin ich noch gar nicht gekommen, gute idee, mich hat es auch gestört, dass die links so unübersichtlich und auch noch mit den beschreibungen nebeneinander stehen. werd ich testen.

Bei den einzelnen Code-Beispielen könntest du noch direkte Links zu den anderen Beispielen einbauen und beim angeführten Quellcode das Element <code> statt <pre> verwenden: http://selfhtml.teamone.de/html/referenz/elemente.htm#code Speziell beim innerhalb des Fließtextes angegebenen Quellcode ist dies logischer als ein einfaches <i>, es sieht auch besser aus ;)

Auf <code> bin ich auch nicht gekommen, das ist auch besser, da da ein zeilenumbruch möglich ist und nicht wie bei <pre> alles unverändert bleibt, das werde ich auf jeden fall ändern.

#left a .hov
#left a:hover .hov
#left a .info
#left a:hover .info

Tja, das kann Opera leider noch nicht, das *muss* aber mit Version 7 möglich sein. Für Opera <7 müsstest du mit Javascript arbeiten und zunächst versteckte DIVs bei Bedarf einblenden, das kann er nämlich. Wenn du das verständlicherweise nicht willst, kannst du die Zusatzinformation jeweils in das title-Attribut der Menü-Links packen, sodass sie mit Opera wenigstens auf diesem Weg zugänglich sind. Der Nachteil dieser Methode ist allerdings, dass dann auch andere Browser diese Information im Tooltip anzeigen - und somit doppelt.

Javascript möchte ich auf der seite mal ganz rauslassen (außer das kleine im formular).
Der tooltip würde gehen aber ich glaube, dass es in den anderen browsern nicht so gut passen würde (mozilla hat da eine zeichenzahl begrenzung) und so essentiell/wichtig ist das ja auch nicht.

Deine Browserweiche funktioniert gut, aber du könntest noch etwas HTTP-Overhead sparen, wenn du alles in einem einzigen Stylesheet definierst (zunächst ganz normal das, was Netscape 4 zusammenbringt) und dann in einem Media-Bereich die zusätzlichen Definitionen unterbringst. So muss nur eine CSS-Datei geladen werden.

Die idee hatte ich am anfang auch aber ich hatte mich dann doch für die zwei .css entschieden weil ich es für mich persönlich etwas besser zu handhaben fand.

Ein Druck-Layout wäre noch toll, das lässt sich beispielsweise mit

@media print {

#left, #head, #foot {
    display:none;
  }

h1, a {
    color:#000;
    background-color:transparent;
  }

#cont {
    border:0;
  }

}

Das drucklayout kommt auf jeden fall noch.

Weiters wäre es toll, wenn du das Menü noch mit

body>#left {
  position:fixed;
}

für bessere Browser fixieren würdest. Den Selektor versteht der M$IE ebensowenig wie position:fixed

das mit dem fixed hatte ich am anfang drin aber klassisch eingebunden, "fixed" ist ja wirklich eine tolle sache, ich hatte aber das problem, dass die linkinfos (absolut positioniert) im mozilla wo anders landeten als vorgesehen, er hat die angaben left und top nicht vom browserrand gemessen daher hatte ich das fixed nach stunden des probierens wieder rausgenommen. aber mich wurmt das immer noch und bin am probieren, ich werde mit deinem vorschlag auch noch etwas testen.

Deine Seiten behandeln Themen, die auch im SELF-Raum vorhanden sind, vielleicht magst du ja http://aktuell.de.selfhtml.org/artikel/css/mouseover/ und http://aktuell.de.selfhtml.org/tippstricks/css/browserweiche/ verlinken.

Bestimmt, ich werde die inhalte fertig machen (soweit man von fertig eigentlich sprechen kann) und dann sehen wo sinnvollerweise links gesetzt werden.

Wunderbar finde ich auch das Beispiel http://www.fractatulum.de/fraccss/sample/menu2format.htm. Hm, wenn ich so darüber nachdenke, würde sich dieses Thema hervorragend für den CSS-Bereich der neuen Rubrik Tipps+Tricks (http://aktuell.de.selfhtml.org/tippstricks/) eignen. Wenn du Lust hast, einen Beitrag an prominenter Stelle zu platzieren, melde dich bitte bei mir.

OH, ich werde es mir merken und mal sehen.

Es ist schade, dass die hier im Forum zur Bewertung vorgeschlagenen Seiten nichtmal annähernd diese Qualität erreichen. Weiter so :)

Ich werde so weiter machen ;).

Danke für die vielen tips, ich denke, dass eine seite die sich mit diesm thema beschäftigt selbst ein vorbild sein sollte und da sind solche tips natürlich gold wert.

mfg, jan aus dresden