[TYPO3-german] CSS einbinden und anwenden

Tue Mar 6 14:05:24 CET 2007

Hallo Claudia,

8<--------------------
> Es soll so sein das der Titel, überall das gleiche Format hat 
> und es soll so sein das der Text überall das gleiche Format 
> hat, das gleiche mit den Tabellen.
> 
> Vorgegeben ist z.B. hier in der CSS das alles in Verdana ist, 
> aber ich bekomme im Browser alles in NewsTime... gezeigt!
...
> page = PAGE
> page {
>          typeNum = 0
>          # Allgemeine Seiteneigenschaften setzen
>          bodyTag = <body topmargin="0" leftmargin="0" 
> rightmargin="0"bottommargin="0" marginwidth="0" marginheight="0">
>          stylesheet = fileadmin/haupt.css
> 
8<--------------------

Das sieht spontan gesagt ganz OK aus.

Deine CSS-Datei scheint ein paar Fehler zu beinhalten. Vielleicht 
kommt der Webbrowser bei Dir ein wenig ins straucheln...

8<-------------------- 
> CSS Datei:
> 
> body   { background-color:#FFFFFF }
8<--------------------

";" fehlt (ok, darüber lässt sich glaube ich streiten...):
body   { background-color:#FFFFFF; }

8<--------------------
> 
> h1    { font-family:Arial; font-size: 10pt; color:#000063; 
> font-weight:
> bold; }
> .bodytext  { font-family:Arial; font-size: 10pt; 
> color:#000000; } .normal  { font-family:Arial; font-size: 
> 10pt; color:#000000; }
> 
> .klein      { font-family:Arial; font-size: 8pt; color:#000000; }
> .listebullet { font-family:Arial; font-size: 10pt; color:#000000;
> list-style-image:url('../grafiken/bullet_blaugelbrand.gif'); }
8<--------------------

probier mal (bei url ohne ''):
.listebullet { 
  font-family: Arial; 
  font-size: 10pt; 
  color: #000000;
  list-style-image: url(../grafiken/bullet_blaugelbrand.gif); }

8<--------------------
...
> 
> .csc-mailform  { position: left;
>       display:block;
>       width:250;
>       border:0px;
>       font-size:10pt;
>       color:#000000;
>       font-family:Arial
>     }
8<--------------------

"position: left;" gibts nicht (relative, absolute...)
meinst Du vielleicht "float:left;" ?

"width: 250;" gibts auch nicht
müsste wahrscheinlich "width: 250px;" heißen!

"font-family: Arial;" : hier fehlt wieder ein ";"

Das "position:left;" hast Du an ein paar Stellen...

Grüßle,

   Thomas Sommer