Tutorial HTML, CSS u. PHP - Forum

[SAW F1ghtM4ch1ne]

hey ho freunde..ich nochmal
also ich wollt das ne überschrift zentral auf der site steht..aber nach mehrmaligem versuchen bekomm ichs nich hin

hier mal kurz der betreffende abschnitt:
<h1><b>Herzlich Willkommen!</b></h1>
<style type="text/css"> {textalign:center;}</style>

kann mir bitte jemand sagen wo mein fehler liegt??wäre nett

danke im vorraus

[lauras]

Du scheinst einige Grundlagen nicht verstanden zu haben :/

1. <b> ist veraltet und wird nicht mehr benutzt.
2. Man macht eine extra-Datei für Style und HTML - selbst wenn nicht, so steht der style-Tag im head und deine anderen Tags im body!
3. es heißt text-align, nicht textalign
4. du musst schon definieren wofür jetzt das text-align gelten soll, z.B. p {text-align: center;} oder so.
5. h1 ist ein Blockelement, sprich du zentrierst es nicht mit text-align (das würde nur die Schrift innerhalb der Überschrift zentrieren - geht zwar, ist aber nicht korrekt). Du zentrierst also so: h1 { margin: 0 auto;}

Gruß
Laura

[SAW F1ghtM4ch1ne]

das heißt ich soll jetz h1{margin: 0 auto} in den head setzen??oder ne css-datei erstellen?hab gelesen dass man das auch innerhalb des html-dokuments machen kann =)
danke erstmal

[Flow Snow]

hab gelesen dass man das auch innerhalb des html-dokuments machen kann

Man kann auch rückwärts Auto fahren, es ist aber nicht der beste Weg, so sieht es hier auch aus, Aufteilung (HTML) und Design (CSS) immer trennen.

Man muss hier auch bedenken das ein Blockelement 100% Breite einnimmt, also sinnlos es einfach zu zentrieren, man muss schon eine Breite angeben.

Jetzt würde mich mal brennend interessieren warum man den Text in der Überschrift nicht zentrieren soll sondern die Überschrift, wenn man immer so denken würde wären relative Layouts doch ein Ding der Unmöglichkeit?

[SAW F1ghtM4ch1ne]

hm?wie meinste jetz??ich will einfach nur die überschrift mittig auf der seite ham..

[Flow Snow]

Dann musst du h1 { text-align: center; } setzen und das Ganze bitte auslagern:

HTML Datei:

Code: Alles auswählen

  <h1>Überschrift</h1>


CSS Datei:

Code: Alles auswählen

h1 {
  text-align: center;
}


Wie du CSS auslagerst erfährst du hier (3. Punkt)

[SAW F1ghtM4ch1ne]

DANKE..wenigstens einer der mir einfach erklärt wie ichs machen muss..bekommst ein gedankliches bienchen ;) das mit dem auslagern hab ich schon hinbekommen^^
danke nochmal *daumen hoch*

[lauras]

Jetzt würde mich mal brennend interessieren warum man den Text in der Überschrift nicht zentrieren soll sondern die Überschrift, wenn man immer so denken würde wären relative Layouts doch ein Ding der Unmöglichkeit?

Man kann schon - ich bin aber immer der Meinung, man sollte das machen, was man eigentlich will - und ich will ja die Überschrift zentrieren, und nicht Text in einem Block ;)
Kann aber je der machen wie er will, nur macht logisch keinen Sinn ;)

[SAW F1ghtM4ch1ne]

noch ne frage..wenn ich jetz nur einen text zentral stellen will..geht das oder nimmt der dann jeden text..oder gibts da sowas wie <p1> ??

[lauras]

Auch hier.. Grundlagen ;)

Schau dir mal etwas zu den Begriffen "class" und "ID" an

[Flow Snow]

Arbeite am Besten erst ein mal das Seminar komplett durch bevor du weiter fragst, tue dir und uns den Gefallen...