Rahmen bis ganz an die Buchstaben
Adriana Mikolaskova Nautsch
- css
Hallo,
ich würde gerne einen Rahmen um einen Text erstellen. Er sollte möglichst dicht auf die Buchstaben aufschliessen.
Mit folgendem Code gibt es aber immer einen Abstand oberhalb des Textes.
Was müsste ich ändern/hinzufügen, damit der Rahmen bis an den Text 'ran rückt?
Vielen Dank und Gruss
Adriana
<div style="font-size:15px;border:1px solid grey; height:1em;margin:0px;padding:0px;">text</div>
Hi Adriana!
Was müsste ich ändern/hinzufügen, damit der Rahmen bis an den Text 'ran rückt?
Deine widersprüchlichen Angaben von height und font-size. Eventuell noch line-height setzen.
MfG H☼psel
Hi,
Deine widersprüchlichen Angaben von height und font-size.
der Wert der font-size-Eigenschaft ist zwar reichlich sinnarm - aber wo siehst Du da einen Widerspruch?
Cheatah
Hi Cheatah!
Deine widersprüchlichen Angaben von height und font-size.
der Wert der font-size-Eigenschaft ist zwar reichlich sinnarm - aber wo siehst Du da einen Widerspruch?
Wenn du die Größe der Schrift mit, sagen wir mal, 15px bestimmst und die Höhe des Elements auf 1em setzt, was meinetwegen einen Wert von 30px verkörpert und du dann auch noch erwartest, dass der Rahmen des 30px-großen Rahmens bis an die Schrift heranreicht...
Oder habe ich falsch gedacht?
Vielleicht war meine Ausdrucksweise nicht ganz glücklich. :)
MfG H☼psel
Hi,
Wenn du die Größe der Schrift mit, sagen wir mal, 15px bestimmst und die Höhe des Elements auf 1em setzt, was meinetwegen einen Wert von 30px verkörpert
wie soll 1em bei der height-Eigenschaft 30px verkörpern, wenn sich die font-size-Eigenschaft des selben Elements von (berechneten) 30px unterscheidet?
Oder habe ich falsch gedacht?
Ja :-)
Cheatah
Hi Cheatah!
Oder habe ich falsch gedacht?
Ja :-)
Wieder was gelernt. Das Wirrwarr entknotet sich immer mehr. :)
MfG H☼psel
Hi,
Wieder was gelernt. Das Wirrwarr entknotet sich immer mehr. :)
ich bin der Kamm in den Knoten Deiner Frisur!
Cheatah ;-)
Hi Cheatah!
Wieder was gelernt. Das Wirrwarr entknotet sich immer mehr. :)
ich bin der Kamm in den Knoten Deiner Frisur!
Nein. Du bist das Schaf im Dickicht des Informatikdschungels, das mich mit seinem unüberhörbaren Blöcken zielsicher in den kultivierten Garten führt. [1]
[1] Schaf einfach nur deshalb, weil nicht unter jedem Fell eines stecken muss. :)
MfG H☼psel
Hi,
Nein. Du bist das Schaf [...]
ich mag ein Schaf sein. Aber eines im Gepardenfell.
Cheatah ;-)
Hallo,
ich mag ein Schaf sein. Aber eines im Gepardenfell.
da werden sich die Geparden aber demnächst wundern, wenn einer der Ihren das Tempo nicht mehr mithalten kann. Versteh mich nicht falsch - nix gegen Schafe, aber es kann gefährlich sein, Erwartungen zu schüren, die man dann nicht erfüllen kann.
Dann schon lieber ein Gepard im Schafsp.... oops, wo isses denn geblieben?
So long,
Martin
hi,
nix gegen Schafe, aber es kann gefährlich sein, Erwartungen zu schüren
schüren von Schur ...? Haha, brillinates Wortspiel.
Korrekt müsste es aber leider immer noch scheren heißen.
gruß,
wahsaga
Hi ihr Drei!
Ihr habt doch einen an der Wolle. :)
MfG H☼psel
hi,
Ihr habt doch einen an der Wolle. :)
Du schafst mich langsam mit deinen Wortspielen!
gruß,
wahsaga
Hi wahsaga!
Ihr habt doch einen an der Wolle. :)
Du schafst mich langsam mit deinen Wortspielen!
Wer anderen ein Schäfchen brät, hat meist ein Schäfchenbratgerät.
MfG H☼psel
hi,
Wer anderen ein Schäfchen brät, hat meist ein Schäfchenbratgerät.
Langsam klingst du etwas belämmert :-)
gruß,
wahsaga
Hallo Hopsel,
Ihr habt doch einen an der Wolle. :)
wo du wolle?
Nein, ich will nicht nach Memphis...!!
Schönen Abend noch,
Martin
Hi Adriana!
Was müsste ich ändern/hinzufügen, damit der Rahmen bis an den Text 'ran rückt?
Deine widersprüchlichen Angaben von height und font-size. Eventuell noch line-height setzen.
MfG H☼psel
Hi,
meine Angaben von height und font-size sind meines Wissens nicht widersprüchlich.
Wenn die font-size des Elements 15px ist, ist 1em gleich 15pixel für dieses Element...oder stimmt das nicht?
Das explizite setzen der Höhe, bewirkt immerhin, dass der Rahmen zumindest auf der unterseite ganz an den Text heranrückt.
line-height habe ich auch schon ausprobiert- hat aber nichts bewirkt.
<div style="font-size:15px;border:1px solid grey; height:1em;margin:0px;padding:0px;line-height:15px;">text</div>
Weiss jemand, wo der Fehler liegt?
Danke und Gruss
Adriana
Hallo,
Was müsste ich ändern/hinzufügen, damit der Rahmen bis an den Text 'ran rückt?
Er ist dran:
<div style="font-size:50px; border:1px solid grey; margin:0px; padding:0px;">TEXT ÛÉqg TEXT</div>
Text kann auch Platz oberhalb und unterhalb der Grundlinien beanspruche müssen.
line-height habe ich auch schon ausprobiert- hat aber nichts bewirkt.
<div style="font-size:50px; line-height:.7em; border:1px solid grey; margin:0px; padding:0px;">TEXT ÛÉqg TEXT</div>
... aber sieh, was dann mit Über- bzw. Unterschneidungen passiert.
viele Grüße
Axel
...vielen Dank! Jetzt habe ich nur noch ein Problem:
Der Ort, wo ich gerne die line-height verkleinern würde ist ein Listenelement und dort funktioniert das ganze nicht (Variante a), bzw. nur, wenn ich den Text in ein div hinein stelle(Variante b)
Variante a
<ul>
<li style="display:inline;line-height:.6em; border-left:1px solid grey; margin:0px; padding:0px;">
test
</li>
</ul>
Variante b
<ul>
<li style="display:inline;">
<div style="line-height:.6em; border-left:1px solid grey; margin:0px; padding:0px;">test</div>
</li>
</ul>
Weshalb geht es nicht, wenn ich das Listenelement (li) formatiere?
Danke und Gruss
Adriana
Hallo Adriana
<li style="display:inline;line-height:.6em; border-left:1px solid grey; margin:0px; padding:0px;">
^^^^^^^^^^^^^^
...
<li style="display:inline;">
<div style="line-height:.6em; border-left:1px solid grey; margin:0px; padding:0px;">test</div>
Weshalb geht es nicht, wenn ich das Listenelement (li) formatiere?
Das div bleibt ein Blockelement.
Auf Wiederlesen
Detlef
Hallo Detlef,
Das div bleibt ein Blockelement.
vielen Dank. Das war's.
Gibt es in dem Fall keine Möglichkeit, den Rahmen eines Listenelements (wenn die liste horizontal angeordnet ist, d.h. die listenelemente inline dargestellt werden)näher an den Text zu rücken?
Habe versucht, das beim nächsthöheren Blockelement die line-height auf 0.6em zu setzen (zuerst ul, dann das nächsthöhere div)..., das hat aber keine Auswirklung auf den Rahmen des Listenelements gehabt.
Falls es keine Lösung gibt, wäre ich auch für eine Erklärung sehr dankbar...
Gruss
Adriana
Hallo Adriana
Gibt es in dem Fall keine Möglichkeit, den Rahmen eines Listenelements (wenn die liste horizontal angeordnet ist, d.h. die listenelemente inline dargestellt werden)näher an den Text zu rücken?
Müssen die Listenelemente inline sein?
Kannst du sie nicht mittels float horizontal anordnen?
Auf Wiederlesen
Detlef
Hallo Detlef
Müssen die Listenelemente inline sein?
Kannst du sie nicht mittels float horizontal anordnen?
Vielen Dank!!
Jetzt geht's...*
Gruss
Adriana
*wüsste aber trotzdem gerne, weshalb die andere Variante nicht funktioniert (indem man die line-height eines übergeordneten Elements verändert)...?