Quelltext <Code> wird nicht richtig angezeigt

25.07.2016 01:20
#1 Quelltext <Code> wird nicht richtig angezeigt
avatar
Mitglied

Da ich öfter Programm-Code in mein Forum stellen möchte, habe ich ein Problem damit.
Der Code wird zuerst richtig eingebunden und dargestellt.
Bewege ich aber die Maus, verrutscht der Code. Zuerst kommen dann die Zeilennummern und dann erst der Code-Text.
Hier ein Bild davon.

Was kann man dagegen machen ?
Das Lesen des Codes ist dadurch bei langen Texten nicht möglich


 Antworten

 Beitrag melden
25.07.2016 10:59 (zuletzt bearbeitet: 25.07.2016 11:02)
avatar  Ingmar
#2 RE: Quelltext <Code> wird nicht richtig angezeigt
avatar
Technik

Ist bei mir nicht so.

Hast du vielleicht einen Link zu einem Beitrag, in dem man das Problem sieht?


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
// This example uses SVG path notation to add a vector-based symbol
// as the icon for a marker. The resulting icon is a star-shaped symbol
// with a pale yellow fill and a thick yellow border.
 
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: {lat: -25.363882, lng: 131.044922}
});
 
var goldStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'yellow',
fillOpacity: 0.8,
scale: 1,
strokeColor: 'gold',
strokeWeight: 14
};
 
var marker = new google.maps.Marker({
position: map.getCenter(),
icon: goldStar,
map: map
});
}
 

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
25.07.2016 11:07
#3 RE: Quelltext <Code> wird nicht richtig angezeigt
avatar
Mitglied

Hier ist der Link - nutze CHROME in der neuesten Version


 Antworten

 Beitrag melden
25.07.2016 11:21 (zuletzt bearbeitet: 25.07.2016 11:25)
avatar  .BiL.
#4 RE: Quelltext <Code> wird nicht richtig angezeigt
avatar
Mitglied

Cheffe, das passiert nur, wenn das Fenster verkleinert wird. Im Vollbild am großen Bildschirm wird dein Beitrag ordentlich angezeigt, auf dem Pad oder Laptop nicht.

Das Problem habe ich in allen Foren und mir ist so, als wäre das hier auch schon einmal Thema gewesen ...

Habs gefunden: [code] - Versetzte Darstellung von Code zu Zeilennummer - Abhängig von Fensterbreite des Browsers!

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
25.07.2016 11:39
#5 RE: Quelltext <Code> wird nicht richtig angezeigt
avatar
Mitglied

Habe eben im FF getestet. Gleiche Wirkung.
Es gibt Foren, in denen der Code-Text komplett und dauber dargestellt wird.
Es hat auch nichts mit dem Verkleinern des Fensters zu tun.
Rufe ich die Seite auf, ist die Darstellung korrekt.
Die kleinste Bewegung mit der Maus löst dann diese Reaktion aus,
Das ist nicht gut.
Habe mir jetzt geholfen in dem ich den Quellcode fett darstelle.
Ist aber auch nicht das Wahre, da keine Zeilennummern dabei sind.


 Antworten

 Beitrag melden
25.07.2016 12:13
avatar  Ingmar
#6 RE: Quelltext <Code> wird nicht richtig angezeigt
avatar
Technik

Zitat von cheffe01 im Beitrag #5
Es hat auch nichts mit dem Verkleinern des Fensters zu tun.


Naja das stimmt nicht ganz.
Die Code-Blöcke haben eine vorgegebene Breite von 600px. Wenn das nicht passt, entsteht das Anzeigeproblem wie bei dir.
Du kannst das mit folgendem CSS-Addon recht einfach selbst beheben:

Dazu bitte unter Admin→Layout→Farben & Einstellungen→CSS folgendes eintragen:
.code pre{
width:auto !important;
}

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
25.07.2016 12:14 (zuletzt bearbeitet: 25.07.2016 12:15)
avatar  .BiL.
#7 RE: Quelltext wird nicht richtig angezeigt
avatar
Mitglied

Ich habe es nun in Edge, Chrome und FF ausprobiert. Immer mit dem gleichen Ergebnis:

im Vollbild, da kann ich mit der Maus machen, was ich will, sieht es so aus:



Verkleinere ich das Fenster ab ca. 1440px, sieht es so aus:



Vielleicht hilft das ja irgendwie bei der Fehlersuche.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
25.07.2016 12:27
#8 RE: Quelltext wird nicht richtig angezeigt
avatar
Mitglied

Habe jetzt die Auflösung auf 1680 erhöht und jetzt steht der Code-Text so, wie er soll.
Eine Lösung ist das aber nicht. Schließlich hat nicht jeder diese Auflösung eingestellt oder hat die Möglichkeit nicht.
Hier muss noch etwas "gebatelt" werden.


 Antworten

 Beitrag melden
25.07.2016 13:27
avatar  Ingmar
#9 RE: Quelltext wird nicht richtig angezeigt
avatar
Technik

Zitat von Ingmar im Beitrag #6
Die Code-Blöcke haben eine vorgegebene Breite von 600px. Wenn das nicht passt, entsteht das Anzeigeproblem wie bei dir.
Du kannst das mit folgendem CSS-Addon recht einfach selbst beheben:

Dazu bitte unter Admin→Layout→Farben & Einstellungen→CSS folgendes eintragen:
.code pre{
width:auto !important;
}

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
25.07.2016 13:52
avatar  Mike48
#10 RE: Quelltext wird nicht richtig angezeigt
avatar
Mitglied

1
2
3
 
.code pre{
width:auto !important;
}
 


Das hilft.


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
25.07.2016 14:00 (zuletzt bearbeitet: 25.07.2016 14:07)
#11 RE: Quelltext wird nicht richtig angezeigt
avatar
Mitglied

 Antworten

 Beitrag melden
25.07.2016 14:40
#12 RE: Quelltext wird nicht richtig angezeigt
avatar
Techniker

habt ihr Ingmar auf einer "ignorieren-Liste"?


 Antworten

 Beitrag melden
25.07.2016 15:39
avatar  .BiL.
#13 RE: Quelltext wird nicht richtig angezeigt
avatar
Mitglied

Das hatte ich mich auch schon gefragt ...

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!