Balken

Hay,
ich möchte Links neber dem Deisgn so zwei Lienien haben, ich habe auch shcon nen kleinen Code geschreiben, aber idese funktioniert nicht, denn erstens soll der Balken über die ganze Seite gehen und dann noch einen gewisssen abstand von Links haben, bloß das fuinktioniert nicht:

Und dann noch:

Hallo

In deiner Definition fehlen leider einige Angaben für den Balken:

left: 50%; macht die Position des Balkens abhängig von der Seitenmitte (logisch, da das Design auch in der Mitte ausgerichtet ist).

height: 100%; (achte auf die Schreibweise) gibt an, dass der Balken genauso hoch sein soll wie der Bildschirm (Achtung: 100% erkennt nur die beim Laden vorhandene Bildschirmhöhe; ist die komplette Seite scrollbar, so wird die zu scrollende, noch zu addierende Höhe leider nicht erkannt; in diesem Fall könnte ein Wert größer als 100% Abhilfe schaffen).

margin-left: -XXXpx; verschiebt den Balken von der Bildschirmmitte aus gesehen nach links. Da du in deinem Code den Befehl "left: 50%;" vergessen hast, verschiebt sich der Balken vom linken Bildschirmrand aus nach links und verschwindet daher vom Bildschirm.

Alle übrigen Angaben, die ich noch dazugesetzt habe, sind nur dazu da, den Code etwas sauberer zu machen. Mann könnte diese Angaben auch weglassen, da dann die Standardwerte angenommen werden (steht statt z.B. "top: 0px"; nichts dort, weiß jeder Browser im Normalfall, dass die Klasse an der oberen Bildschirmkante platziert werden soll). Da aber nicht jeder Browser alles selbst erkennt, sollte man diese Angaben doch lieber dazuschreiben (z.B. bin ich mir nicht sicher, ob jeder Browser beim Fehlen der Angabe zu "background-color" weiß, dass die Klasse keine Hintergrundfarbe haben soll; es kann auch sein, dass manche bei fehlender Angabe einfach Schwarz als Hintergrundfarbe setzen).


Dann noch der Aufruf der Klasse wie gehabt:

Ich hoffe, das hilft weiter.


Gruß

FK
______________

Danke ich probiers gleich mal aus....

Das Problem habe ich gelöst, aber wie kann ich ein Hover für die BIlder machen?