Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen

Antworten
#1
05.04.2024 17:27 (zuletzt bearbeitet: 05.04.2024 17:51)
avatar  sikookis
#1 Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
si
sikookis
Mitglied

Board Nr.: 779879 - Business Template (v4)

Wenn ich in einem neu erföffneten Thema z.B. in einer Zeile mit verschiedenen Links mehrere Leerzeichen zwischen die Links setzte, erscheint nur 1 Leerzeichen. Die weiteren Leerzeichen sind verschwunden (sind allerdings beim ´Bearbeiten´ des Themas nach wie vor vorhanden).

Mit Alt+255 geht das zwar beim Erstellen. Nach Bearbeiten und Änderungen speichern erscheinen dann aber mehrere ´&bsnp;´ anstelle der gewünschten Leerzeichen.

Im beigefügten ersten Bild sieht man zwischen dem 1. und 2. Link nur 1 Leerzeichen, zwischen dem 2. und 3. Link (usw.) wurden Bindestriche eingefügt um zu verdeutlichen, was der Wunsch an Leerzeichen ist.

Im 2. Bild sind die ´&bsnp;´ zu sehen




 Antworten

 Beitrag melden
#2
05.04.2024 18:18
avatar  l2otbart_57
#2 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
l2
l2otbart_57
Mitglied

es ist nicht möglich mit Leerzeichen einen Abstand zu erzeugen. Leerzechen werden zu "white space" zusammengefasst.

Vielmehr musst du einen Container erzeugen, der den Text und das Bild enthält. Diese Container kannst du nebeneinander stellen


Text
 Text2
 Text3

habe jetzt keine passenden Bilder zur Hand:

1
2
3
4
 
[style=display:inline-block; text-align:center; ]Text
[img]...[/img][/style] [style=display:inline-block; text-align:center; ]Text2
[img]...[/img][/style]
 
 





 ... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
#3
05.04.2024 18:33 (zuletzt bearbeitet: 05.04.2024 18:37)
avatar  sikookis
#3 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
si
sikookis
Mitglied

Vielen Dank für die schnelle Antwort.

Im Folgenden mal dein Vorschlag mit /style und meine bisherige Programmierung



Das Ergbnis ist leider das Gleiche: Kein Abstand zwischen den Links:


 Antworten

 Beitrag melden
#4
05.04.2024 18:46
avatar  l2otbart_57
#4 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
l2
l2otbart_57
Mitglied

ich hatte gedacht, du möchtest über jedem Bild den passenden Link haben.

Deswegen habe ich das Bild und den Text in den Container gepackt.
Wenn auf schmaleren Displays eine Zeile umgebrochen wird, bleiben so Text und Bild zusammen

1
2
 
[style=display:inline-block; text-align:center; ][url=https://...] LinkText
[img]..Linkbild ...[/img][/url][/style]
 





 ... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
#5
05.04.2024 19:10
avatar  sikookis
#5 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
si
sikookis
Mitglied

Ich probiere das mal aus. Melde mich wieder.
Vielen Dank :-)


 Antworten

 Beitrag melden
#6
05.04.2024 21:27
avatar  Cyborg_Christina
#6 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
avatar
Cyborg_Christina
Mitglied

Da wäre wohl ein Spaltenlayout sinnvoller...

Forum Künstliche Intelligenz

 Antworten

 Beitrag melden
#7
06.04.2024 17:15
avatar  l2otbart_57
#7 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
l2
l2otbart_57
Mitglied

hi @sikookis,

wenn du mit dem Containersystem zurecht kommst, könnte man für diese Container einen eigenen Forencode erstellen.

Das würde die Eingabe ungemein vereinfachen und du könntest das Containerlayout nachträglich per CSS ändern (wenn nötig)


die alte Eingabe im style-Versuch

1
2
3
 

[u][b][url ].... [/url][/b][/u]
 
 




könnte dann neu so aussehen (cb für containerbox)

1
2
3
4
5
6
7
 

 
[cb][url=/t563f65379-belohnungen.html]Belohnungen   [/url]
[img]... [/img][/cb] [cb][url=/t564f65379-labyrinth.html]Labyrinth [/url]
[img]... [/img][/cb]
 

 




Dazu ein Forencode in die Iconbar und in die unsichtbar-Gruppe verschieben:

aus [cb] wird <span class="containerbox">
aus [/cb] wird </span">

dann im Layout - SCSS/CSS - addon

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 

span.containerbox {
	text-align: center;
	display: inline-block;
	}
 
span.containerbox a {
	text-decoration: underline;
	font-weight: bold;
	}
 
span.containerbox img {   /* nur zur Demo */
	padding: 4px;
	background-color:white;
	border: 1px solid black;
	}
 
 




warum habe ich "cb" gewählt? bei der Eingabe kann man den -Knopf nutzen und nachtraglich aus ["b"] dann ["cb"] machen ...





 ... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
#8
06.04.2024 17:19 (zuletzt bearbeitet: 06.04.2024 17:19)
avatar  sikookis
#8 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
si
sikookis
Mitglied

Herrlich, vielen Dank.

Für Spaltenlayout: Dazu brauche ich Hinweise, wie das geht :-)

LG sikookis


 Antworten

 Beitrag melden
#9
06.04.2024 17:21
avatar  l2otbart_57
#9 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
l2
l2otbart_57
Mitglied

welche Schritte hast du nicht verstanden?


noch was: das "&nbsp;" Problem löst sich, wenn du vorm Speichern erst die Vorschau aufrufst





 ... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
#10
07.04.2024 00:34 (zuletzt bearbeitet: 07.04.2024 00:54)
avatar  sikookis
#10 RE: Eingefügte Leerzeichen ´schrumpfen´ zu einen zusammen
si
sikookis
Mitglied

Den Schrit, den Cyborg-Christina angedeutet hat, hatte ich nicht verstanden.

Jedoch:

1
2
3
 
[style=display:inline-block; text-align:center; ]Text
[img]...[/img][/style] [style=display:inline-block; text-align:center; ]Text2
[img]...[/img][/style]
 


von dir, I2otbart_57, hat das gewünschte Ergebnis gebracht. Vielen herzlichen Dank.
So eine Zeile mit ...Text ... Text2 ... sieht bei mir als Ergebnis dann so aus:

Belohnungen ´Am Fusse des Berges´

 Belohnungen ´Berglabyrinth´

[

bzw. in Code:

1
2
3
4
5
 
[style=display:inline-block; text-align:center; ][b][u][URL=http://www.gildealpenland.de/t653f65379-Belohnungen-bei-Am-Fusse-des-Berges.html]Belohnungen ´Am Fusse des Berges´[/URL]
[/u][/b][URL=http://www.gildealpenland.de/f65379-Am-Fusse-des-Berges.html]
[img=280,140]https://files.homepagemodules.de/b779879/secure/resize/250x187/cC1pNGNMdDR1bnI6ZUdzW18tdTQzTDA0Mm5fOnlHRVtiLWs0ZExpNEtuUjoistgleich.jpg/1_tr_26_25/5c16d01377ed2061d0bc6622a6d32e45/f4850580/d600b6.jpg[/img][/URL] [/style][style=display:inline-block; text-align:center; ][b][u][URL=http://www.gildealpenland.de/t664f65459-Belohnungen-bei-Berglabyrinth.html]Belohnungen ´Berglabyrinth´[/URL][/u][/b]
 
[URL=http://www.gildealpenland.de/f65459-Berglabyrinth.html][img=280,140]https://files.homepagemodules.de/b779879/secure/resize/250x187/cFJpQmNRdDN1RHI2ZU1zc19SdUIzUTAzNERfNm1NT3NTUmZCZ1FZM3lESDYistgleich.jpg/1_tr_26_25/afe688ef6f1814cf1d80f623f724bee6/f4850580/eec95c.jpg[/img][/URL][/style]
 



Vielen Dank für die umfangreiche Hilfe, gleichzeitig Lehrstoff.
LG
sikookis


 Antworten

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