[3.2] Hyperlink (breiter als eine Zeile) wird im responsive Design falsch dargestellt

[PIC-Nico]

Hallo zusammen,

in meinem Forum ist mir aktuell bei einem Beitrag aufgefallen, dass ein Link, der im repsonsive Design breiter als eine Zeile ist, seltsam dargestellt wird.

Schritte zum Reproduzieren:

1. Beitrag öffnen
2. Seite untersuchen (Firebug o.ä.)
3. Repsonsive-Design emulieren (z.B. iPhone X)

Dann sieht man, dass der Link (Text: "How to replace Java version installed with MPLAB® X IDE") merkwürdig dargestellt wird. Siehe hierzu auch:
[ externes Bild ]

Habt Ihr eine Idee, woran das liegt?

Viele Grüße, Nico

[canonknipser]

Weil die Unterstreichung nicht durch einen "underline", sondern einen "border-bottom" gemacht wird.

[Melmac]

Um das für die Postlinks dann zu korrigieren:

In der links.css nach

Code: Alles auswählen

.postlink {
	text-decoration: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 0;
}

suchen (ab Zeile 104 bei Dir) und durch

Code: Alles auswählen

.postlink {
	text-decoration: underline;
	padding-bottom: 0;
}

ersetzen.

Dies sollte sich normalerweise dann auch nur auf die Formatierung der Links in Beiträgen auswirken - bitte trotzdem nochmals gegenprüfen.

[PIC-Nico]

Danke, dass werde ich mal ausprobieren. Aber das ist grundsätzlich nicht nur bei mir der Fall, sondern grundsätzlich bei bei Prosilver?

Nachtrag: Das scheint soweit geklappt zu haben, doch nun wird Text, der direkt auf den Link folgt in eine neue Zeile versetzt. Das sieht etwas merkwürdig aus, siehe (nun im Test-Forum): Link

[Melmac]

Das lässt sich nicht vermeiden.
Das <a ...> Element reicht bei solch langen Links, die in neue Zeilen umbrechen müssen, über die komplette Zeilenbreite - Du musst Dir dies vielleicht als "Kasten" vorstellen.

Mal ehrlich: solch lange Linktexte verwendet man ja auch nicht - das ist dezent schlechter Stil, der dann auch prompt mir "schlechter Optik" belohnt wird