Seite 1 von 1
Css-Positionierung eines Textes
Verfasst: Di 9. Mai 2023, 08:42
von stobi_de
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
Re: Css-Positionierung eines Textes
Verfasst: Di 9. Mai 2023, 09:52
von Tommy Herrmann
Moin,
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
Verfasst: Di 9. Mai 2023, 11:58
von stobi_de
No,
here in Mobi
- mbr-hover.jpg (7.5 KiB) 352 mal betrachtet
But have it now
Code: Alles auswählen
.icon-bar a:hover {
background-color: @FloatColor;
margin-left: -50px;
width: 100px;
.drehen {
left: -40px !important;
}
}
Re: Css-Positionierung eines Textes
Verfasst: Di 9. Mai 2023, 12:08
von Tommy Herrmann
... aber natürlich nur bei "hover"
Re: Css-Positionierung eines Textes
Verfasst: Di 9. Mai 2023, 12:12
von stobi_de
Natürlich nur bei Hover
Aber die Position des Schriftzugs musste geändert werden, nicht des ganzen blauen/roten Dings
Re: Css-Positionierung eines Textes
Verfasst: Di 9. Mai 2023, 16:37
von Tommy Herrmann
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 ...