CSS-Attribute werden nicht berücksichtigt

Grauhaupt · Post by **Grauhaupt** » Fri Dec 30, 2022 9:43 am

Guten Morgen,
ich habe mal wieder ein Problem. Ich habe auf meiner Webseite petersfotoblog.de das Thema 2k11 verwendet. Ich ging davon aus, dass man mit einer User.css seine Seite etwas gestalten kann. In dieser user.css steht unter anderem nachfolgender Code

Code: Select all

#startseite{
    max-width: 60em;
    font-family: sans-serif;
    color: #65f0eb;
    display: grid;
    grid-template-columns: 33% 33% 33%
}
#bilder{
    max-width: 100%;
    color: #65f0eb;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 2px;
    border: solid 3px;
    border-color: #000000;
}
#header_1{
    margin-bottom: 5px;
    border: none;
}

Nun habe ich in Chrome die Möglichkeit unter "Entwicklertools" den Quellcode der Seite anzeigen zu lassen. Dabei musste ich feststellen dass die Attribute zwar im Quellcode vorhanden sind, aber unter der Rubrik "Style" diese Attribute überhaupt nicht angezeigt werden. Also gehe ich davon aus, dass sie nicht berücksichtigt werden.
Der Eintrag für die Seite lautet:

Code: Select all

<body class="Startseite"><center><header class="header_1"><img width="350" height="56" src="/serendipity/uploads/Banner/Banner_5.png"></header><article ><img class="bilder" width="125" height="188" src="/serendipity/uploads/Blumen/Bild_1_012.serendipityThumb.jpg"  alt=""> <img class="bilder" width="125" height="188" src="/serendipity/uploads/Blumen/Bild_1_011.serendipityThumb.jpg"alt=""> <img class="bilder" width="125" height="188" src="/serendipity/uploads/Blumen/IMG_6467.serendipityThumb.jpg"alt=""></article></center><article class="bilder"><strong><center><h1>Ein kleiner Lebenslauf</hi></center></strong><center><img class="bilder" width="125" height="188" src="/serendipity/uploads/sonstige-Fotos/schuleanfang.serendipityThumb.jpg"  alt=""> <img class="bilder" width="125" height="188" src="/serendipity/uploads/sonstige-Fotos/Peter_jung_1.serendipityThumb.jpg"alt=""> <img class="bilder" width="125" height="188" src="/serendipity/uploads/sonstige-Fotos/Ich_neu.serendipityThumb.jpg"alt=""></center><p><h4>Zu meiner Personen gibt es im Grunde nicht viel zu sagen. Ich bin Jahrgang 1952, habe mit mäßigem Erfolg die Hauptschule beendet und anschließend eine Ausbildung zum Maschinenschlosser angefangen und auch erfolgreich beendet. Mir war von vorne herein klar, dass ich diesen Beruf nie ausüben würde. Aber die Ausbildung hat mir bei der Verpflichtung als Zeitsoldat geholfen. Innerhalb meiner achtjährigen Dienstzeit bei der Bundeswehr habe ich einen zweiten Beruf in Abendschule erlernt und zwar den des Bürokaufmannes. Eine Weiterbildung zum staatl.gepr. Betriebswirt habe ich dann am Ende meiner Bundeswehrzeit genossen und auch mit Prüfung abgeschlossen.</h4></p></article></body>

Der Quellcode der mir angezeigt wird lautet

Code: Select all

