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.
Blocksatz seitlich begrenzen
Ich möchte in einer Simple-Text-Box einen Text, als Blocksatz einbringen.
Das funzt eigentlich gut, doch verteilt sich der Blocksatz auf die ganze Foren-, bzw. Seitenbreite.
Liesse sich das per HTML-Code begrenzen,
sodass der Blocksatz zwar mittig, aber mit mehr Rand nach Aussen angezeigt wird?
Will heissen; Kann ich dem Blocksatz irgendwie beibringen, dass er beispielsweise nur 800px breit sein darf?
(Die Höhe ergibt sich ja dann automatisch mit der Grösse der Schrift und der Menge des Textes.)
#2 RE: Blocksatz seitlich begrenzen
Blocksatz (justify)
Max Breite auf 80%
Rechts und Links 20px
2
3
4
5
<div style="text-align: justify; max-width: 80%; margin: 0 20px;">
<!--
Hier den Text einfügen
-->
</div>
Oder mittig
2
3
4
5
6
7
<center>
<div style="text-align: justify; max-width: 80%; ">
<!--
Hier den Text einfügen
-->
</div>
</center>
Darf man in diesen Code auch noch Farbe und Schriftgrösse mit einpacken,
oder muss das separat aufgelistet werden? Funzt so irgendwie nicht.
2
3
4
5
6
7
8
9
<center>
<div style="color: #C0C0C0; font-size:11px; text-align: justify; max-width: 80%;">
<!--
Mehrzeiliger Text
-->
</div>
</center>
#4 RE: Blocksatz seitlich begrenzen
Was funktioniert nicht?
Nur das color oder garnichts?
Die Kommentarzeichen <!-- und → musst du natürlich weg lassen bzw nur für Kommentare verwenden.
2
3
4
5
6
7
8
<center>
<div style="color: #C0C0C0; font-size:11px; text-align: justify; max-width: 80%;">
<!-- das ist ein Kommnetar -->
Mehrzeiliger Text
</div>
</center>
Andere Variante:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style>
.meinebox1 {
color: #C0C0C0;
font-size:11px;
text-align: justify;
max-width: 80%;
}
</style>
<center>
<div class="meinebox1 ">
<!-- das ist ein Kommnetar -->
Mehrzeiliger Text
</div>
</center>
Zitat von Mike48 im Beitrag #4
Was funktioniert nicht? Nur das color oder gar nichts?
Zuerst mal gar nichts, ausser dem Titel.
Zitat von Mike48 im Beitrag #4
Die Kommentarzeichen <!-- und → musst du natürlich weg lassen bzw nur für Kommentare verwenden.
Denke, Das war das Problem. Hab's weggelassen und dann ging's.
Nun sieht's auf meinem 27"-Monitor genau so aus, wie ich's wollte.
Bei Frauchens 22"er allerdings nicht mehr,
denn die von mir vorgegebenen 18% beziehen sich wohl auf die Monitor-Breite.
Ergo; Der Blocksatz wird dadurch auch kleiner in der Breite
und die Anzahl Buchstaben (Zeichen) pro Zeile verändern sich damit logischerweise auch.
Der Einfachheit halber, stell ich hier mal den ganzen Block ein.
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<center>
<div style="color: #C0C0C0; font-size:11px; text-align: justify; max-width: 18%;">
<b>rrevoque.ch</b> ist die erste Schweizer Community über den Range Rover Evoque.
Der Austausch von Erfahrungen, Empfehlungen, Fotos,
wie auch das planen und durchführen von gemeinsamen Ausflügen,
nimmt dabei klar den grössten Stellenwert ein.
Der Evoque, in all seinen zahlreichen Ausführungen ist zweifellos ein grossartiges Auto mit dem gewissen Etwas.
Diese sportliche und gepflegte Eleganz, soll sich natürlich auch im Umgangston im rrevoque.ch widerspiegeln.
Selbstverständlich dürfen sich auch Eigentümer eines anderen Land- bzw. Range Rover Models registrieren.
Ebenso Interessierte, welche mit einem Kauf eines Evoque liebäugeln und sich hier informieren wollen.
Als Gast hast du allerdings nur begrenzte Leserechte. Dies, zum Schutz der Privatsphäre aller Mitglieder im Forum.
Für Anregungen hat rrevoque.ch natürlich stets ein offenes Ohr,
denn das Mitspracherecht und die Individualität jedes einzelnen Mitglieds ist uns wichtig. Es würde uns freuen, auch Sie als Member dafür begeistern zu können.
In diesem Sinne; Willkommen und viel Spass & Freude in unserer Community.</div></center>
Der "Schlüssel-Satz" ist der Erste:
rrevoque.ch ist die erste Schweizer Community über den Range Rover Evoque.
Dieser sollte auf allen Monitor-Grössen, ohne Trennung ausgeschrieben sein.
Die nachfolgenden Zeilen (Blocksatz) müssten sich in der Breite diesem ersten Satz angleichen.
Damit würde es auf allen Monitoren wohl einheitlich aussehen.
Muss man nun auch noch irgendein Zeichen-Begrenzer pro Zeile ainbauen?
Entweder am Zeilenende ein <br> einfügen und/oder Absätze in <p> . . . </p> setzen.
Ich habe deinen Text mal formiert auf die Breite der Überschrift.
Zeilenumbruch kann man mit white-space:nowrap; verhindern
Zu empfehlen und zu studieren ist:
https://wiki.selfhtml.org
Da findet man so ziemlich alles was man braucht um html Seiten zu erstellen.
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
33
<style>
#meintext_1 {
max-width: 26em;
}
.meinheaderfooter {
color: #C0C0C0;
font-size:11px;
text-align: justify;
white-space:nowrap;
margin: 8px 0;
}
#meintext_1 p {
color: #C0C0C0;
font-size:11px;
text-align: justify;
padding: 5px 0
}
</style>
<center id="meintext_1">
<div class="meinheaderfooter ">
<b>rrevoque.ch</b> ist die erste Schweizer Community über den Range Rover Evoque.
</div>
<p>Der Austausch von Erfahrungen, Empfehlungen, Fotos, wie auch das planen und durchführen von gemeinsamen Ausflügen, nimmt dabei klar den grössten Stellenwert ein.</p>
<p>Der Evoque, in all seinen zahlreichen Ausführungen ist zweifellos ein grossartiges Auto mit dem gewissen Etwas. Diese sportliche und gepflegte Eleganz, soll sich natürlich auch im Umgangston im rrevoque.ch widerspiegeln. Selbstverständlich dürfen sich auch Eigentümer eines anderen Land- bzw. Range Rover Models registrieren. Ebenso Interessierte, welche mit einem Kauf eines Evoque liebäugeln und sich hier informieren wollen. Als Gast hast du allerdings nur begrenzte Leserechte. Dies, zum Schutz der Privatsphäre aller Mitglieder im Forum.</p>
<p>Für Anregungen hat rrevoque.ch natürlich stets ein offenes Ohr, denn das Mitspracherecht und die Individualität jedes einzelnen Mitglieds ist uns wichtig. Es würde uns freuen, auch Sie als Member dafür begeistern zu können.
</p>
<div class="meinheaderfooter ">
In diesem Sinne; Willkommen und viel Spass & Freude in unserer Community.
</div>
</center>
Hab' das grad' 1:1 übernommen. Jetzt passt's auf allen Monitoren bestens.
Musste nur als Erstes noch ein
<center>
einfügen, weil das ganze am linken Bildrand klebte.
Dann noch den Wert des
max-width: 26em;
auf 37 erhöhen und ... Bingo!
Deine Zeilenumbrüche find' ich gut, denn es ehöht die Lesbarkeit doch merklich.
Ich staune immer wieder ob deiner Versiertheit bezüglich Codes. CHAPEAU
Bei Dingen wie "meinheaderfooter", "meintext" und einigen anderen, muss ich oft einfach passen.
Ich lerne zwar gerne dazu, muss manchmal aber den Spruch "Schuster, bleib' bei deinen Leisten" beherzigen.
Fehler meinerseits
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
33
34
35
<style>
#meintext_1 {
max-width: 37em;
}
.meinheaderfooter {
color: #C0C0C0;
font-size:11px;
text-align: justify;
white-space:nowrap;
margin: 8px 0;
}
#meintext_1 p {
color: #C0C0C0;
font-size:11px;
text-align: justify;
padding: 5px 0
}
</style>
<center>
<div id="meintext_1">
<div class="meinheaderfooter ">
<b>rrevoque.ch</b> ist die erste Schweizer Community über den Range Rover Evoque.
</div>
<p>Der Austausch von Erfahrungen, Empfehlungen, Fotos, wie auch das planen und durchführen von gemeinsamen Ausflügen, nimmt dabei klar den grössten Stellenwert ein.</p>
<p>Der Evoque, in all seinen zahlreichen Ausführungen ist zweifellos ein grossartiges Auto mit dem gewissen Etwas. Diese sportliche und gepflegte Eleganz, soll sich natürlich auch im Umgangston im rrevoque.ch widerspiegeln. Selbstverständlich dürfen sich auch Eigentümer eines anderen Land- bzw. Range Rover Models registrieren. Ebenso Interessierte, welche mit einem Kauf eines Evoque liebäugeln und sich hier informieren wollen. Als Gast hast du allerdings nur begrenzte Leserechte. Dies, zum Schutz der Privatsphäre aller Mitglieder im Forum.</p>
<p>Für Anregungen hat rrevoque.ch natürlich stets ein offenes Ohr, denn das Mitspracherecht und die Individualität jedes einzelnen Mitglieds ist uns wichtig. Es würde uns freuen, auch Sie als Member dafür begeistern zu können.
</p>
<div class="meinheaderfooter ">
In diesem Sinne; Willkommen und viel Spass & Freude in unserer Community.
</div>
</div>
</center>
Mir ist inzwischen aufgefallen, dass der im IE-Browser angezeigte Blocksatz zwar richtig ist,
im Google-Browser allerdings nicht mehr.
Die Einteilung hat sich, für mich nicht wirklich nachvollziehbar, unvorteilhaft verändert.
'Ne Ahnung, warum das so ist?
#11 RE: Blocksatz seitlich begrenzen
Anfänglich war das eigentlich nicht so. Da sah's im IE und Google gleich aus.
Was aber nervte, war das mittige hin- und herfahren des Forentitels.
Sami fand dann heraus, dass der rechte Scrollbalken die Ursache war,
da er auf einigen Seiten da war und auf einigen eben nicht.
Das veränderte dummerweise, je nach Reiter-Wahl auch die Mittigkeit des Logos.
Also setzten wir den CSS-Befehl, sodass der Scrollbalken überall präsent war
2
3
body {
overflow-y: scroll;
}
und der Titel blieb dann auf allen Seiten an derselben Stelle.
Nun vermute ich, dass sich das irgendwie auf den Blocksatz auswirkte.
Kann es aber erst morgen im Geschäft testen. Meld' mich dann wieder.
Hab's geprüft; Hat nichts mit diesem Code zu tun.
Das war eigentlich das Einzige, was ausser dem Foren-Update nachträglich verändert wurde.
Was mich wurmt, ist die Tatsache, dass es im Dezember auf IE und Google gleich aussah
und nun, ohne mein wissentliches Zutun eben anders.
Ob ich am, anfänglich erfolgreichen CSS-Code nun trotzdem noch 'was verändern muss? Bin am Berg ...
- 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