myGully.com - HTML Formatieren mit CSS

myGully.com (https://mygully.com/index.php)

- Webdesign (https://mygully.com/forumdisplay.php?f=415)

- - HTML Formatieren mit CSS (https://mygully.com/showthread.php?t=2311079)

HTML Formatieren mit CSS

Hi Forum,
ich arbeite mit Incomedia und möchte meine Texte gern etwas ansprechender formatieren.
Der Textbaustein bei dem Proggie ist sehr mager ausgestattet.
Ich habe z.B. meine Zeilenhöhe mit folgender CSS formatiert.

PHP-Code:


		
			
p.stil1 {

  display: block;

  font-size: 12px;

  margin: 0px;

  overflow: auto;

  padding: 20px;

  position: absolute;

white-space: pre-wrap;

line-height: 1.5em;

font-family:Arial, sans-serif;

  font-size:12px;

  

}

So sieht dann mein Text in HTML aus.

PHP-Code:


		
			
<p class="stil1">Galaktisch gute Stimmung 

bei KC Rote Funken BOCKUM-HÖVEL

Es hat gute Tradition im Karneval, eine „Rakete“ starten zu lassen, 

wenn ein Showact Beifall verdient.</p>

Sieht Super aus im Web. Nun aber zu meinem Problem.
Ich möchte im Text einige Zeilen zentriert darstellen. Nur zwischen "p" und "p"
kann ich kein weiteres "p" einfügen.

PHP-Code:


		
			
Also <p class="zentriert"> Zentrierter Text</p> geht nicht.

Was ist zu tun?
Grüße Kamener

Moin.
Mach es mit einer id, kaskadiere die Elemente, oder benutze HTML-Tags <center></center>.
mfg

sirleo

Zitat:

Zitat von sirleo (Beitrag 22279725)

Moin.
Mach es mit einer id, kaskadiere die Elemente, oder benutze HTML-Tags <center></center>.
mfg

sirleo

:( Das funktioniert so leider nicht. Keine Ahnung ob es an dem Programm liegen könnte! Ich füge einen HTML Baustein ein, das geht. Aber wie erwähnt, wenn ich innerhalb des gleichen Bausteines etwas zentrieren will, das geht nicht.
Text in rot, unterstrichen usw. alles kein Problem. Nur eben nicht zentriert.
Grüße Kamener

Hi!
Ich muss mich bei dir entschuldigen, ich habe in meinem 1.post <p> und <div> verwechselt.

<p> hat semantische Bedeutung,dh du benutzt es um Texte zu gruppieren
-> 2 <p> elemente ineinander ist schlecht.
<div>hingegen hat keine semantische Bedeutung.

Grunsätzlich gilt aber das was ich oben gesagt habe, wird vor allem interessant wenn du mittels :hover arbeitest, dann gibt es auf einmal die möglichkeit Dropdownmenues ohne JS zuerzeugen.

Was du wahrscheinlich vergessen hast ist, die weite anzugeben.
hier mal ein Beispiel: (klammere width in .intern aus und du hast es nicht mehr zentriert)
CSS

HTML

P.s.:
Da <p> semantische Bedeutung hat , solltest du es in Zusammenhang mit CSS nicht verwenden, wird zwar immer noch häufig gemacht, ist auch nicht falsch, aber als webentwickler wird dein Leben einfacher wenn du Elemente ohne Semantische Bedeutung nimmst wie <div><span>,... und den Rest per CSS regelst.
<center> hat zwar auch semantische Bedeutung und wurd von mir vorgeschlagen aber du hast ja nur nach möglichkeiten gefragt.