<center><header class="header_1"><img width="350" height="56" src="/serendipity/uploads/Banner/Banner_5.png"></header><article role="article">
<img class="bilder" width="125" height="188" src="/serendipity/uploads/Blumen/Bild_1_012.serendipityThumb.jpg" alt=""> <img class="bilder" width="125" height="188" src="/serendipity/uploads/Blumen/Bild_1_011.serendipityThumb.jpg" alt=""> 
<img class="bilder" width="125" height="188" src="/serendipity/uploads/Blumen/IMG_6467.serendipityThumb.jpg" alt=""></article></center>
<article class="bilder" role="article">
<strong><center>
<h1>Ein kleiner Lebenslauf</h1>
</center>
</strong><center>
<img class="bilder" width="125" height="188" src="/serendipity/uploads/sonstige-Fotos/schuleanfang.serendipityThumb.jpg" alt=""> <img class="bilder" width="125" height="188" src="/serendipity/uploads/sonstige-Fotos/Peter_jung_1.serendipityThumb.jpg" alt=""> <img class="bilder" width="125" height="188" src="/serendipity/uploads/sonstige-Fotos/Ich_neu.serendipityThumb.jpg" alt="">
</center>
<p></p><h4>Zu meiner Personen gibt es im Grunde nicht viel zu sagen. Ich bin Jahrgang 1952, habe mit mäßigem Erfolg die Hauptschule beendet und anschließend eine Ausbildung zum Maschinenschlosser angefangen und auch erfolgreich beendet. Mir war von vorne herein klar, dass ich diesen Beruf nie ausüben würde. Aber die Ausbildung hat mir bei der Verpflichtung als Zeitsoldat geholfen. Innerhalb meiner achtjährigen Dienstzeit bei der Bundeswehr habe ich einen zweiten Beruf in Abendschule erlernt und zwar den des Bürokaufmannes. Eine Weiterbildung zum staatl.gepr. Betriebswirt habe ich dann am Ende meiner Bundeswehrzeit genossen und auch mit Prüfung abgeschlossen.</h4><p></p></article>

Genauso verstehe ich nicht wieso im Quellcode die zusätzlichen <p> und </p>Tags vorhanden sind. Ich hatte am Anfang festgestellt, dass die gleichen Tags vorhanden waren, als ich versuchte den Eintrag wie einen Html-Code zu schreiben, also jeder Zeile einzeln. Erst als ich die einzelnen Seiten direkt hintereinander geschrieben habe, sind die Bilder auf gleicher Ebene geblieben.
Meine Frage lautet also: Was läuft hier falsch und wie kann ich den Fehler beheben?
Vielen Dank
MfG
Hans-Peter

Post by **onli** » Fri Dec 30, 2022 9:17 pm

Bei der CSS-Datei wurde mit # eine id adressiert. Im HTML wurde aber keine id, sondern eine Klasse gesetzt. Entweder änder das class="..." zu id="...", wenn es einmalig auf der Seite ist, ansonsten im css das #Name zu .Name.

Grauhaupt · Post by **Grauhaupt** » Fri Dec 30, 2022 11:13 pm

Hallo Onli,
vielen Dank für die Antwort. Das Problem mit der css-Datei ist gelöst habe die Seite so wie ich sie haben will. Habe einfach vor den Attribute das # gegen einen Punkt getauscht. Die Feinarbeit wird wohl noch etwas dauern. Was die Codes betrifft muss ich mal in Ruhe nachschauen, denn soweit ich weiß sind class- oder Id-Angaben nur in einer css-Datei enthalten. Muss also die Style- und die Oldstyle-Datei in Ruhe Zeile für Zeile nachlesen.
Nochmals vielen Dank und einen guten Rutsch ins Neue Jahr.
Mfg
Hans-Peter

Post by **onli** » Fri Dec 30, 2022 11:27 pm

Freut mich sehr, dass damit deine beiden Blocker gelöst sind :)

Grauhaupt · Post by **Grauhaupt** » Fri Dec 30, 2022 11:31 pm

Entschuldigung,
man sollte nicht im Halbschlaf etwas schreiben, dann klappt das auch, dass man im richtigen Thread ist.
Beide Antworten von mir müssten getauscht werden oder kann man die Artikel einfach löschen?
Mfg
Hans-Peter

Post by **onli** » Sat Dec 31, 2022 1:27 am

Bitte nicht löschen, sowas hilft ja imme auch anderen. Ich habe dir die beiden Antworten getauscht.

CSS-Attribute werden nicht berücksichtigt

CSS-Attribute werden nicht berücksichtigt

Re: CSS-Attribute werden nicht berücksichtigt

Re: Probleme mit dem CCKEditor

Re: CSS-Attribute werden nicht berücksichtigt

Re: CSS-Attribute werden nicht berücksichtigt

Re: CSS-Attribute werden nicht berücksichtigt