Zugewiesene Klasse wird in keinem Browser dargestellt

[neuling92]

Hallo zusammen!

Binmal wieder kurz vorm Kollaps.
Ich habe dem Text in einer Tabellenzelle eine Klasse zugewiesen (Text 10% größer und fett). Leider weigern sich die gängigen Browser (FF, I.E., Opera), die Attribute darzustellen.

Hat jemand des Rätsels Lösung. Wäre echt super!

Danke und schönen Tag noch!

[schrödingerkatz]

Tja, könnte so ein Tabellendingens im Quelltextbumens sein. Mitunter kommt es da zu so seltsamen Dingsbumsens, die halt auch mal irgendiwe anders sein können, als man sich das vorgestellt hat.

Oder, anders gesagt: Ohne Link bzw. Code-Zitat wird Dir hier niemand helfen können.

[neuling92]

Tja, könnte so ein Tabellendingens im Quelltextbumens sein. Mitunter kommt es da zu so seltsamen Dingsbumsens, die halt auch mal irgendiwe anders sein können, als man sich das vorgestellt hat.

Oder, anders gesagt: Ohne Link bzw. Code-Zitat wird Dir hier niemand helfen können.

Ich bin's mal wieder!

Habe die Tabelle entfernt und die Seite über Einfachtext aufgebaut. Nach Zuweisung der Klasse ".fetterundgroesser" kam leider immer noch kein besseres Ergebnis in den Browsern heraus, lediglich eine einheitliche Schriftgröße und -stärke.

Hier ein Auszug aus dem Code:

   <h1> Impressum</h1>
        <p>&nbsp;</p>
        <p><span class="fetterundgroesser">XYZ</span><br />
                Straße<br />
                PLZ Ort<br />
                Telefon: xxxx<br />
                Telefax: xxxx<br />
                E-mail: <a href="#">blablabla</a></p>
        <p><span class="fetterundgroesser">Geschäftsführer</span><br />
                Name    </p> 

Der Eintrag in der styles.css sieht folgendermaßen aus:

    .fetterundgroesser {
    font-size: 120%;
    font-weight: bold;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 125%;
   } 

Ich weiß nicht, was ich falsch gemacht habe. Wäre über jeden Tipp dankbar!

[wildmieze]

... spontan sehe ich keinen Fehler .. werden denn die anderen Styles aus der CSS-Datei übernommen? Wenn ja, gibt es evtl. ein Prioritäten-Problem, sprich: eine andere CSS-Angabe ist "wichtiger" als Deine fetterundgroesser-Klasse ..

[neuling92]

... spontan sehe ich keinen Fehler .. werden denn die anderen Styles aus der CSS-Datei übernommen? Wenn ja, gibt es evtl. ein Prioritäten-Problem, sprich: eine andere CSS-Angabe ist "wichtiger" als Deine fetterundgroesser-Klasse ..

Danke wildmieze für Deine schnelle Antwort.

Andere CSS-Angaben wie die Angaben für z.B. "p-Tag" oder "h1" werden ordnungsgemäß dargestellt.

Habe ich evtl. eine andere Möglichkeit die "Absatzüberschriften" wie Haftung oder AGB fett, aber mit einfachem Zeilenabstand zum folgenden Text darzustellen.
Möchte, dass es wie folgt aussieht:

Haftung
blablabla

AGB
blablabla

Ist zwar nicht lebensnotwendig, möchte es aber trotzdem so gestaltet haben. Sonst könnt man sich die Mühe ja auch sparen. Bin leider mit meinem mageren Latein am Ende und hoffe auf euch Profis

DANKE

[wildmieze]

Naja, einfach nur Fettdruck kriegst Du ja auch mit dem guten, alten <strong> hin .. und wenn es Überschriften sind, kannst Du auch die <h>-Tags nutzen und entsprechend per CSS formatieren.

.. zeig mal die komplette CSS-Datei .. vielleicht sieht man dann, wo es hängt ..

[neuling92]

Hier die CSS-Datei:

