Text läuft aus der Seite raus. | WordPress.org Deutsch

Gelöst radarin
(@radarin)

vor 4 Jahren
Hallo zusammen

Ich bin dabei, meine Fotogallery, ein selber entwickeltes Script als Plugin in meine WordPress Seite zu integrieren. Was Variablen und include() betrifft gibt es da doch einiges anzupassen. Da bin ich aber zuversichtlich.

Das Problem das ich habe sind Texte die über die Seite hinaus laufen. Auf der Verlinkten Seite habe ich 2x den selben ‚lorem ipsum‘ Test integriert, im Texteditor jeweils als eine Zeile. Direkt im HTML (unterhalb HKontrolle 4) wird der Text sauber innerhalb des weissen Hintergrundes umbrochen. Die ganzen Texte kommen jedoch auch einem Array des Sprachfiles (einfache Übersetzungsmöglichkeit aller Texte im Script).
```
<p><?=$langfront['help01'];?></p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, ...</p>
```
Der erste Absatz aud dem Array lässt den Text aus der Seite laufen, der zweite Absatz, testweise direkt in die Seite geschrieben bleibt sauber innerhalb der Seite.

Warum? Wo ist das der Unterschied? Ich kann das nicht nachvollziehen. Muss ich da noch was um die Variable drum rum packen?

Der weisse Hintergrund mit dem schwarzen Rahmen ist so definiert:
```
#all
{
  background: #FFFFFF;
  border: solid 1px #000000;
  margin: 0 auto;
  max-width: 750px;
  padding: 10px 10px 10px 10px;
}
```
Wie das ursprüngliche Script funktioniert ist unter gallery0.darin.ch zu sehen. Im Plugin wird das ganze drumherum entfernt, sodass nur noch die Liste übrig bleibt, der Rest macht dann das WP Theme.

Das Script liest im Wesentlichen einfach nur die Verzeichnisstruktur auf dem Server aus, mit ein paar Finessen um Leerstellen zu ermöglichen und die Reihenfolge auch willkürlichnbeeinflussen zu können.

Gruß René

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Moderator Bego Mario Garde
(@pixolin)

vor 4 Jahren
Wenn du white-space: nowrap; angibst, wird Text auch nicht umgebrochen.
```
/* gallery.css:12 */
.post-content a {
    white-space: nowrap;
    color: #30aa00;
}
/* child.css:48 */
.post-content a {
    white-space: nowrap;
    color: #CA2017;
}
```
Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.
Thread-Starter radarin
(@radarin)

vor 4 Jahren
Er soll aber ja umbrochen werden. Was für mich nicht logisch erscheint, kommt der Text aus einer Variablen ins DIV wird er nicht umbrochen, steht der Text direkt im DIV wird er umbrochen.

Mit allen anderen Angaben zu white-space lässt es sich auch nicht beeinflussen.

Möglicherweise hat es aber auch einen Zusammenhang damit, das der ganze Content als Link dargestellt wird. Ich versuche erst mal herauszufinden woher das kommt, vielleicht löst sich dann auch das Andere. Ein vergessenes </ a> kann es eigentlich nicht sein, der Originalcode funktioniert einwandfrei.

Danke Dir erstmals.

Gruß René

Nachtrag: War doch ein fehlender Abschluss für den Anker um an den Seitenanfang zu springen. Jetzt schaut alles genau so aus wie es soll. Es sind immer diese Kleinigkeiten.
- Diese Antwort wurde geändert vor 4 Jahren von radarin.
- Diese Antwort wurde geändert vor 4 Jahren von radarin.
Moderator Bego Mario Garde
(@pixolin)

vor 4 Jahren
Ein vergessenes </ a> kann es eigentlich nicht sein

Doch, genau das. Du setzt einen Anker <a name="top"> (hier Zeile 4), der nicht geschlossen wird. Dadurch entspricht der nachfolgende Text dem Selektor .post-content a und bei längeren Texten fällt auf, dass der Text nicht umgebrochen wird.
```
<div class="post-content">
<p>Kontrolle 1</p>
 <a name="top">
</a><div id="all"><a name="top">

<h1 class="gallery">WP Gallery by rad (beta)</h1>

<p>Kontrolle 2</p>

<p>
</p>

<p>Kontrolle 3</p>

<p>
         </p><p>Kontrolle: help.php</p>

<h2>Hilfe</h2>
<p>Wählen Sie die Gallery zur Ansicht über die Verzeichnisstruktur aus.</p>
<p>Sie sehen eine Vorschau der Bilder mit einem Ausschnitt des Originalbildes. Durch Anklicken der Vorschau wird das Originalbild angezeigt. Mit den Pfeiltasten für links/rechts können Sie zwischen den Bildern blättern. Klicken Sie ausserhalb des Bildes auf die Webseite um die Originalansicht zu verlassen.</p>
…
```
Thread-Starter radarin
(@radarin)

vor 4 Jahren
Da hat sich mein Nachtrag und Deine Antwort überschnitten. Danke für Deine Mühe.

Interessanterweise habe ich den selben Fehler auch im Originalscript drin, und da macht er sich seit 7 Jahren überhaupt nicht bemerkbar.
- Diese Antwort wurde geändert vor 4 Jahren von radarin.

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Das Thema „Text läuft aus der Seite raus.“ ist für neue Antworten geschlossen.

Ansichten