Seite 1 von 1

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

Verfasst: 25.08.2018 13:17
von 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

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

Verfasst: 25.08.2018 13:20
von canonknipser
Weil die Unterstreichung nicht durch einen "underline", sondern einen "border-bottom" gemacht wird.

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

Verfasst: 25.08.2018 13:34
von 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.

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

Verfasst: 25.08.2018 13:35
von 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

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

Verfasst: 25.08.2018 15:26
von 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 :wink: