Boxmodell
Corni
- css
Hallo ihr,
ich habe da ein kleines Problemchen: Mein Button!
Ich muss doch bei einer Schriftgröße von 16px und einem padding: 4px 0px das Hintergrundbild 24px hoch machen, ODER? 16+4+4=24!
Bei mir entsteht da nämlich immer ein Streifen (ca 2px) wo das Bild nicht mehr hinreicht!
Was tun?
Viele Grüße aus Schwaben
Corni
Hi,
Ich muss doch bei einer Schriftgröße von 16px und einem padding: 4px 0px das Hintergrundbild 24px hoch machen, ODER? 16+4+4=24!
Bei mir entsteht da nämlich immer ein Streifen (ca 2px) wo das Bild nicht mehr hinreicht!
Was tun?
Berücksichtigen, daß die Zeilenhöhe meist höher ist als die font-size (es gibt ja z.B. Buchstaben, die unter die Basislinie reichen)
cu,
Andreas
Wie berücksichtige ich das am besten?
Hi Corni!
Wie berücksichtige ich das am besten?
In dem du es explizit definierst?!
MfG Hopsel
HDas meine ich nicht, sondern:
Gibt es irgendeinen Weg die Größe 100%ig zu wissen oder geht das nur über Probieren?
Hi Corni!
HDas meine ich nicht, sondern:
Gibt es irgendeinen Weg die Größe 100%ig zu wissen oder geht das nur über Probieren?
Ich würde die ein overflow: hidden empfehlen.
Ansonsten rate ich dir, nicht auf fixe Breiten-/Höhenangaben zurückzugreifen. Ingo hat einen schönen Artikel dazu geschrieben.
MfG Hopsel
Hallo Corni,
Gibt es irgendeinen Weg die Größe 100%ig zu wissen oder geht das nur über Probieren?
line-height kannst du eindeutig definieren. Allerdings würde ich Dir empfehlen, ein Hintergrundbild stets etwas größer als nötig anzulegen und vom Element "abschneiden" zu lassen, bzw. eine passende Hintergrundfarbe zu definieren. So sind erstens kleine Abweichungen abgedeckt und zweitens kann der Benutzer die Seite auch skalieren, ohne daß das Design gleich explodiert ;-)
Gruß aus Köln-Ehrenfeld,
Elya
hi,
Gibt es irgendeinen Weg die Größe 100%ig zu wissen
nein.
oder geht das nur über Probieren?
auch darüber nicht.
was und wo auch immer du "probierst", muss nicht mit den gegebenheiten auf dem system des nutzers identisch oder auch nur annähernd gleich sein.
gruß,
wahsaga