Layouts mit CSS

[zagibu]

Stark! Danke sehr! Ein Nachteil ist halt, dass es nach unten springt, wenn man das Fenster zu sehr verkleinert. Aber hey, man kann halt nicht alles haben, nicht wahr?

[Abraxax]

Original geschrieben von zagibu
[....] dass es nach unten springt, wenn man das Fenster zu sehr verkleinert.

das kannst du dann beheben und die lösung posten...

Original geschrieben von zagibu
Aber hey, man kann halt nicht alles haben, nicht wahr?

so ist es. wer macht schon sein fenster soooo schmal...

[zagibu]

Hmmm, die Zwischenräume verhalten sich seltsam. Sind irgendwie nicht so gross wie angegeben, aber egal, man bringt es schon so hin, dass es gut aussieht. Mal sehen, ob es auf allen Browsern gleich aussieht...

[zagibu]

Ich bin jetzt wieder zu Tabellen zurückgegangen, kombiniere sie aber mit divs. Damit funktioniert alles eigentlich so wie es sollte. Nachdem ich nun die leeren Stellen zwischen den grauen Feldern mit leeren divs ausgefüllt und auf diese font-size:0pt angewendet habe, kann es auch der stupide IE korrekt anzeigen.
Ich frage mich immer stärker, warum es eine Firma wie Microsoft nicht mal schafft, einen Browser zu programmieren, der HTML und CSS so anzeigen kann, wie es gedacht wäre. Ich rede hier übrigens vom IE 6.

[zagibu]

Gibt es eigentlich eine spezielle Technik, mit der man ohne Javascript schöne Navigations-Buttons hinbekommt, die auch auf Hover reagieren? Und wieso kann man eigentlich keine divs in <a>s reintun?

[TobiaZ]

1. Link: hover. da kann man schöne sachen mit machen
2. div in a. würde mal sagen, das liegt daran, dass ein div ein blockelement ist. probiers mal mit span.

[zagibu]

Mich würde eben genau interessieren, wie diese schönen Sachen aussehen. Ausserdem funktioniert span innerhalb von <a> irgendwie nicht, wie du auf www.rockundpop.ch selbst sehen kannst.

[TobiaZ]

und ob das sehr wohl funktioniert, wie du auf zensur sehen kannst!

BTW: was meinst du damit?

Mich würde eben genau interessieren, wie diese schönen Sachen aussehen.

[zagibu]

Hmmm...bei mir funktionierts nicht.
Nun, wenn du schöne Sachen sagst meinst du bestimmt mehr, als ein Textlink mit a:hover { background-color:#blabla; }. Aber was denn? Dieses span im a wäre schon mal sowas, aber ich kriegs nicht hin...

[TobiaZ]

bez. schöne sachen: Guck dich mal ein bisschen bei selfhtml um!

aber ich kriegs nicht hin...

was soll ich dazu sagen?

[perlini]

Hmmm, würd dir ja gerne helfen, hab aber überhaupt keine Vorstellung, was du eigentlich machen willst.

Vielleicht findest du hier Hilfe/Anregungen:

http://www.css-technik.de/
http://www.cross-browser.net/loesungen/css.html
http://css.nu/
http://www.meyerweb.com/eric/css/ (z.B. Rollover ohne Javascript)
http://www.richinstyle.com/
http://www.andreas-kalt.de/webdesign/css.htm
http://barrierefrei.e-workers.de/p_workshops.php (Workshop)
http://www.perun.net/css/ (deutsche Einführung zu css)

gruß

perlini

[zagibu]

Wow, tolle links, danke. Werd ich mir morgen mal alle reinziehen.
Ich weiss übrigens auch nicht, warum der span im a bei mir nicht funktioniert. Ich habe eigentlich alles genau gleich gemacht, wie dieser Adventskalender (ausser, dass meine as noch in nem div sind)...

[zagibu]

Ok, mit dem display:block kann ich jetzt die links schön formatieren. Wieso aber funktioniert das :active pseudoformat nicht, bzw. wie funktioniert es genau? Wird es nur aufgerufen, solange der Mausknopf gedrückt ist (so sieht es nämlich aus)? Wenn ja, gibt es eine andere CSS Möglichkeit, um einen Verweis, der auf die gerade aktive Seite zeigt, speziell zu formatieren?

[wahsaga]

Original geschrieben von zagibu
Wieso aber funktioniert das :active pseudoformat nicht, bzw. wie funktioniert es genau? Wird es nur aufgerufen, solange der Mausknopf gedrückt ist (so sieht es nämlich aus)?

du hast es exakt erfasst :-)

Wenn ja, gibt es eine andere CSS Möglichkeit, um einen Verweis, der auf die gerade aktive Seite zeigt, speziell zu formatieren?

jein.

class="aktiv", .aktiv in der css-definition dann mit entsprechenden formatierungen.

allerdings muss du class="aktiv" dann dynamisch in den jeweligen link reinschreiben, z.b. mit php.


(klar könnte man auch versuchen, dass über attribut-selektoren zu machen, inhalt des href = name der aktuellen seite o.ä. - aber die versteht ja der IE nicht.)

[zagibu]

Dynamisch ersetzen kann ich es eben nur schlecht, denn ich verwende das phpbb mit angepasstem header, und da müsste ich jede einzelne template seite des phpbb anpassen...
Naja, dann werde ich wohl darauf verzichten müssen.