Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02
» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Entdeckt die neue Option Servimg Premium ( 2 )
» Beitrag von Joost in Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
( 2 )
» Beitrag von Eto in Einstellen der Profilfelder funktioniert nicht
( 1 )
» Beitrag von Halbmondfarn in Einstellen der Profilfelder funktioniert nicht
( 1 )
» Beitrag von T.G. in Zugangsdaten vergessen/verloren
( 1 )
[phpBB2] (text-)overflow & letter-spacing bei forumlink
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
[phpBB2] (text-)overflow & letter-spacing bei forumlink
Hallo, ihr Lieben!
In meinem Testforum habe ich den hover meiner forenlinks mit ner transition zu einem letter-spacing sozusagen animiert. Soweit klappt das auch, aber wenn ich längere, nicht durch Leerzeichen getrennte Wörter als Forenlink habe, verschiebt das beim mouse-over immer den ganzen Rest der row (wie bei "Beschäftigungstherapie")
Stattdessen hätte ich gerne, dass der Link an sich ganz brav breiter wird, aber nicht die eigentliche Breite seiner Zelle vergrößert, sondern das Wort abgeschnitten und mit text-overflow: ellipsis dann am Ende einfach "..." bekommt.
Hatte es natürlich schon ausprobiert, (auch mit overflow:hidden und fester Breite der Zelle) bin aber schon kläglich gescheitert, er hat es dann einfach ignoriert. Irgendwelche Tipps, wie es auf jeden Fall klappt?
Falls sich das gar nicht machen lässt, wär ich auch damit zufrieden, wenn sich dieser Effekt des Vergrößerns der Zelle und Verkleinern der Nebenzelle dann wenigstens nur auf die entsprechende Zeile auswirken und nicht noch alle anderen Zeilen darunter/darüber betreffen würde. Weil an sich ist es ja ganz witzig.
Liebe Grüße
Zwiebel
In meinem Testforum habe ich den hover meiner forenlinks mit ner transition zu einem letter-spacing sozusagen animiert. Soweit klappt das auch, aber wenn ich längere, nicht durch Leerzeichen getrennte Wörter als Forenlink habe, verschiebt das beim mouse-over immer den ganzen Rest der row (wie bei "Beschäftigungstherapie")
Stattdessen hätte ich gerne, dass der Link an sich ganz brav breiter wird, aber nicht die eigentliche Breite seiner Zelle vergrößert, sondern das Wort abgeschnitten und mit text-overflow: ellipsis dann am Ende einfach "..." bekommt.
Hatte es natürlich schon ausprobiert, (auch mit overflow:hidden und fester Breite der Zelle) bin aber schon kläglich gescheitert, er hat es dann einfach ignoriert. Irgendwelche Tipps, wie es auf jeden Fall klappt?
Falls sich das gar nicht machen lässt, wär ich auch damit zufrieden, wenn sich dieser Effekt des Vergrößerns der Zelle und Verkleinern der Nebenzelle dann wenigstens nur auf die entsprechende Zeile auswirken und nicht noch alle anderen Zeilen darunter/darüber betreffen würde. Weil an sich ist es ja ganz witzig.
Liebe Grüße
Zwiebel
Zuletzt von Zwiebel am So 1 Jun 2014 - 11:15 bearbeitet; insgesamt 1-mal bearbeitet
Zwiebel- Geselle
- Beiträge : 50
Anmeldedatum : 09.12.12
Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink
Meines Wissens ist das nicht möglich, da es sich um Sonderzeichen "..." handelt und nicht übernommen wird.
Versuche mal die "Beschäftigungstherapie" in "Therapie" zu verkürzen.
Gute Nacht
Versuche mal die "Beschäftigungstherapie" in "Therapie" zu verkürzen.
Gute Nacht
Gast- Gast
Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink
Von was genau nicht übernommen? Vom transition?
Und wenn es nur text-overflow: ellipsis wäre, ok, aber text-overflow: clip funktioniert ja z.B. auch nicht. :/
Und wenn es nur text-overflow: ellipsis wäre, ok, aber text-overflow: clip funktioniert ja z.B. auch nicht. :/
Zwiebel- Geselle
- Beiträge : 50
Anmeldedatum : 09.12.12
Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink
Hallo Zwiebel,
ich finde deine Tabellenaufteilung und wie du in den einzelnen Zellen mit (teils negativem) margin arbeitest, schon nicht ganz optimal...
Aber davon ausgehend lässt sich dein konkretes Problem mit den CSS-Grundlagen erklären:
Ein Link ist ein Inline-Element und kann als solches keinen (text-)overflow besitzen.
Der text-overflow: ellipsis muss außerdem mit einem overflow: hidden verbunden werden.
Und damit beides greift, ist es nötig, dem Element eine max-width zuzuweisen.
All das kannst du so umsetzen:
Günther
ich finde deine Tabellenaufteilung und wie du in den einzelnen Zellen mit (teils negativem) margin arbeitest, schon nicht ganz optimal...
Aber davon ausgehend lässt sich dein konkretes Problem mit den CSS-Grundlagen erklären:
Ein Link ist ein Inline-Element und kann als solches keinen (text-)overflow besitzen.
Der text-overflow: ellipsis muss außerdem mit einem overflow: hidden verbunden werden.
Und damit beides greift, ist es nötig, dem Element eine max-width zuzuweisen.
All das kannst du so umsetzen:
Liebe Grüße.forumlink, a.forumlink:link, a.forumlink:visited {
color: #CE5062;
display: inline-block;
font-family: Constantia,Georgia,Times New Roman,serif;
font-size: 14px;
font-weight: 400;
max-width: 190px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink
*hüstel* also ich mag meine Tabellenaufteilung! Den negativen margin hatte ich allerdings gestern Abend noch à la 'mal sehen ob's klappt' eingefügt' und war dann begeistert, dass es geklappt hatte... ich nehm die Spielereien das nächste Mal brav vorher raus, wenn ich euch wieder was frag ...sorry! OTL
Und yaaay, Günther~ mein Held in strahlender Rüstung ♥ danke dir trotz nicht-optimaler Tabellenaufteilung für deine Antwort, du weißt immer Bescheid und ich hab auch wieder was gelernt!
Und yaaay, Günther~ mein Held in strahlender Rüstung ♥ danke dir trotz nicht-optimaler Tabellenaufteilung für deine Antwort, du weißt immer Bescheid und ich hab auch wieder was gelernt!
Zwiebel- Geselle
- Beiträge : 50
Anmeldedatum : 09.12.12
Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink
Gerne.
Schönen Sonntag!
-closed-
Schönen Sonntag!
-closed-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» [phpBB2] Forumlink, topictitle und co. mittig (a.k.a. vertical-align mag nicht)
» [phpBB2] Bewertungszähler als Text
» [phpBB2] Text ändern
» [phpBB2] CSS Text verschieben?
» [phpBB2] Text auf Banner
» [phpBB2] Bewertungszähler als Text
» [phpBB2] Text ändern
» [phpBB2] CSS Text verschieben?
» [phpBB2] Text auf Banner
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten