Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
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

[phpBB2] (text-)overflow & letter-spacing bei forumlink

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] (text-)overflow & letter-spacing bei forumlink

Beitrag von Zwiebel So 1 Jun 2014 - 0:24

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


Zuletzt von Zwiebel am So 1 Jun 2014 - 11:15 bearbeitet; insgesamt 1-mal bearbeitet
Zwiebel
Zwiebel
Geselle
Geselle

Beiträge : 50
Anmeldedatum : 09.12.12
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink

Beitrag von Gast So 1 Jun 2014 - 0:43

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  Sleep 
Anonymous
Gast
Gast


Nach oben Nach unten

Erledigt Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink

Beitrag von Zwiebel So 1 Jun 2014 - 0:53

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. :/
Zwiebel
Zwiebel
Geselle
Geselle

Beiträge : 50
Anmeldedatum : 09.12.12
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink

Beitrag von Günther So 1 Jun 2014 - 4:08

Hallo Zwiebel,

ich finde deine Tabellenaufteilung und wie du in den einzelnen Zellen mit (teils negativem) margin arbeitest, schon nicht ganz optimal... Wink
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:
.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;
}
Liebe Grüße
Günther
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink

Beitrag von Zwiebel So 1 Jun 2014 - 11:02

*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!  anbet
Zwiebel
Zwiebel
Geselle
Geselle

Beiträge : 50
Anmeldedatum : 09.12.12
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] (text-)overflow & letter-spacing bei forumlink

Beitrag von Günther So 1 Jun 2014 - 12:20

Gerne. Smile
Schönen Sonntag!
-closed-
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten