Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Aufteilung einer ´SimpleTextBox´ in 2 oder 3 Spalten möglich?
#1 Aufteilung einer ´SimpleTextBox´ in 2 oder 3 Spalten möglich?
Board: 779879
gildealpenland.de
Wenn man auf die Startseite von gildealpenland.de geht, sieht man sowohl links wie auch rechts:
- mit ´<div style="height:800px;width:600px;overflow:auto;">´ wurde Breite und Höhe einer TextBox erweitert.
- links bei ´Letzte Aktionen im Forum´ und rechts bei ´Neueste Karten´ ist das durchaus gewünscht und auch notwendig.
- Zwangsläufig werden die anderen Textboxen ebenfalls "geweitet". Stört auch nicht weiter.
Bezüglich Platzausnutzung bin ich nun auf die Idee gekommen, dass man eine weniger befüllte Textbox (hier: ´Karten den Kartenersteller´) in 2 oder mehr Spalten aufteilen kann. Ist das möglich?
#3 RE: Aufteilung einer ´SimpleTextBox´ in 2 oder 3 Spalten möglich?
Man könnte z.B. eine Tabelle in Deinen Div Container setzen:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div style="font-weight:bold;text-align:center;height:345px;width:620px;overflow:auto;">
<table style="width:100%;">
<colgroup>
<col style="width: 25%;">
<col style="width: 25%;">
<col style="width: 25%;">
<col style="width: 25%;">
</colgroup>
<tbody>
<tr>
<td><a href="https://www.gildealpenland.de/f68764-ann.html">Ann75</a></td>
<td><a href="https://www.gildealpenland.de/f68069-bigbang.html">bigbang36</a></td>
<td><a https:="" www.gildealpenland.de="" f68033-bob.html"="">Bob01</a></td>
<td><a href="https://www.gildealpenland.de/f68063-Bogini.html">Bogini</a></td>
</tr>
<tr>
<td><a href="https://www.gildealpenland.de/f68145-Brockenhexe.html">Brockenhexe56</a></td>
<td><a href="https://www.gildealpenland.de/f68112-computermi.html">computermi</a></td>
<td><a href="https://www.gildealpenland.de/f68147-ElmoBank.html">ElmoBank</a></td>
<td><a href="https://www.gildealpenland.de/f68812-Final-Fantasy.html">FinalFantasy</a></td>
</tr>
....
....
....
</tbody>
</table>
</div>
Hier im Beispiel habe ich eine vier spaltige Tabelle genommen,weil Du die Breite der Box auf 620px gewählt hast und da ganz gut vier User in einer Reihe passen.
Das kann man alles noch verändern.
Gruß
Olaf
#4 RE: Aufteilung einer ´SimpleTextBox´ in 2 oder 3 Spalten möglich?
Ui, vielen Dank, das war sehr hilfreich. Meine Umsetzung:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div style="font-weight:bold;text-align:left;height:345px;width:620px;overflow:auto;">
<table style="width:100%;">
<colgroup>
<col style="width: 50%;">
<col style="width: 50%;">
</colgroup>
<tbody>
<tr>
<td><a href="https://www.gildealpenland.de/f68034-Androidin.html">Androidin</a></td>
<td><a href="https://youtu.be/OK46pC5JUEM">Karten ins Forum bringen - Video</a></td>
<br>
</tr>
<tr>
<td><a href="https://www.gildealpenland.de/f68764-ann.html">ann75</a></td>
<td><a href="https://www.youtube.com/watch?v=_wHzGClgF3A">Karten für dso erstellen - Video</a></td>
<br>
</tr>
Was noch fehlt: Leerzeile zwischendrin. Die <br>´s im obigen Code bewirken nur, dass mehrere Leerzeilen zu Beginn des <tbody> (?) ausgegeben werden. Zu sehen auf der Startseite von gildealpenland.de
Ausserdem müsste bei Klick auf die Links der betreffende Link dann in einem neuen Browsertab öffnen.
Herzliche Grüße
sikookis
Ich habe am Anfang eine Style-Anweisung gemacht,die Abstände unter den Zeilen erzeugt.Ich habe sie auf 8px gesetzt,kannst Du natürlich nach Deinem Geschmack ändern.
Die Links habe ich mit den Zusatz target="_blank" ergänzt,der dann beim draufklicken eine neue Seite öffnet.
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style>#kartenersteller tr td{padding-bottom: 8px;}</style>
<div style="font-weight:bold;text-align:left;height:345px;width:500px;overflow:auto;">
<table id="kartenersteller" style="width:100%;">
<colgroup>
<col style="width: 45%;">
<col style="width: 55%;">
</colgroup>
<tbody>
<tr>
<td><a href="https://www.gildealpenland.de/f68034-Androidin.html">Androidin</a></td>
<td><a href="https://youtu.be/OK46pC5JUEM" target="_blank">Karten ins Forum bringen - Video</a></td>
</tr>
<tr>
<td><a href="https://www.gildealpenland.de/f68764-ann.html">ann75</a></td>
<td><a href="https://www.youtube.com/watch?v=_wHzGClgF3A" target="_blank">Karten für dso erstellen - Video</a></td>
</tr>
</tbody>
</table>
</div>
Gruß
Olaf
#6 RE: Aufteilung einer ´SimpleTextBox´ in 2 oder 3 Spalten möglich?
Ohne dich wäre ich aufgeschmissen, Olaf. Ich bin noch ganz am Anfang, Forencodes und HTML zu nutzen, geschweige denn, es zu programmieren.
Deine Lösung ist perfekt. Und ich lerne. Danke sehr.
Mir ist aufgefallen:
Bei Einstellung von ´width:400px´ sowohl auf der linken Seite bei ´Kartenersteller´ als auch rechts bei ´Neueste Karten´ bildet sich keine horizontale Bildlaufleiste. Es wird ein Zeilenumbruch generiert wenn der eingegebene Text länger ist - was nicht gewünscht ist..
Bei meinem 4k-Monitor ist das wenig störend, wenn ich ´width:400px´ auf ´width:600px´ (oder so) setze. Die Anzeige erzeugt dann keinen Zeilenumbruch, weil die Textbox breit genug ist (Die ´Statistiken´ auf der rechten Seite passen sich dem Monitor allerdings auch bei 4k nicht an).
Die meisten Monitore der Nutzer haben jedoch 1920x1080 Auflösung und erforden ´width:400px´. Da wäre eine horizontale Bildlaufleiste äusserst nützlich.
(Die ´Statistiken´ auf der rechten Seite passen sich dem Monitor allerdings auch bei 1920x1080 nicht an).
Läßt sich das zu guter letzt auch noch realisieren?
LG
sikookis
#7 RE: Aufteilung einer ´SimpleTextBox´ in 2 oder 3 Spalten möglich?
Das mit der Box ´Statistiken´ habe ich hinbekommen.
Weiterhin habe ich es immerhin bei ´Kartenersteller´ und bei ´Neueste Karten´mit:
... overflow-y:auto;overflow-x:scroll; ...
hinbekommen, dass sich eine horizontale Bildlaufleiste bildet.. Allerdings wird der Text nach wie vor umgebrochen und nicht in 1 (horizontal scrollbare) Zeile dargestellt.
´hidden´ zum Abschneiden des Textes hilft auch nicht. Ein funktionierendes ´scroll´ wäre auch viel besser.
Ein <nobr> ... </nobr>, z.B. in (bei: ´Kartenersteller´:
2
<td><a href="https://www.gildealpenland.de/f68033-Bob.html"target="_blank">Bob01</a></td>
<td><a href="https://www.youtube.com/watch?v=WsUES1VLUuE" target="_blank"><nobr>Kolonie lernen 3 Kleine PvP-Kolonie - Video</nobr></a></td>
endet damit, dass sich die zu lange Textzeile zunächst nicht aus der Box ´schiebt´ und die horizontale Bildlaufleiste in Aktion tritt, sondern die zweite Spalte der Tabelle ist verbreitert.
Dies wohl so lange, bis die Textzeile links an die erste Tabellenspalte heranreicht. Es fehlt also der Abstand nach dorthin.
Es hilft nicht, die %-uale Aufteilung der Tabellenspalten anzupassen.
LG
sikookis
Nun habe ich es hinbekommen, wenn auch nicht elegant.
Es wurde eine 3. Spalte in die Tabelle eingefügt, die ein paar feste Leerzeichen enthält (& # 160 ; ) und so den nötigen Abstand zwischen 1. und 3. Spalte herstellt.
2
3
4
5
6
7
8
9
10
11
<colgroup>
<col style="width: 55%;">
<col style="width: 2%;">
<col style="width: 43%;">
</colgroup>
<tbody>
<tr>
<td><a href="https://www.gildealpenland.de/f68034-Androidin.html">Androidin</a></td>
<td> </td>
<td><a href="https://youtu.be/OK46pC5JUEM" target="_blank"><nobr> Karten ins Forum bringen - Video<nobr></a></td>
</tr>
Weiss nicht, ob es eine elegantere Methode gibt.
Nochmals vielen Dank für deine Hilfe, Olaf.
#9 RE: Aufteilung einer ´SimpleTextBox´ in 2 oder 3 Spalten möglich?
Von Deinen Boxen werde ich langsam schwindelig..
Wenn ich die rechte Box "Neueste Karten" den Inhalt lesen will,muß ich für jede einzelne Zeile den untersten Scrollbalken ständig nach rechts und links bewegen.
Ich würde sowas nicht machen.Entweder Zeilenumbruch oder kürzere Sätze.Den User würde es nur nerven.
Und das Element "nobr" in der Box "Kartenersteller " sollte nicht mehr benutzt werden,weil das Element nicht zu den Standard-HTML gehört.Dafür gibt es die CSS Anweisung "white-space: nowrap;".
Gezwungene Leerzeichen braucht man für die zweite Spalte nicht zu machen,weil der zweite Eintrag in der colgroup die Breite ja schon angibt.Es braucht dafür nur "<tr></tr>" eingesetzt werden,damit die Spalte erzeugt wird.
So würde ich es machen ohne horizontalen Scrollbalken:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<style>#kartenersteller tr td{padding-bottom: 18px;}</style>
<div style="font-weight:normal;text-align:left;height:300px;width:400px;overflow:auto,">
<table id="kartenersteller" style="width:100%;">
<colgroup>
<col style="width: 10%;">
<col style="width: 6%;">
<col style="width: 84%;">
</colgroup>
<tbody>
<tr>
<td><a href="https://www.gildealpenland.de/f68034-Androidin.html">Androidin</a></td>
<td></td>
<td><a href="https://youtu.be/OK46pC5JUEM" target="_blank"> Karten ins Forum bringen - Video</a></td>
</tr>
<tr>
<td><a href="https://www.gildealpenland.de/f68764-ann.html">ann75</a></td>
<td></td>
<td><a href="https://www.youtube.com/watch?v=_wHzGClgF3A" target="_blank"> Karten für dso erstellen - Video</a></td>
</tr>
<tr>
<td><a href="https://www.gildealpenland.de/f68145-Brockenhexe.html">Brockenhexe </a></td>
<td></td>
<td><a href="https://de.tsomaps.com/tools/tsow/" target="_blank"> TSOW - Äusserst hilfreich (Download-Link hier) (Video dazu hier drunter)</a></td>
</tr>
<tr>
<td><a href="https://www.gildealpenland.de/f68075-Massive-Dynamic.html">MassiveDynamic</a></td>
<td></td>
<td><a href="https://de.tsomaps.com/tools/tsow/" target="_blank"> TSOW - Äusserst hilfreich (Download-Link hier) (Video dazu hier drunter)</a></td>
</tr>
</tbody>
</table>
</div>
Gruß
Olaf
#10 RE: Aufteilung einer ´SimpleTextBox´ in 2 oder 3 Spalten möglich?
Vielen Dank für alle deine nützlichen Tipps.
Bezüglich rechter Box ´Neueste Karten´ hast du natürlich recht:
Wenn man den Inhalt zur Gänze lesen will, muß man den unteren Scrollbalken nach rechts/links bewegen.
Im speziellen Fall dieser Box ist es jedoch zu 85 - 90% notwendig, nur den Text lesen zu können, der in die Box passt.
Warum dann ein längerer Text? Es verbleiben noch 10 - 15%, die es manchmal notwendig machen, den ganzen Text zu lesen.
Und dann kann man sich schon die Mühe machen, den Scrollbalken zu bedienen.
Liebe Grüße, danke nochmals und schönes Wochenende
sikookis
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software