CSS wird nicht ausgeführt

Status
Nicht offen für weitere Antworten.
Z

Zank

Hallo Leute,

habe diesmal ein Problem mit CSS, was sich mir überhaupt nciht erschliesst. Also hier erstmal meine CSS-Datei (film.css):

PHP:
@charset "utf-8";

body_text { font-family: verdana, sans-serif, font-size: 0.7em; }

body { margin: 0; padding: 0; height: 100%; font-family: verdana, sans-serif; text-decoration: none; /*background: url(../images/bg.gif) repeat-y;*/ background-color: #fff; }
p { margin: 0 0 1em 0; padding: 0; font-size: 0.7em; line-height: 1.5em; text-align: justify; color: #303030; }
h1 { margin: 0; padding: 0 0 20px 0; font-size: 0.8em; font-weight: bold; color: #303030; }
h2 { margin: 0; padding: 10px 10px 10px 30px; font-size: 11px; font-weight: normal; color: #fff; background-color: #969696; }
h3 { margin: 0; padding: 0; font-size: 10px; font-weight: bold; color: #303030; }
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }
.mainnav a:hover, .mainnavhead a:hover, .trenner_head a:hover, .trenner a:hover { text-decoration: none; }

#logo { position: absolute; top: 30px; left: 0; margin: 0; padding: 0; width: 1009px; height: 120px; overflow: hidden; background: url(../images/logo.gif) no-repeat; border: none; z-index: 1; }

#conavbox { position: absolute; top: 170px; left: 797px; margin: 0; padding: 0; height: 20px; z-index: 5; }

  ul.conav { margin: 0; padding: 0; }
  ul.conav li { list-style: none; margin-bottom: 15px; padding: 0; }
  ul.conav a { display: block; margin: 0; padding: 0; }
  ul.conav a:hover, ul.conav li.active3 a { text-decoration: none; }

#imagebox { position: absolute; top: 150px; left: 0; margin: 0; padding: 0; width: 831px; height: 200px; z-index: 3; }

  #imglft { float: left; margin: 0; padding: 0; width: 23px; height: 200px; background: url(../images/imglft.gif) no-repeat; }
  #imgctr { float: left; margin: 0; padding: 20px 0 0 0; width: 751px; height: 200px; overflow: hidden; background: url(../images/imgctr.gif) repeat-x; }
  #imgrgt { float: left; margin: 0; padding: 0; width: 56px; height: 200px; background: url(../images/imgrgt.gif) no-repeat; }

#formularbox { position: absolute; top: 305px; left: 20px; margin: 0; padding: 0; width: 830px; overflow: hidden; z-index: 4; }

  .loginformular { float: left; margin: 0; padding: 0; width: 370px; height: 24px; border: none; }
  .searchformular { float: left; margin: 0; padding: 0; width: 460px; height: 24px; border: none; }
  	.fieldset { float: left; padding: 0; width: 100%; border: none; }
  	 .fieldset a { float: left; margin-top: 2px; padding: 0; }
     .forminput { float: left; margin: 0; padding: 1px 0 0 3px; width: 70px; font-size: 11px; background-color: #fff; border-top: 3px solid #606060; border-right: 3px solid #808080; border-bottom: 3px solid #aaa; border-left: 3px solid #606060; }
     .searchinput { float: left; margin: 0; padding: 1px 0 0 3px; width: 225px; font-size: 11px; background-color: #fff; border-top: 3px solid #606060; border-right: 3px solid #808080; border-bottom: 3px solid #aaa; border-left: 3px solid #606060; }
       label { float: left; padding: 5px 5px 5px 7px; font-size: 10px; color: #505050; color: #eee; }
     	input { float: left; height: 16px; background-color: transparent; }
       .button { float: left; margin: 0 5px; padding: 0; font-size: 16px; color: #eee; border: none; cursor: pointer; }
       .fieldset a img { float: left; margin: 0 2px 0 0; }

.maintrenner { position: absolute; top: 328px; margin: 0; padding: 0; width: 100%; height: 42px; background: url(../images/maintrenner.gif) no-repeat; z-index: 4; }

#leftbox { position: absolute; top: 350px; left: 0; margin: 0; padding: 0; width: 209px; background: url(../images/leftbg.gif) repeat-y; z-index: 5; }

    /* Hauptnavigation Gecko */
    #mainnavbox { position: relative; margin: 0; padding-bottom: 95px; width: 209px; }
      ul.mainnav { position: relative; top: 0; margin: 0; padding: 0; width: 209px; z-index: 5; }
      ul.mainnav li { list-style: none; margin: 0; padding: 0; overflow: hidden; }
      ul.mainnav a { display: block; padding: 15px 0 14px 30px; width: 179px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; }
      ul.mainnav a:hover { text-decoration: none; color: #303030; background: url(../images/hover.gif) no-repeat; }
      ul.mainnav li.active a { text-decoration: none; color: #303030; background: url(../images/active.gif) no-repeat; }
      ul.mainnav li:hover ul { display: block; } 
        ul.mainnav li ul { display: none; /* wenn das Menü aufgeklappt bleiben soll = display: block; */ position: relative; top: 0; left: 0; margin: 0 0 0 16px; padding: 0; width: 164px; background-color: #fff; border-top: 4px solid #606060; border-right: 4px solid #808080; border-bottom: 4px solid #aaa; border-left: 4px solid #606060; } 
        ul.mainnav li ul li { list-style: none; margin: 0; padding: 0; }
        ul.mainnav li ul a { display: block; margin: 0; padding: 5px 10px; width: 144px; font-size: 11px; font-weight: normal; text-transform: none; color: #303030; }
        ul.mainnav li ul a:hover {  text-decoration: none; background-color: #969696; background-image: none; color: #eee; }
        ul.mainnav li ul li.active1 a {  text-decoration: none; background-color: #969696; color: #eee; }

    .newsbox { position: relative; left: 20px; width: 209px; }
      .newshead { padding: 12px 0 0 15px; height: 28px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; }
      .newstext { margin: 0; padding: 10px 10px 0 10px; width: 138px; background-color: #fff; border-top: 4px solid #606060; border-right: 4px solid #808080; border-bottom: 4px solid #aaa; border-left: 4px solid #606060; }
      .newstext h3 { line-height: 16px; }
      .newstext p.bodytext { margin: 5px 0 15px 0; padding: 0; font-size: 11px; text-align: left; line-height: 16px; color: #303030; }
      .newstext p.bodytext a { color: #303030; }

    #leftfoot { margin: 0; padding: 0; width: 209px; height: 40px; background: url(../images/leftfoot.gif) no-repeat; z-index: 2; } 
    #credits { margin: -27px 0 0 0; padding: 0 0 0 30px; width: 209px; height: 12px; font-size: 10px; color: #eee; z-index: 3; }

#contentbox { position: absolute; top: 373px; left: 230px; margin: 0; padding: 0; width: 564px; z-index: 3; /*border: 1px solid #969696;*/ }

  #textbox { margin: 0; padding: 0 40px; background-color: #fff; } 
    .bodytext { margin: 0; padding: 20px 0 20px 0; }

  ul.letternav { margin: 20px 0 0 0; padding: 0; }
  ul.letternav li { list-style: url(../images/list.gif); margin: 0 0 20px 0; padding: 0; }
  ul.letternav a { display: block;  margin: 0; padding: 0; font-size: 11px; color: #303030; }
  ul.letternav li a:hover { color: #969696; text-decoration: none; }
  ul.letternav li.active3 { color: #969696; text-decoration: none; list-style: url(../images/listactive.gif); }
    ul.letternav li ul { margin: 20px 0 0 10px; padding: 0; }
    ul.letternav li ul li { list-style: url(../images/listsub.gif); margin: 0 0 10px 0; padding: 0; }
    ul.letternav li ul a { display: block;  margin: 0; padding: 0; font-size: 11px; color: #303030; }
    ul.letternav li ul li a:hover { color: #969696; text-decoration: none; }
    ul.letternav li ul li.active3 { color: #969696; text-decoration: none; list-style: url(../images/listsubactive.gif); }

  .tnavibox1 { margin: 0; padding: 30px 0 20px 35px; height: 16px; z-index: 3; background-color: #fff; }
  .tnavibox2 { margin: 0; padding: 0 0 0 35px; height: 16px; z-index: 3; background-color: #fff; }
    ul.tnav { margin: 0; padding: 0; }
    ul.tnav li { list-style: none; float: left; margin: 0; padding: 0; height: 20px; }
    ul.tnav a { display: block; margin: 0; padding: 0 2px; font-size: 10px; color: #aaa; }
    ul.tnav a:hover { color: #303030; text-decoration: none; }

  #tfootbox { margin: 0; padding: 0; height: 40px; z-index: 3; }

#rightbox { position: absolute; top: 150px; left: 819px; margin: 0; padding: 0; background: url(../images/rightbg.gif) repeat-y; z-index: 2; }

    #bannerbox { position: relative; margin: 0; padding: 15px 0 0 15px; width: 175px; height: 185px; background: url(../images/bannerhead.gif) no-repeat; }
      #bannerbox img { margin: 0; padding: 0; width: 150px; height: 150px; border-top: 4px solid #606060; border-right: 4px solid #808080; border-bottom: 4px solid #aaa; border-left: 4px solid #606060; }

    /* Navigation rechts */
    #rightnavbox { position: relative; width: 190px; }
      ul#rightnav { position: relative; top: 0; margin: 0; padding: 0; width: 190px; background: url(../images/rightbg.gif) repeat-y; z-index: 5; }
      ul#rightnav li { list-style: none; margin: 0; padding: 0; overflow: hidden; }
      ul#rightnav a { display: block; padding: 15px 10px 14px 30px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; }
      ul#rightnav a:hover { text-decoration: none; color: #303030; background: url(../images/hover_right.gif) no-repeat; }
      ul#rightnav li.active a { text-decoration: none; color: #303030; background: url(../images/active_right.gif) no-repeat; }
      ul#rightnav li:hover ul { display: block; } 
        ul#rightnav li ul { display: none; /* wenn das Menü aufgeklappt bleiben soll = display: block; */ position: relative; top: 0; left: 0; margin: 0 0 0 16px; padding: 0; width: 149px; background-color: #fff; border-top: 4px solid #606060; border-right: 4px solid #808080; border-bottom: 4px solid #aaa; border-left: 4px solid #606060; }
        ul#rightnav li ul li { list-style: none; margin: 0; padding: 0; }
        ul#rightnav li ul a { display: block; margin: 0; padding: 5px 10px 5px 10px; width: 129px; font-size: 11px; font-weight: normal; text-transform: none; color: #303030; }
        ul#rightnav li ul a:hover { text-decoration: none; background-color: #969696; background-image: none; color: #eee; }
        ul#rightnav li ul li.active1 a { text-decoration: none; background-color: #969696; color: #eee; }
          ul#rightnav li ul.revtable { margin: 0 0 0 15px; padding: 0; width: 150px; height: 118px; background-color: #fff; }
          ul#rightnav li ul.revtable li { float: left; margin: 0; padding: 0; width: 30px; }
          ul#rightnav li ul.revtable a { display: block; margin: 0; padding: 2px 0; width: 30px; height: 16px; font-size: 11px; text-align: center; text-transform: uppercase; color: #303030; }
          ul#rightnav li ul.revtable a:hover { text-decoration: none; background-color: #969696; color: #eee; }
          ul#rightnav li ul.revtable li.active2 a { text-decoration: none; background-color: #969696; color: #eee; }

    #bannerbottom { position: relative; width: 150px; margin: 40px 0 0 15px; border-top: 4px solid #606060; border-right: 4px solid #808080; border-bottom: 4px solid #aaa; border-left: 4px solid #606060; }
    #rightfoot { margin: 0; padding: 0; width: 190px; height: 70px; background: url(../images/rightfoot.gif) no-repeat; z-index: 2; } 
    #pageback { margin: -40px 0 0 0; padding: 0 0 0 35px; width: 150px; height: 12px; z-index: 3; }

/* Tabellendesigns */

  table.letters { margin: 0; width: 150px; border-collapse: collapse; border-spacing: 0; }
    td { margin: 0; padding: 0; }
    td a { display: block; margin: 0; padding: 5px 0; width: 30px; font-size: 11px; text-align: center; text-transform: uppercase; color: #303030; }
    td a:hover { text-decoration: none; color: #eee; background-color: #969696; }
    td.active4 a { text-decoration: none; color: #eee; background-color: #969696; }
    
  table.ware { margin: 0 0 0 20px; width: 151px; border-collapse: collapse; border-spacing: 0; background-color: #fff; }
    td.art { margin: 0; padding: 10px 0 10px 10px; width: 65px; font-size: 11px; text-align: left; text-transform: uppercase; color: #303030; }
    td.artall { margin: 0; padding: 10px 0 10px 10px; width: 65px; font-size: 11px; text-align: left; text-transform: uppercase; color: #303030; border-top: 1px solid #303030; }
    td.summe { margin: 0; padding: 10px 10px 10px 0; width: 75px; font-size: 11px; text-align: right; text-transform: uppercase; color: #303030; }
    td.summeall { margin: 0; padding: 10px 10px 10px 0; width: 75px; font-size: 11px; text-align: right; text-transform: uppercase; color: #303030; border-top: 1px solid #303030; }


/* Alternative Navigation / durch Seitenwechsel

ul.mainnav { position: relative; top: 0; margin: 0; padding: 0; width: 209px; height: 40px; background: url(../images/trenner_blank.gif) no-repeat; z-index: 5; }
ul.mainnav li { list-style: none; margin: 0; padding: 0; overflow: hidden; }
ul.mainnav a { display: block; padding: 12px 0 0 30px; width: 179px; height: 28px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; } *html ul.mainnav a { width: 209px; height: 40px; }
ul.mainnav a:hover { text-decoration: none; color: #303030; background: url(../images/hover.gif) no-repeat; }
ul.mainnav li.active a { text-decoration: none; color: #303030; background: url(../images/active.gif) no-repeat; }

ul.mainnavbot { position: relative; margin: 0; padding: 0; width: 209px; height: 40px; background: url(../images/trennerbot.gif) no-repeat; z-index: 5; }
ul.mainnavbot li { list-style: none; margin: 0; padding-top: 5px; overflow: hidden; }
ul.mainnavbot a { display: block; padding: 12px 0 0 30px; width: 179px; height: 28px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; } *html ul.mainnavbot a { width: 209px; height: 40px; }
ul.mainnavbot a:hover { text-decoration: none; color: #303030; background: url(../images/hover.gif) no-repeat; }

*/


/*
      .infobox { position: relative; left: 15px; width: 130px; }
      .infohead { padding: 12px 0 0 15px; width: 130x; height: 28px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; }
      .infotext { margin: 0; padding: 10px; width: 100%; background-color: #fff; border-top: 4px solid #606060; border-right: 4px solid #808080; border-bottom: 4px solid #aaa; border-left: 4px solid #606060; }
      .infotable { margin: 0; padding: 0; width: 150px; background-color: #fff; border-top: 4px solid #606060; border-right: 4px solid #808080; border-bottom: 4px solid #aaa; border-left: 4px solid #606060; }
      p.bodytext { margin: 5px 0 15px 0; padding: 0; font-size: 10px; text-align: left; line-height: 1.2em; color: #303030; }
      p.bodytext a { color: #303030; }
*/

Die film.css wird auch mit
PHP:
<link title="film" href="css/film.css" rel="stylesheet" type="text/css" media="all" />
im Header der index.php geladen.

Wenn ich nun aber einen Text mit dem Style body_text formatieren möchte, passiert gar nichts!

Eigentlich muss der Styöe doch durch
PHP:
<span class="body_text">gewünschter formatierter Text</span>
formatiert werden, oder?

Hoffe, dass mein Problem verständlich dargestellt wurde und ich hier Hilfe finde, weiß nämlich ehct nciht mehr weiter :(

Bin für jeden Tipp dankbar!
 
Z

Zank

Habe den Punkt nun gesetzt, es geht trotzdem nicht! Der Text erscheint noch immer unformatiert! :(
 
M

Maik

Also bei mir greift die CSS-Regel einwandfrei - zu Testzwecken habe ich zusätzlich in dem Selektor die Schriftfarbe auf rot gesetzt.

Code:
.body_text { font-family: verdana, sans-serif; font-size: 0.7em; color: red; }

Hast du mal den Browsercache geleert? Das soll manches mal große Wunder bewirken.

Ansonsten, gibt es eine Online-Version, um die Seite "live" betrachten zu können?
 
Z

Zank

http://www.fidb.de/develop_2/

Die Farbe wird geändert, hab es mal auf grün gesetzt! Dennoch habe ich agr keine Chance die Schriftart bzw. Schriftgröße zu ändern! Trotz geleertem Cache, etc! Ich verzweifle hier echt!

Farbwechsel geht ganz ohne Probleme!
 
Zuletzt bearbeitet von einem Moderator:

scalatore

Mitglied
Huhu,
oben fehlt zum einen der Punkt und da ist ein Komma vor font-size statt ein Strichpunkt vielleicht liegts daran
gruß
scalatore
 
M

Maik

In dem style-Element fehlt noch immer der Punkt vor dem Klassen-Namen.

Code:
<style type="text/css">
<!--
body_text {font-family: Verdana, Arial, Helvetica, sans-serif, font-size: 0.7em;}
-->
</style>
Zudem hast du in diesem Stylesheet, wie auch in der externen CSS-Datei nach der CSS-Eigenschaft font-family ein Komma anstatt des Semikolons notiert.
 
Z

Zank

Also ein total simples Problem! Es lag wirklich an dem Semikolon! :p

Vielen Dank für Eure Mühen! ;-)

Seid super!
 
Status
Nicht offen für weitere Antworten.