@charset "utf-8";
@import url("liste.css");
h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #1238B9;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
h1 {
font-size: 1.2em;
font-weight: bold;
color: #000;
}

.kleintext {
font-size: 0.6em;
font-weight: normal;
color: #000;
}
.twoColElsLtHdr #container #mainContent #form1 table {
font-size: 40%;
font-weight: normal;
color: #000;
text-align: left;
}

.twoColElsLtHdr #container #mainContent #form1 table tr td {
text-align: left;
font-size: 9pt;
}
p {
font-size: 0.9em;
font-weight: normal;
color: #000;
}
.kleintext {
font-weight: bold;
text-align: left;
}
.fettzentriert {
font-weight: bold;
text-align: center;
}
h2 {
font-size: 120%;
font-weight: bold;
color: #000;
text-align: left;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
h1 {
font-size: 1.2em;
font-weight: bold;
color: #000;
text-align: center;
}
p {
font-size: 0.9em;
font-weight: normal;
color: #000;
text-align: left;







table {
text-align: left;
line-height: 1.2em;
margin: auto;
}
.fett {
font-weight: bold;
}
.normal {
font-size: 8pt;
}
.kursiv {
font-size: smaller;
background-color: #C0C0C0;
}
.fetterundgroesser {
font-size: 120%;
font-weight: 900;
color: #000;
font-family: Verdana, Geneva, sans-serif;
line-height: 125%;
}
.Stil2 {
font-weight: bold;
font-size: 12px;
text-align: left;
}
h3 {
font-size: 120%;
}
.test {
font-family: Tahoma, Geneva, sans-serif;
font-size: 36px;
font-style: italic;
font-weight: bold;
color: #FFF;
background-color: #009;
border: thick dotted #CF6;
}
h4 {
font-size: 110%;
font-weight: bold;
color: #000;
vertical-align: bottom;
}
.normal {
text-decoration: none;
}
.listenelemente {
font-size: 9pt;
}
.superklein {
font-size: 8pt;
}
.linksbuendig {
text-align: left;
}
.klein {
font-size: 0.5em;
color: #000;
text-align: left;
}
.zellenmitte {
font-size: 9pt;
vertical-align: middle;
text-align: left;
}
.fettzentriert {
text-align: center;
}

[wildmieze]

Hm .. spontan sehe ich da nix .. ich habs auch mal ausprobiert, konnte keine Probleme feststellen .. *kratzamkopp* .. vielleicht sieht es jemand anders ..?

[neuling92]

Habe den <strong>Befehl gesetzt, so dass es jetzt fett ausgegeben wird. Nur die Schriftgröße kriege ich jetzt nicht größer.
Wenn ich eine Überschrift wähle (h2) bekomme ich immer nen riesigen Zeilenabstand zum nächsten Text, den ich nicht haben möchte. Auch wenn ich die line-height auf z.B. 1px setze, erscheint ein viel zu großer Abstand.
Habe ich hier vielleicht noch ne Möglichkeit, um auf mein Wunschresultat zu gelangen?

[wildmieze]

Der Abstand unter der Überschrift ist margin-bottom, nicht line-height.
.. hmmm .. schonmal versucht, für die größere Schrift mit einer festen Pixelgröße statt mit Prozent zu arbeiten ..? Müsste zwar wurscht sein, aber man weiß ja nie ...

[neuling92]

Der Abstand unter der Überschrift ist margin-bottom, nicht line-height.
.. hmmm .. schonmal versucht, für die größere Schrift mit einer festen Pixelgröße statt mit Prozent zu arbeiten ..? Müsste zwar wurscht sein, aber man weiß ja nie ...

Danke für den Hinweis!

Ich hab mein Problem jetzt gelöst
Habe die Überschrift <h2> per CSS mit margin-Änderungen formatiert.

Nur im Opera-Browser sieht es nicht wie gewünscht aus. Muss man für ihn irgendetwas Besonderes beachten. Muss vielleicht noch ein Zusatz in den Code?