Css-Positionierung eines Textes

Fragen und Diskussionen rund um Internet, Software und PC
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Css-Positionierung eines Textes

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Css-Positionierung eines Textes

Ungelesener Beitrag 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:


padding-left 30px on hover.jpg
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Css-Positionierung eines Textes

Ungelesener Beitrag von stobi_de »

No,
here in Mobi
mbr-hover.jpg
mbr-hover.jpg (7.5 KiB) 297 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;
      }
    }
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Css-Positionierung eines Textes

Ungelesener Beitrag von Tommy Herrmann »

... aber natürlich nur bei "hover"
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Css-Positionierung eines Textes

Ungelesener Beitrag von stobi_de »

Natürlich nur bei Hover ;)

Aber die Position des Schriftzugs musste geändert werden, nicht des ganzen blauen/roten Dings
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Css-Positionierung eines Textes

Ungelesener Beitrag 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 ...
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 14 Gäste