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

3 Antworten

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

13.07.2018, 23:14

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

BlizzFX

Beitragsersteller

13.07.2018, 23:16

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

threadi

13.07.2018, 23:17

@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

Beitragsersteller

13.07.2018, 23:19

@threadi

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

threadi

13.07.2018, 23:19

@BlizzFX

Ohne Link zur Seite kann man dir dabei nicht helfen.

BlizzFX

Beitragsersteller

13.07.2018, 23:22

@threadi

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

BlizzFX

Beitragsersteller

13.07.2018, 23:23

@threadi

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

threadi

13.07.2018, 23:26

@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

Beitragsersteller

13.07.2018, 23:45

@threadi

https://files.000webhost.com/

threadi

13.07.2018, 23:46

@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

Beitragsersteller

13.07.2018, 23:47

@threadi

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

BlizzFX

Beitragsersteller

13.07.2018, 23:53

@threadi

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

threadi

13.07.2018, 23:57

@BlizzFX

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

redirect

14.07.2018, 00:01

@BlizzFX

Du solltest keine Leerzeichen in IDs verwenden.

BlizzFX

Beitragsersteller

14.07.2018, 00:01

@threadi

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

BlizzFX

Beitragsersteller

14.07.2018, 00:03

@redirect

Warum genau? Aber danke dir

baobob

14.07.2018, 00:03

@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

14.07.2018, 00:05

@BlizzFX

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

BlizzFX

Beitragsersteller

14.07.2018, 00:07

@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

Beitragsersteller

14.07.2018, 00:07

@threadi

Ahh okai, danke :)

baobob

13.07.2018, 23:16

Da fehlt ein Semikolon am Ende der vorhergehenden Zeile.

BlizzFX

Beitragsersteller

13.07.2018, 23:17

http://prntscr.com/k67ppa

Funktioniert leider trotzdem nicht :/

baobob

13.07.2018, 23:35

@BlizzFX

Also bei mir funktioniert's:

http://datensphaere.de/center.html

BlizzFX

Beitragsersteller

13.07.2018, 23:37

@baobob

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

baobob

13.07.2018, 23:37

@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

Beitragsersteller

13.07.2018, 23:46

@baobob

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

redirect

13.07.2018, 23:44

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

BlizzFX

Beitragsersteller

13.07.2018, 23:46

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

redirect

13.07.2018, 23:56

@BlizzFX

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

Ähnliche Beiträge

Html, CSS und JS Liste?

Guten Tag,

Wir müssen eine Einkaufsliste mit HTML, CSS und JS machen. Es soll in einer Liste aufgezählt werden, wenn man auf Hinzufügen drückt. Man soll es links eingeben können und das was man dort schreibt wird dann aufgelistet. Sobald man Hinzufügen gedrückt hat soll das Feld auf der linken Seite wieder geleert werden.

<ul >
 <li></li>
 <li></li>
</ul>

Es wäre top, wenn mir jemand helfen könnte :)

...zum Beitrag

HTML/CSS: Floats überlappen sich beim Minimieren, wie behebt man das?

Hallo,

ich bin dabei eine kleine Website zu erstellen. (Nicht online) Dabei habe ich mit dem Responsive Webdesign Probleme. Auf dem Smartphone, Tablet, Pc sieht die Seite gut aus. Jedoch, wenn ich das Browser-Fenster kleiner verschiebe, überlappen sich Bilder mit dem Text an einer Stelle. (Der Text ist speziell in Lists unterteilt.)

Hat mir jemand einen Rat? Die Bilder sind in Div-Boxen, der CSS Code dafür sieht ungefähr so aus:

    vertical-align: top;
    margin-right: xy
    margin-top: xy
    float: right;
    width: auto;

...zum Beitrag

HTML CSS bild verschieben funktioniert nicht?

Hey,
Ich möchte gerne das eine Bild nach links oben verschieben, nur weiß ich nicht wie. Hab auch schon padding, margin und align-item versucht nix hat funktioniert-_-.

schonmal danke im vorraus
Liebe Grüße
Lucas

...zum Beitrag

CSS Abstand um das Element entfernen?

Hallo,

Also ich wollte ein header erstellen, der in html so aussieht:

<div class="versand">
    <p>Versand ab 59€ Frei</p>
</div>

Nun hab ich ihm, folgende css eigenschaften gegeben:

.versand {
    color: white;
    text-align: center;
    background-color: black;
    width: 100%;
    height: 50px;
}

Warum ist jetzt ganz oben immer noch ein Abstand über dem Element?

...zum Beitrag

HTML / CSS: Meine div-Box-Breite passt sich automatisch dem Inhalt an?

Wie löse ich das Problem? Die div-Box soll immer die gleiche Breite behalten.

CSS-Code:

.btn-1 {
  text-transform: none;
  cursor: pointer;
  overflow: visible;
  font-family: inherit;
  line-height: inherit;
  padding: 20px 50px;
  color: white;
  background-color: #424242;
  border-color: #fff;
  transition-duration: 0.4s;
  border-radius: 15px !important;
  font-size: 1.3em !important;
  text-rendering: auto;
  word-spacing: normal;
  letter-spacing: normal;
  text-shadow: none;
  align-items: flex-start;
  font: 400 13.3333px Arial;
  border-width: 2px;
  border-style: outset;
  border-image: initial;
}

