text-align funktioniert nicht?

Hey Leute, ich versuche zurzeit eine Website mit Atom zu erstellen. HTML und CSS.

Ich brauch zurzeit den "Command" text-align. Aber irgendwie funktioniert dieser nicht. Und wir nicht mal aufgelistet. Woran liegt das?

http://prntscr.com/k67npb

Answer 1

[threadi]

Was bei dir nicht funktioniert ist dein Editor Atom. Du kannst CSS-Eigenschaften (das sind keine "Commands") auch einfach per Hand eingeben ohne Hilfsmittel zu verwenden. Also schreib einfach "text-align", gib ihm den gewünschten Wert und gut ist.

Woher ich das weiß: Berufserfahrung

Comments

[BlizzFX]

Okai danke, hab es schon so eingegeben leider passiert nichts :/

[threadi]

@BlizzFX

Was soll da auch passieren, wenn Du die Eigenschaft einfach in einen Text rein schreibst? Du musst dir das Ergebnis auch im Browser anschauen.

[BlizzFX]

@threadi

Ja, schon klar :D Tu ich. Aber auf der Website b.z.w Browser verschiebt es sich nicht in die Mitte :/

[threadi]

@BlizzFX

Ohne Link zur Seite kann man dir dabei nicht helfen.

[BlizzFX]

@threadi

file:///C:/Users/lugia/Desktop/Website/index.html#equipment

[BlizzFX]

@threadi

Yaa guut, das hat wohl nicht so geklappt. Ups ^^

[threadi]

@BlizzFX

Niemand kann auf deine Festplatte gucken. Lade die Seite irgendwo hoch und zeig hier den Link. Es gibt dafür auch kostenfreien Webspace, wie z.B. hier: https://www.meine-erste-homepage.com/webspace_gratis.php

[BlizzFX]

@threadi

https://files.000webhost.com/

[threadi]

@BlizzFX

Da kann man sich nur einloggen. Das hilft nicht weiter. Vlt. solltest Du dich eher mal etwas mehr mit der Materie beschäftigen, denn dir hierbei zu helfen kann müßig sein.

[BlizzFX]

@threadi

Yee, glaub ich auch. Man fängt immer klein an :D Ups

[BlizzFX]

@threadi

http://prntscr.com/k6825w http://prntscr.com/k682bv http://prntscr.com/k682ge http://prntscr.com/k682jp

[threadi]

@BlizzFX

Vor dem text-align fehlt ein ; hinter der Angabe zur Höhe.

[redirect]

@BlizzFX

Du solltest keine Leerzeichen in IDs verwenden.

[BlizzFX]

@threadi

Ohh, das hab ich nicht gewusst :/ Es hat geklappt! Vielen, vielen dank dir! :)

[BlizzFX]

@redirect

Warum genau? Aber danke dir

[baobob]

@BlizzFX

(Nicht nur) Für den Anfang ist es übersichtlicher, wenn du jede CSS-Anweisung in eine eigene Zeile schreibst. Dann fallen auch fehlende Semikola eher auf.

[threadi]

@BlizzFX

Das ist Vorgabe durch die HTML-Regeln. Siehe: https://code.i-harness.com/de/q/113b3

[BlizzFX]

@baobob

Yaaa, das hab ich schon gemerkt. Hab es jetzt nur bei den CSS-Anweisungen so gemacht. Weil ich dachte das es deutlich leichtere Anweisungen sind :D

[BlizzFX]

@threadi

Ahh okai, danke :)

Answer 2

[baobob]

Da fehlt ein Semikolon am Ende der vorhergehenden Zeile.

Comments

[BlizzFX]

http://prntscr.com/k67ppa

Funktioniert leider trotzdem nicht :/

[baobob]

@BlizzFX

Also bei mir funktioniert's:

http://datensphaere.de/center.html

[BlizzFX]

@baobob

Hmmm, ich versteh es nicht :/ Auch mit der CSS Eigenschaft "text-align: center;"?

[baobob]

@BlizzFX

Sieh dir den Quelltext an.

Aber wie threadi schon schrieb: ohne deinen HTML- und CSS-Code im ganzen zu sehen, kann man schlecht sagen, wo es bei dir hakt.

[BlizzFX]

@baobob

Sollte das so besser klappen? https://files.000webhost.com/

Answer 3

[redirect]

• Das der nicht aufgelistet wird liegt an Atom
• Da fehlen teilweise ;
• Bei solchen Fragen ist es immer sinnvoll den kompletten Code zu posten (wenn möglich) damit man das nachstellen und verbessern kann
• "irgendwie funktioniert nicht" ist ne doofe Beschreibung. Beschreibe was nicht funktioniert, macht es einfacher dir zu helfen und spart den Leuten Zeit die dir helfen wollen (bei optischen Sachen sind Screenshots immer toll und ne Beschreibung was da anders sein soll).

Woher ich das weiß: Berufserfahrung

Comments

[BlizzFX]

Okai, vielen dank! https://files.000webhost.com/

[redirect]

@BlizzFX

Zum Code sharen (für Fragen) eignet sich https://pastebin.com/