Mein Text wird in Dreamweaver nicht zentriert (mit Bootstrap)

Ich erstelle eine Website in Dreamweaver mit Bootstrap und habe Probleme, meinen Text in einer der Spalten zu zentrieren.

Ich habe versucht, das CSS wie folgt zu ändern (als Beispiel):

.p9 {
    font-family: Roboto-light;
    text-align: center;
    color: #171717;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}

Und als dies nicht funktionierte, entfernte ich das text-alignAttribut aus dem CSS und änderte die Absatzklasse so, .text-centerdass sie die richtige Bootstrap-Klasse verwendet.

Ich habe ein paar kleine Buggy-Probleme bemerkt, wie z. B. Klassen, die erst angezeigt werden, wenn ich das Dokument speichere, oder Klassen auf Bildern entfernen und dann erneut hinzufügen müssen, damit sie funktionieren/erscheinen, also bin ich mir nicht sicher, ob es damit zusammenhängt?

Hat jemand eine Ahnung warum beides nicht funktioniert? Vielen Dank!

Ich glaube, das ist eine Frage für stackoverflow.com
Angenommen, Ihr Beispielcode hat gerade den Punkt verpasst, was passiert, ist, dass text-alignin Ihrer Klasse etwas Spezifischeres überschrieben wird. Öffnen Sie die Seite in einem Browser und verwenden Sie die dortigen Entwicklertools, um zu sehen, welches CSS die Textausrichtung beeinflusst
Kommentare sind nicht für längere Diskussionen gedacht; diese Konversation wurde in den Chat verschoben .

Antworten (3)

Ohne die Seite selbst oder weiteren Code zu sehen, gehe ich davon aus, dass die text-alignvon einem spezifischeren Selektor (entweder einer #idoder einer spezifischeren Klasse) überschrieben wird.

Hier können Sie mehr über CSS-Spezifität lesen:

Um genau zu sehen, welches CSS das betreffende Element beeinflusst, können Sie die Entwicklertools Ihres Browsers verwenden. Ich werde Google Chrome als Beispiel verwenden, aber es gibt ähnliche Tools in den meisten modernen Browsern.

  1. Klicken Sie mit der rechten Maustaste auf das Element, das Sie interessiert, und wählen Sie „Inspizieren“.

Chrom prüfen

  1. Das Fenster "Entwicklertools" wird geöffnet, wobei das Element, an dem Sie interessiert sind, in der DOM-Gliederung ausgewählt ist. Öffnen Sie die Registerkarte "Berechnet".

Registerkarte "Computer" der Chrome-Entwicklertools

  1. Von dort aus können Sie nach unten zu der Eigenschaft scrollen, an der Sie interessiert sind ( text-alignin diesem Fall). Klicken Sie auf den Pfeil links neben der Eigenschaft, um eine Liste aller CSS zu öffnen, die diese Eigenschaft betreffen – das oberste ist dasjenige, das tatsächlich betroffen ist gilt.

    Anhand der Informationen hier sollten Sie herausfinden können, wie Sie Ihren Code reparieren können. Höchstwahrscheinlich durch Entfernen eines Stils in einer früheren Deklaration oder Erhöhen der Spezifität des Stils, den Sie anwenden möchten.

Weitere Informationen zu den Entwicklertools von Chrome finden Sie hier:

Brillante Antwort, danke Cai - das war das Problem mit anderen CSS-Interferenzen. Hoffe, das hilft anderen mit dem gleichen Problem. Prost!
Überhaupt kein Problem @crazycatlady hilft gerne weiter

Ich glaube, Sie identifizieren die Klasse oder den Absatz, den Sie verwenden, nicht richtig. Wenn Sie eine Klasse verwenden, setzen Sie einen Punkt vor den Namen.

.p9 {
 font-family: Roboto-light;
 text-align: center;
 color: #171717;
 font-size: 16px;
 font-weight: 300;
 line-height: 18px;
}

Abgesehen davon würde ich dringend empfehlen, den Editor zu wechseln.

Danke, ich habe festgestellt, dass ich die . in meinem Copy-and-Paste! Ich habe versucht, herunterzufahren und neu zu starten, und viele der fehlerhaften Probleme in DW haben sich von selbst behoben, obwohl ich immer noch das Problem mit dem Text habe. Könnte etwas mit dem Programm zu tun haben, denke ich.
@crazycatlady zeigt keine Vorschau Ihrer Website in Dreamweaver an. Es ist alles andere als ein guter Editor, und es ist sicherlich schlecht bei der Vorschau von HTML/CSS. Sehen Sie sich die Website in Ihrem Browser an (öffnen Sie einfach die HTML-Dateien in Ihrem Browser).
Hallo JaneDoe1337, willkommen bei GD.SE und vielen Dank für Ihren Beitrag. Bitte verzichten Sie in Ihrer Antwort auf themenbezogene/off-topic-Diskussionen. Wenn Ihre Reputation 15 erreicht, können Sie Fragen kennzeichnen, um vorzuschlagen, dass sie als nicht zum Thema gehörend geschlossen werden. Außerdem bitte nicht vom Thema abschweifen. Ob ein bestimmtes Programm ein guter oder ein schlechter Editor ist, ist Sache der Meinung, und wir mögen keine ausgedehnten Diskussionen über Themen wie die auf der Hauptseite. Danke für Ihr Verständnis!

Ich habe das Problem herausgefunden: Ich hatte CSS auf einen äußeren Container angewendet, der sich auf den Text auszuwirken schien - nach dem Entfernen wurde der Text richtig ausgerichtet. Danke für eure Antworten an alle. Ich hoffe, dies ist ein guter Weg für mich, die Frage zu schließen.

Mein Text wird in Dreamweaver nicht zentriert (mit Bootstrap)
AntwortenHierDatenschutz-Bestimmungen1y, 0v