Fragen und Antworten » Blocksatz seitlich begrenzen

21.12.2018 17:08

Jim
#1 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.)

jimArt

Antworten

Beitrag melden

#2

21.12.2018 19:36 (zuletzt bearbeitet: 21.12.2018 19:37)

Mike48
#2 RE: Blocksatz seitlich begrenzen

Mike48

Blocksatz (justify)
Max Breite auf 80%
Rechts und Links 20px

1
2
3
4
5
 
<div style="text-align: justify; max-width: 80%; margin: 0 20px;">
  <!--
  Hier den Text einfügen
  -->
</div>
 

Oder mittig

1
2
3
4
5
6
7
 
<center>
  <div style="text-align: justify; max-width: 80%; ">
    <!--
    Hier den Text einfügen
    -->
  </div>
</center>
 

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#3

21.12.2018 22:27

Jim
#3 RE: Blocksatz seitlich begrenzen

Jim

Darf man in diesen Code auch noch Farbe und Schriftgrösse mit einpacken,
oder muss das separat aufgelistet werden? Funzt so irgendwie nicht.

1
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>
 

 

jimArt

Antworten

Beitrag melden

#4

21.12.2018 23:08 (zuletzt bearbeitet: 21.12.2018 23:19)

Mike48
#4 RE: Blocksatz seitlich begrenzen

Mike48

Was funktioniert nicht?
Nur das color oder garnichts?

Die Kommentarzeichen <!-- und → musst du natürlich weg lassen bzw nur für Kommentare verwenden.

1
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:

1
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>
 

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#5

22.12.2018 09:48

Jim
#5 RE: Blocksatz seitlich begrenzen

Jim

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.

1
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?

jimArt

Antworten

Beitrag melden

#6

22.12.2018 11:50

Mike48
#6 RE: Blocksatz seitlich begrenzen

Mike48

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.

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
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>
 

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#7

22.12.2018 12:49

Jim
#7 RE: Blocksatz seitlich begrenzen

Jim

Hab' das grad' 1:1 übernommen. Jetzt passt's auf allen Monitoren bestens.
Musste nur als Erstes noch ein

1
 
<center>

einfügen, weil das ganze am linken Bildrand klebte.
Dann noch den Wert des

1
 
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.

jimArt

Antworten

Beitrag melden

#8

22.12.2018 13:02

Mike48
#8 RE: Blocksatz seitlich begrenzen

Mike48

Fehler meinerseits

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
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>
 
 

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#9

22.12.2018 14:10

Jim
#9 RE: Blocksatz seitlich begrenzen

Jim

Jetzt funzt's prima! Danke dir.

jimArt

Antworten

Beitrag melden

#10

03.01.2019 09:45

Jim
#10 RE: Blocksatz seitlich begrenzen

Jim

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?

jimArt

Antworten

Beitrag melden

#11

03.01.2019 17:10 (zuletzt bearbeitet: 03.01.2019 17:11)

Jim
#11 RE: Blocksatz seitlich begrenzen

Jim

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

1
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.

jimArt

Antworten

Beitrag melden

#12

04.01.2019 08:05

Jim
#12 RE: Blocksatz seitlich begrenzen

Jim

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 ...