[CSS] * {} verursacht Probleme

[27o8]

Hallo,
ich habe auf einer meiner Seiten ein riesen Problem mit CSS ausgelöst durch diesen Code:

* {
    font-family:Verdana;
    font-size:8pt;
    border:0;
    padding:0;
    margin:0;
    outline:0;
    color:white;
}

sehen die Beiträge die ich schreibe sehr komisch aus:
https://guenstige-babyartikel.de/blog/2008/03/19/ihre-eigene-babyseite/ da hier wohl das *{} die tags wie z.B. <ul><li>Aufzählung</li></ul> verändert.

Wie kriege ich es nun hin, dass die Beiträge im Content normal aussehen? Ich habe schon mal das *{} oben auskommentiert allerdings sieht dann Navigation, Footer und die Navigationsleiste im Header ganz komisch aus.

Komplette CSS gibt es hier: style.css

Wäre Super wenn mir hierbei jemand behilflich sein kann.

Gruß
Gremlin

 

[kathelene]

AFAIK wirkt sich ein * { } auf alle Tags aus?!

 

[theHacker]

Nicht nur AFAYK, sondern das is tatsächlich so.

Du solltest * wirklich nur benutzen, wenn es wirklich alle Elemente im Dokument betrifft. Ansonsten musst du halt jedes Element, was nicht weiß, ohne Rahmen, ohne Innenabstand, .... sein soll, entsprechend anders formatieren, indem du zusätzliche Anweisungen reinschreibst.

 

[geldmoney]

Wie theHacker schon sagt, du muss das für den jeweiligen Tag die Textfarbe auf eine dunkle Farbe setzen, wie z.B. Schwarz. Das Problem hatte ich auch. Ich schriebe Dir mal paar mögliche Lösungen die ich nicht getestet habe.

Erste Möglichkeit es zu lösen, wenn Dein HTML Code so aussieht:

<p><strong>Mein erster Text</strong></p>

<blockquote><p><strong>Mein zweiter Text</strong></p></blockquote>

Code für in CSS sollte zu ausschauen

p strong {
   color: black;
}
blockquote p strong {
  color: black;
}

Die zweite Möglichkeit, wenn Dein HTML Code so aussieht:

<p class="Text1"><strong>Mein erster Text</strong></p>

<blockquote class="Block"><p class="Text1"><strong>Mein zweiter Text</strong></p></blockquote>

und das trägst du in CSS ein

.Text1 strong {
   color: black;
}
.Block .Text1 strong {
   color: black;
}

ich hoffe ich konnte dir helfen, wenn nicht schreib mir eine PN
gruss

 

[27o8]

Hallo,
und schon einmal danke für eure Hilfe. Ich habe es nun entdeckt das die Blogeinträge bei denen das Problem ja nur besteht zwischen:

<div class="entrytext">
</div>

stehen. Also habe ich mich mal probiert und folgendes an die CSS angefügt:

/*Fixes wegen Blogeinträgen */
.entrytext *{
   color: #818181;
   padding-left:3px;
   text-align:left;
}

.entrytext a{
     color:#0048c6;
   font-weight:bold;
}

.entrytext p{
   padding-top:10px;
}

.entrytext ul{
   padding-left:25px;
}

.entrytext li{
   padding-left:2px;
}

Damit scheint es auch soweit zu funktionieren, muss ich jetzt nur schauen ob dies auch in Zukunft so bleibt, ich vermute fast das ich bei jedem Tag etwas nachbessern muss, aber da ich ja nun weis wie es geht dürfte das dann kein Problem mehr sein .

Ich danke euch

Gruß
Gremlin