|
|||
line-heigt kann nicht unter ein Minimum verkleinert werden
Hallo,
ich suche schon seit geraumer Zeit, aber leider ohne Erfolg. Bisher dachte ich, man kann eine line-height beliebig einstellen, theoretisch auch so, dass sich die Linien überschneiden (z.B. bei line-height:1px Bei meiner Seite kann ich aber die line-height nicht kleiner (als ca. 20px) stellen (größer schon). Ich nehme an, dass das in Konflikt kommt mit einer anderen Css-Angabe - aber diese kann ich einfach nicht finden. Laut Inspektor wird die Angabe nirgends überschrieben (denn sonst würde sie ja durchgestrichen dargestellt werden, oder?) Es geht um diese Angabe: Code:
.fronthomeansicht a span.subtitel, .ergebnisextra a span.subtitel { font-family: 'BrandonTextWeb-Light','Open sans', Verdana, Geneva, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 16px; line-height: 60% !important; color: #000; } goo.gl/r4juFu Kann mir bitte jemand weiterhelfen, wodurch meine Angabe blockiert wird? Vielen herzlichen Dank! Irmen |
Sponsored Links |
|
|||
Hallo
Ich kann die Seite nicht aufrufen. Woran willst du denn erkennen das line-height nicht funktioniert? Ich gehe mal davon aus dass du den Unterschied zwischen Inline-Elementen und Block-Elementen nicht berücksichtigt hast. Viele CSS-Anweisungen haben nur Auswirkungen auf bestimmte Elementarten, das gilt nicht nur für line-height. Gruss MrMurphy Geändert von MrMurphy (03.05.2018 um 16:22 Uhr) |
Sponsored Links |
|
|||
Hallo, vielen Dank für deinen Hinweis. Das Element hat "display:block".
Wenn ich die line-height auf 120px stelle, reagiert die Seite und die Zeilenabstände werden größer - aber sobald ich auf unter 20px stelle, verändert sich nichts mehr. Deshalb vermute ich, dass irgendwo der Wurm drin ist. Aber wo, das finde ich nicht heraus. Ich möchte einfach hier (css- siehe oben) einen kleinere Zeilenabstand einstellen. Wenn du die shortend url in deine Browseradresszeile kopierst, kannst du die Seite öffnen. Ich möchte nicht den direkten link hier reinschreiben, weil ich befürchte, dass dann diese Frage in den Suchergebnissen auftaucht, wenn man nach meiner Seite sucht. schöne Grüße irmen |
|
|||
Für alle, die die short-url nicht aufrufen wollen:
https://wellcuisine.net/rezepte/suppen Wer hilfe benötigt, vor allem für solche kommerziellen Seiten, darf auch gerne die komplette URL posten. Eine direkte Hilfe habe ich nicht, kann dein Problem aber nachvollziehen. |
|
|||
Bei einem nicht ersetzten Inline-Element gibt line-height die Höhe an, die bei der Berechnung der Zeilenhöhe verwendet wird.
Das bedeutet, dass du das Element erst auf display: inline-block; setzen musst damit du line-height verkleinern kannst. Ich glaube ich habe mich wieder unverständlich ausgedrückt. Ein Inline Element hat immer eine Mindesthöhe von seinem umschließenden Blockelement. Grüße Geändert von gabischatz (04.05.2018 um 15:58 Uhr) |
|
|||
Hallo Gabischatz, vielen Dank!
Ich verstehe es tatsächlich nicht ganz, aber jetzt weiß ich immerhin, dass ich mir nochmal genau inline und line-height anschauen muss. Danke!!! Irmen |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Neues Karriereportal (Bitte um Feedback) | ThomasE | Site- und Layoutcheck | 23 | 02.01.2012 17:44 |
error_reporting(E_ALL); | paracelsus | Serveradministration und serverseitige Scripte | 37 | 05.06.2008 08:36 |
Liste im IE | StarSt0rm | CSS | 3 | 22.08.2007 21:04 |
Div im IE zu hoch | RancoR | CSS | 10 | 10.07.2007 00:11 |
Nicht valieder Code von Map24 | sveniboy | (X)HTML | 7 | 06.11.2005 20:19 |