myGully.com Boerse.SH - BOERSE.AM - BOERSE.IO - BOERSE.IM Boerse.BZ .TO Nachfolger
Zurück   myGully.com > Webmaster Talk > Webdesign
Seite neu laden

HTML Formatieren mit CSS

Willkommen

myGully

Links

Forum

 
Antwort
Themen-Optionen Ansicht
Ungelesen 16.05.11, 14:18   #1
Kamener
Erfahrener Newbie
 
Registriert seit: Nov 2010
Beiträge: 154
Bedankt: 107
Kamener gewöhnt sich langsam dran | 95 Respekt Punkte
Standard 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 {
  
displayblock;
  
font-size12px;
  
margin0px;
  
overflowauto;
  
padding20px;
  
positionabsolute;
white-spacepre-wrap;
line-height1.5em;
font-family:Arialsans-serif;
  
font-size:12px;
  

So sieht dann mein Text in HTML aus.

PHP-Code:
<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 <class="zentriert"Zentrierter Text</pgeht nicht
Was ist zu tun?
Grüße Kamener
Kamener ist offline   Mit Zitat antworten
Ungelesen 16.05.11, 14:27   #2
sirleo
is poking \\Device\\Beep
 
Registriert seit: May 2011
Beiträge: 202
Bedankt: 84
sirleo ist noch neu hier! | 0 Respekt Punkte
Standard

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

sirleo
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
sirleo ist offline   Mit Zitat antworten
Ungelesen 16.05.11, 16:24   #3
Kamener
Erfahrener Newbie
 
Registriert seit: Nov 2010
Beiträge: 154
Bedankt: 107
Kamener gewöhnt sich langsam dran | 95 Respekt Punkte
Standard

Zitat:
Zitat von sirleo Beitrag anzeigen
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
Kamener ist offline   Mit Zitat antworten
Ungelesen 16.05.11, 21:51   #4
sirleo
is poking \\Device\\Beep
 
Registriert seit: May 2011
Beiträge: 202
Bedankt: 84
sirleo ist noch neu hier! | 0 Respekt Punkte
Standard

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.
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
sirleo ist offline   Mit Zitat antworten
Antwort


Forumregeln
Du kannst keine neue Themen eröffnen
Du kannst keine Antworten verfassen
Du kannst keine Anhänge posten
Du kannst nicht deine Beiträge editieren

BB code is An
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 18:12 Uhr.


Sitemap

().