Positionierung Schrift im Spezial-Button
Positionierung Schrift im Spezial-Button
https://www.afripix.de/hno-bonn/
Ich stehe da gerade mal wieder auf der Leitung.
Diese Seite hier soll bis Wochenende fertig sein, daher hier kein dolles Design sondern nur Stober-Standard.
Die Buttons mit dem runden Dingsbums:
Wie bekomme ich die Schrift immer gut in die vert. Mitte positioniert?
Ich mache das gerade mit vielen Mediaqueries, position: absolute und top:??Px - das kann es doch nicht sein!
Ach die Schriftgröße weigert sich komplett, sich zu ändern!
mit font-size: 1rem!important- tut sich nix.
Also irgendwo gründlicher Denkfehler drin!
Ich stehe da gerade mal wieder auf der Leitung.
Diese Seite hier soll bis Wochenende fertig sein, daher hier kein dolles Design sondern nur Stober-Standard.
Die Buttons mit dem runden Dingsbums:
Wie bekomme ich die Schrift immer gut in die vert. Mitte positioniert?
Ich mache das gerade mit vielen Mediaqueries, position: absolute und top:??Px - das kann es doch nicht sein!
Ach die Schriftgröße weigert sich komplett, sich zu ändern!
mit font-size: 1rem!important- tut sich nix.
Also irgendwo gründlicher Denkfehler drin!
- Tommy Herrmann
- Site Admin
- Beiträge: 5889
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Positionierung Schrift im Spezial-Button
Moin,
ich weiß gerade nicht welche
... oder meinst Du diesen Hintergrund-Kreis - hinter der Schrift?
Welches Thema ist das denn?
Dieser Keis ist die class="viereck-nini" und steht in keinem Zusammenhang mit der Schrift. Den könnte man mir "margin" positionieren.
ich weiß gerade nicht welche
ButtonsDu meinst - ich sehe gar keine Buttons.
... oder meinst Du diesen Hintergrund-Kreis - hinter der Schrift?
Welches Thema ist das denn?
Dieser Keis ist die class="viereck-nini" und steht in keinem Zusammenhang mit der Schrift. Den könnte man mir "margin" positionieren.
Re: Positionierung Schrift im Spezial-Button
Sorry, ich meine das Ding einen Block tiefer, was dann lila wird beim Hovern
- Tommy Herrmann
- Site Admin
- Beiträge: 5889
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Positionierung Schrift im Spezial-Button
... den kleinen Punkt in den Kacheln?
Was nicht schön ist, dieses fixierte Bild mit den Kindern erzeugt einen Querscroller (Overflow) am mobilen Gerät:
Was nicht schön ist, dieses fixierte Bild mit den Kindern erzeugt einen Querscroller (Overflow) am mobilen Gerät:
- Tommy Herrmann
- Site Admin
- Beiträge: 5889
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Positionierung Schrift im Spezial-Button
Also das ist ja das <H2> Tag. Ich habe mal das <br> davor entfernt und dann ein padding-top von 30px eingetragen - jetzt nur mal im linken Bild "Schnarchen":
Da sich die Größe vom Kreis und auch die Schriftgröße vom <H2> nicht ändern, sollte das doch gehen.
Da sich die Größe vom Kreis und auch die Schriftgröße vom <H2> nicht ändern, sollte das doch gehen.
Re: Positionierung Schrift im Spezial-Button
Die Schriftgröße wird ja durch das mbr-theme-style="display-7" festgelegt - aber das funzt irgendwie nicht.
Und wo kommt der damische Scroller mit dem Kinder-Kopfhörer-Bild her?
Das Element nutze ich doch ständig...
Heute nicht mein Tag - die Schwiegermutter stirbt.....
Und wo kommt der damische Scroller mit dem Kinder-Kopfhörer-Bild her?
Das Element nutze ich doch ständig...
Heute nicht mein Tag - die Schwiegermutter stirbt.....
- Tommy Herrmann
- Site Admin
- Beiträge: 5889
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Positionierung Schrift im Spezial-Button
In diesem Fall ist das "display-5" für dieses <H2> Tag. Die Schriftgröße hat doch damit auch nicht zu tun - nur die Position dieser Schrift - und diese Position kannst Du doch entweder mit einer eigenen Class oder über das <H2> Tag steuern.
Ich habe jetzt bei den Kindern noch nicht geguckt - weiß nicht, ob ich das finden kann .
Wo hast Du das denn noch - wahrscheinlich hast Du dann da auch diesen Scroller ...
Ich habe jetzt bei den Kindern noch nicht geguckt - weiß nicht, ob ich das finden kann .
Wo hast Du das denn noch - wahrscheinlich hast Du dann da auch diesen Scroller ...
- Tommy Herrmann
- Site Admin
- Beiträge: 5889
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Positionierung Schrift im Spezial-Button
Vielleicht hilft ja ein
max-width: 100%;
bei den Kindern - oder ein:
overflow: hidden;
max-width: 100%;
bei den Kindern - oder ein:
overflow: hidden;
Re: Positionierung Schrift im Spezial-Button
Querscroller:
das gleiche Element www.afripix.de/steuerberater
das gleiche Element www.afripix.de/steuerberater
- Tommy Herrmann
- Site Admin
- Beiträge: 5889
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Positionierung Schrift im Spezial-Button
ja - jetzt ist es auch auf der anderen Seite in Ordnung
... und der Text über den Kreisen auch
war es das:
... und der Text über den Kreisen auch
war es das:
Code: Alles auswählen
.viereck-mini-text {
position: absolute;
top: 30px;
left: 10px;
transition: all 0.5s;
}
Re: Positionierung Schrift im Spezial-Button
Ich hatte im mini-wrapper eine Weite von 100%, aber dann irgendwo ein Padding von 10px.
Es scheint so, dass sich die Breite von 100% nicht immer auf das Parent-Element bezieht.
Ich schau gleich nochmal genauer rein, bin gerade aufm Sprung!
Es scheint so, dass sich die Breite von 100% nicht immer auf das Parent-Element bezieht.
Ich schau gleich nochmal genauer rein, bin gerade aufm Sprung!
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste