Wieso geht der Rahmen nicht unter das square

Eroberer

Dabei seit: 10.11.2010

Montag, 29. August 2011, 18:15

	Quellcode
1	<li id="steuerung_abgrenzen_mit_rahmen"><a href="login.php">Einloggen</a></li>

	Quellcode
1 2 3	#steuerung_abgrenzen_mit_rahmen { border-bottom: 1px groove #fff; }

Auxcch das klappt nich:

	Quellcode
1 2 3	<li><a href="#">LInk1</a></li> <hr /> <li><a href="#">Link2</a></li>

	Quellcode
1 2 3 4 5	ul li hr { width: 150px; float: left; display: block; }

Die Linie fängt immer erst unter dem Linktext an, soll aber unter dem square zeichen beginnen

;)

Treml

Tripel-As

Dabei seit: 19.03.2003

Beiträge: 237

Dienstag, 30. August 2011, 15:41

Kannst Du Deine Frage anders formulieren? Ich verstehe nämlich nicht, was Du willst.

Was verstehst Du unter einem Square? Meinst Du damit das Blockelement, das von <li> gebildet wird? Dieses ist ja genauso groß wie sein Inhalt – also der Link. Wenn Du jetzt schreibst, dass der Rahmen unter dem Linktext beginnt, dann befindet er sich ja auch unter dem Blockelement.

Dein zweiter Versuch kann grundsätzlich nicht funktionieren, da <hr /> in keinem <li> liegt. (Es sei denn Du hast eine verschachtelte Liste, die man hier nicht sieht.) Da müsstest Du ul li hr auf ul hr verkürzen.

i u t w w f c b - u y a s t m w m

Spezies

Eroberer

Dabei seit: 10.11.2010

Beiträge: 56

Donnerstag, 1. September 2011, 02:47

Ist ok, ich habe jetzt doch eine andere Art im HTML gewählt. Eine letzte Frage besteht noch:

Ich habe einem Element(p) border-bottom: 1px outset #000; zugewiesen, wie kann man die Länge verkürzen. Der Rahmen geht über die ganze breite, soll aber nur 67% gehen, mit border-bottom-width: 20px; wird er ja dicker aber die Länge beeinflusst das nicht.

Hab auch schon überall nachgeschaut, aber kann nix finden. ich war der Meinung da gabs was in der richtung, kann ruhig auch als Css3 deklriert sein. Spielt keine Rolle

;)

Treml

Tripel-As

Dabei seit: 19.03.2003

Beiträge: 237

Donnerstag, 1. September 2011, 15:26

Der Rahmen ist immer so breit wie das Element, zu dem er gehört. Viele Blockelemente reichen über die gesamte Breite, auch wenn sie nur wenig Inhalt haben. Du musst also das Element, zu dem der Rahmen gehört, verkleinern.

Wenn Du allerdings willst, dass das Element selbst über die gesamte Breite reicht, die Linie darunter aber nicht, musst Du das anders lösen und wirst wahrscheinlich kaum um zusätzliche HTML-Elemente herumkommen.

i u t w w f c b - u y a s t m w m

Wieso geht der Rahmen nicht unter das square

Quellcode

Quellcode

Quellcode

Quellcode

Ähnliche Themen