Css-Positionierung eines Textes
Css-Positionierung eines Textes
https://www.bonn-hno.com/index.php
Ich habe hier auf der rechten Seite eine Terminbuchunug mit dem Zen2Cool Social-Bar.
Wenn ich über die blaue Fläche hover, sollte die Schrift in der Mitte des blauen Bereiches bleiben.
Aber irgendwie bekomme ich das nicht auf die Reihe.
Irgendwie sollte das mit left: calc (50%-20px) oder so klappen ... aber so gehts halt nicht
Ich habe hier auf der rechten Seite eine Terminbuchunug mit dem Zen2Cool Social-Bar.
Wenn ich über die blaue Fläche hover, sollte die Schrift in der Mitte des blauen Bereiches bleiben.
Aber irgendwie bekomme ich das nicht auf die Reihe.
Irgendwie sollte das mit left: calc (50%-20px) oder so klappen ... aber so gehts halt nicht
- Tommy Herrmann
- Site Admin
- Beiträge: 5792
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Css-Positionierung eines Textes
Moin,
ist so etwas schwierig zu erkennen (mit der gedrehten Schrift, usw.)
... mit einem:
padding-left: 30px;
scheint es aber halbwegs zu stimmen:
ist so etwas schwierig zu erkennen (mit der gedrehten Schrift, usw.)
... mit einem:
padding-left: 30px;
scheint es aber halbwegs zu stimmen:
Re: Css-Positionierung eines Textes
No,
here in Mobi But have it now
here in Mobi But have it now
Code: Alles auswählen
.icon-bar a:hover {
background-color: @FloatColor;
margin-left: -50px;
width: 100px;
.drehen {
left: -40px !important;
}
}
- Tommy Herrmann
- Site Admin
- Beiträge: 5792
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Css-Positionierung eines Textes
... aber natürlich nur bei "hover"
Re: Css-Positionierung eines Textes
Natürlich nur bei Hover
Aber die Position des Schriftzugs musste geändert werden, nicht des ganzen blauen/roten Dings
Aber die Position des Schriftzugs musste geändert werden, nicht des ganzen blauen/roten Dings
- Tommy Herrmann
- Site Admin
- Beiträge: 5792
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Css-Positionierung eines Textes
hmm - das ist mir zu schwierig am Browser zu suchen.
Ich denke mal, da ist aber auch noch in der gesamte Icon-Leiste was verkehrt.
Was soll z.B. dieses:
margin-left: -50px;
da überhaupt bewirken? Entferne ich das, passiert gar nichts.
Dann müsste ja auch die class="icon-bar" anders bei "hover" behandelt werden als die class="icon-big-size", denn mal sitzt da das Icon und zum anderen die Schrift drinnen.
... vielleicht müsstest Du an der Stelle nochmals forschen ...
Ich denke mal, da ist aber auch noch in der gesamte Icon-Leiste was verkehrt.
Was soll z.B. dieses:
margin-left: -50px;
da überhaupt bewirken? Entferne ich das, passiert gar nichts.
Dann müsste ja auch die class="icon-bar" anders bei "hover" behandelt werden als die class="icon-big-size", denn mal sitzt da das Icon und zum anderen die Schrift drinnen.
... vielleicht müsstest Du an der Stelle nochmals forschen ...
Wer ist online?
Mitglieder in diesem Forum: Bing [Bot] und 15 Gäste