HTML:

<button data-shoppy-product="hzX6G9S" class="btn-1">Pay 15 €</button>

Unwichtig:

<script src="https://shoppy.gg/api/embed.js"></script>

...zum Beitrag

HTML/CSS Bilder hinter Text

Hallo Community,

ich arbeite zurzeit an einer kleinen Website (Privat) und würde gerne Bilder hinter Texte bzw. Schriften positioneren.Wenn ich es z.B. so angebe:

Willkommen!

Test Test Test Test Test

dann stehen h1 und p unter dem Bild :/ wie kann ich das ändern?

...zum Beitrag

Wie in HTML und CSS Texte und Bilder verschieben?

Hey! Ich habe angefangen mich mit dem erstellen von Websites zu beschäftigen. Ich bin noch ein sehr sehr blutiger Anfänger und Frage mich deshalb folgende Frage:

Wie in HTML & CSS Bilder & Texte verschieben?

Ich möchte nämlich einen Text & ein Bild von der oberen rechten Ecke, nach unten verschieben.

Ich habe das auch schon mit Padding-Top & Right probiert, jedoch verschiebt sich dann der Rest (NavBar & anderer Text) mit nach unten. Wie löse ich das problem?

Ich nutze Visual Studio Code.

...zum Beitrag

Text unsichtbar html css?

Hi, ich prgrammiere eine website in html und css.

ich habe einen container und eine box erstellt und will dass man nur das hintergundbilt und ein text sieht sieht und wenn man drauf geht mit :hover dass dann ein andere text erscheint. wäre dass möglich?

...zum Beitrag

Wieso funktioniert die CSS-Datei nicht?

Ich muss bis nächste Woche eine HTML-Website erstellen, und wollte meinem HTML-Dokument ein Stylesheet hinzufügen, jedoch wird das Stylesheet nicht übernommen, was ist der Grund dafür?

Hier sind Screenshots vom Code:

HTML:

CSS:

Kann mir bitte jemand sagen, woran der Fehler liegt?

...zum Beitrag

CSS background gif UND background color?

Halloo, Eine Frage zu CSS, wie man im Titel schon erkennen kann :)

Undzwar habe ich folgendes Programm geschrieben:

html, body {
 margin: 0;
 padding: 0;
}

.hintergrund {
 background: url(bla.gif) no-repeat center center;
 background-size: cover;
 height: 350px;
 text-align: center;
}

So, mein Wunsch wäre es unter dem Gif noch die Hintergrundfarbe zu ändern.. Weiß jmd wie das funktioniert?

...zum Beitrag

Eingabefeld als Marquee ausgeben HTML?

Hey,

ich möchte eine Website programmieren bei der, der in ein Textfeld eingegebene Text sofort als Marquee/Laufschrift groß auf der Website angezeigt wird. Am besten wäre wenn das ganze nur mit HTML und CSS läuft.

Danke im voraus ^^

...zum Beitrag

Divs in Css nicht überlappen?

Hallo leute, wie schafft man es das sich in html/css 2 divs nicht überlappen können und auch z.b kein text dahinter kann damit auf smartphones textumbrüche gemacht werden und nicht 3 divs ineinander sind sondern alle 3 untereinander aufgelistet sind LG

...zum Beitrag

HTML Navigation Bar Text Farbe ändern?

hey leude

Ich habe meine eigene Website gemacht, jetzt hab ich ein Problem ich möchte die Navigation bar den text dort in schwarz färben... habe schon bei css im header, nav, nav li probiert

CSS

.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:70px;
  height:70px;
  margin-right: 20px;
}

#wrapper {
    width: 960px;
    margin: center;
    font-family: arial, sans-serif
}
    
}

body {
    background-color: #8db6cd;
    
}

header {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 125px;
    text-align: center;
    text-color: black;
}

nav {
    text-align: center;
     text-color: black;
    
}

nav li {
    display: inline;
    margin-right: 40px;
    text-color: black;
}

a {
    color: #777;
    text-decoration: none;
    font-family: arial, sans-serif
}



section {
    width: 620px;
    height: 530px;
    float: left;
    background: lightgray;
    border: 1px solid #000000;
}


aside {
    width: 310px;
    height: 550px;
    float: right;
    background: darkorange;
    border: 1px solid #000000;
}

...zum Beitrag

CSS-Datei in MacOS erstellen?

Hallo.

Wir haben gerade in der Schule die Hausaufgabe eine HTML "Website" zu erstellen. Wir haben dafür auch eine Anleitung bekommen. Um die HTML Datei genauer zu bearbeiten sollen wir eine CSS Datei einbinden.

In der Schule ging das ganz einfach am Windows Rechner in dem man in Notepad ++ eine weitere Datei mit dem Suffix (Format)".css" speichert.

Bei mir zu Hause mit dem integrierten TextEditor unter macOS funktioniert das aber irgendwie nicht, da ich nur auswählen kann welches Dateiformat ich zur Speicherung verwenden möchte. CSS wird aber nicht angegeben.

Wie kann ich das machen?

Danke im Voraus

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen