Zum Inhalt springen

Schriftgröße mittels CSS anpassen!!!

Erstellt am 25. Juni 2007 · 1 Antwort · letzte Antwort am 25. Juni 2007

Tags: HTML & CSS, Frage

gajoref ·

hey, hab nun mein projekt fertig realisiert, nur muss ich noch die schriftgröße kleiner bekommen im Contentbereich. Hab die Schriftgröße im CSS definiert, nur übernimmt das TS nicht. Weis nicht woran das liegen könnte.Habs schon mal geschaft aber weis nicht mehr wie. BITTE HELFT MIR #angry# #paralyzed#

#COnstants, setup und root ausgewählt




  page = PAGE
  page.config.index_enable=1
   page.config.index_externals = 1
    page.config.admPanel = 1
   # Konfigurierung des Plugins Searchbox
        # ID der Seite 'Suchen'
   
      plugin.tx_macinasearchbox_pi1.pidSearchpage = 222


 page {
    # Allgemeine Seiteneigenschaften setzen
    bodyTag = <body>
    stylesheet = fileadmin/menu_inhaltn.css
    # MetaTags angeben
    meta.AUTHOR = Oberger Hannes Gajore Fabian
    meta.DESCRIPTION = Hier steht eine Beschreibung
    
    
    
    
    
    # Die Designvorlage integrieren
    10 = TEMPLATE
    10.template = FILE
    10.template.file = fileadmin/menu_inhalt.html
    10.workOnSubpart = DOKUMENT
    

          
    
	
    
    10.marks {
    
        # Das Suchfelfeld
       SUCHE = < plugin.tx_macinasearchbox_pi1   
           
       # Das Logo einlesen
       LOGO = IMAGE
       LOGO.file = fileadmin/images/header_hs.jpg
      
       #footer einlesen
       FOOTER = IMAGE
       FOOTER.file = fileadmin/images/bottomhalb_hs.gif



       
         
    
       # Das Textmenü unten erstellen
       MENU_UNTEN= HMENU
       MENU_UNTEN{
          special = directory
          special.value = 197
          1 = TMENU
          1.NO = 2 
          1.NO.linkWrap =  | | |*|  | | |*|  |
          
           
     
                
          

          
       }

    


        # Das grafische Menü (Hauptnavigation) erstellen
       MENU_LINKS = HMENU
       MENU_LINKS {
          special = directory
          special.value = 151, 232
          entryLevel = 0
          1 = GMENU
          1.NO = 1
          1.NO {	
             offset = 0
 	    XY = 240, 35
 	    1.NO.linkWrap = >|  
 	    5= IMAGE
             5.file = fileadmin/images/button_li.gif
             		
             # Text auf den Menüpunkt rendern
             10 = TEXT
             10.text.field = title
             10.fontColor = #000000             
             10.fontFile = fileadmin/fonts/verdanab.ttf
             10.fontSize = 10
             10.niceText = 0
	    10.offset = 15, 27
         	    10.align = left
             
             # Eine ggf. vorhandene zweite Textzeile anzeigen lassen
             15 < .10
             15.text.listNum = 1
             15.offset = 14, 16

             # Hilfsebene zur Berechnung der Höhe von Menüpunkten
             16 < .10
             16.text.case = upper
             16.text.listNum = 1
             16.fontSize = 12
             16.offset = 1000,1000
 	 }
	 
          # Einen RollOver-Zustand beschreiben
          1.RO < .1.NO
          1.RO.backColor = #061467
          1.RO.10.fontColor = #FF9734
 
           
          # Die zweite Ebene als Kopie der ersten Ebene beschreiben
          2 < .1
          2.NO{
          5>
          XY>
          
             offset = 20,-10
             10.backColor = #FFFFFF
             XY = 240,20
             10.fontColor = #000000
             10.fontSize = 9
             NO.linkWrap = >|  
             10.fontFile = fileadmin/fonts/verdana.ttf
     	    10.align = left         
          }
          
           # Rollover für die zweite Ebene beschreiben
          2.RO < .2.NO
          2.RO.10.fontColor = #FF9734
          
          
          2.CUR < .2.NO
          2.CUR.10.fontColor = #FF9734

	 # Die dritte Ebene als Kopie der ersten Ebene beschreiben
          3 < .1
          3.NO {
          5>
          XY>
          
             offset = 50,-10
             10.backColor = #FFFFFF
             XY = 240, 20
             10.fontColor = #000000
             10.fontSize = 9
             10.fontFile = fileadmin/fonts/verdana.ttf
             10.align = left
          }
          
          # Rollover für die dritte Ebene beschreiben
          3.RO < .3.NO
          3.RO.10.fontColor = #FF9734
          
          3.CUR < .3.NO
          3.CUR.10.fontColor = #FF9734
 
 
	 # Die vierte Ebene als Kopie der ersten Ebene beschreiben
	 4 < .1
          4.NO {
          5>
          XY>
             offset = 70,-10
             10.backColor = #FFFFFF
             XY = 240, 20
             10.fontColor = #000000
             10.fontSize = 9
             10.fontFile = fileadmin/fonts/verdana.ttf
             10.align = left
          }

          # Rollover für die vierte Ebene beschreiben
          4.RO < .4.NO
          4.RO.10.fontColor = #FF9734
          
          4.CUR < .4.NO
          4.CUR.10.fontColor = #FF9734

       }  # Ende von MENU_LINKS 
       
       
        # Das grafische Menü für das rechte Submenü erstellen
       SUCHE = HMENU
       SUCHE{
          special = directory
          special.value = 202
          entryLevel = 0
          1 = GMENU
          1.NO = 1
          1.NO {	
             offset = 0
 	    XY = 140, 35
             1= IMAGE
             1.file = fileadmin/images/button_suche.gif
             		
             # Text auf den Menüpunkt rendern
             10 = TEXT
             10.text.field = title
             10.fontColor = #000000             
             10.fontFile = fileadmin/fonts/verdanab.ttf
             10.fontSize = 10
             10.niceText = 0
	    10.offset = 0, 22
         	    10.align = center
             
             # Eine ggf. vorhandene zweite Textzeile anzeigen lassen
             15 < .10
             15.text.listNum = 1
             15.offset = 14, 16

             # Hilfsebene zur Berechnung der Höhe von Menüpunkten
             16 < .10
             16.text.case = upper
             16.text.listNum = 1
             16.fontSize = 12
             16.offset = 1000,1000
 	 }
	 	 	
          # Einen RollOver-Zustand beschreiben
          1.RO < .1.NO
          1.RO.10.fontColor = #FF9734
          
       }  # Ende von RECHTS

     

       

     
                

      
       
       
 # Klickpfad erstellen
 KLICKPFAD = HMENU
 KLICKPFAD {
   offset = 30
   XY = 30, 20
   special = rootline
   special.range = 1|4
   1 = TMENU
   1.NO = 1
   noBlur = 1
   1.NO.linkWrap = >|  
   1.CUR = 1
   	1.CUR < .1.NO
   	1.CUR.doNotLinkIt = 1

   
   

    }
    
   
                    
             

        
    
    
   #inhalt ausgeben
    INHALT = CONTENT
    INHALT {
    table = tt_content
    
    }

    	

       
       
        	}
	   
 

    

 }
 
  # Seiteninhalt beschreiben
tt_content = COA
tt_content {


# Überschfrift ausgeben
10 = TEXT
10 { 
	field = header
	wrap = <h1>|</h1>
	}
	#bodytext ausgeben 
	20 = TEXT
	20 {
	field = bodytext
	10.offset = 50, 20
	XY = 100, 30
	wrap = <p>|</p>

}
 
}

}
}

und mein CSS

h2,h3,h4,h5,h6,div,p,body,html,input,button { 
	font: normal 14px Verdana
	
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
font-size: 80%;

}



h1 { 
	font: normal 20px Verdana;
	font-weight: bold;
}

img.block {
	display:block;
}

div, img {
  margin:0;
  padding:0;
  border:0;
  border-color:#000066;
}

div#container {
  width:980px;
  border:0px solid silver;
  font-size: 80%;

}



div#header { background-color:white; }

/*-----------------------------------*/

div#head { 
	font: normal 12px Verdana;
	width:600px;
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
    margin-left: 10px;
	background-color:#FFFFFF;
	text-decoration: none;
	float:left;
	}

div#head a {
   text-decoration: none;
   color:#FF9734; 
   }

div#suche{
margin-left:220px;
float:left;
}





div#links {
	width:250px; 
	font-weight: bold;
	margin-left: 5px;
	float:left;
	}
	
	
	
div#content {
    margin-left: 20px;
	width:675px;
	padding-top:7px;
	padding-bottom:30;
	float:left;
    border:0px solid silver;
	font-size: 80%;

  }
  
  a:active {
	color: #FF9734;
}
a:link {
	color: #33CCCC;
}
a:visited {
	color: #33CCCC;
}
a:hover {
	color: #FF9734;
}
	
	
	
div#oben{
    padding-top:7px;
	border:0px solid blue;
	height: 24px;
	/*background-image: url(../fileadmin/images/newso.gif);*/
	
	}


div#inhalt{
	/*height:auto;*/
	/*background-image: url(../fileadmin/images/newsm.gif);*/
	padding-right: 10px;
	padding-left: 10px;
	background-color:#FFFFFF;
	    border:0px solid #dfe4e8;
		font-size: 80%;

	}


div#unten {
	height: 16px;
	/*background-image: url(../fileadmin/images/newsu.gif);*/
	    border:0px solid blue;
	}



div#right {
	margin-left:20px;
	width:200px; 
	float:left;	
	}


.float-left { 
	float:left; 
	}


div#footer {
  /*position:absolute;
  left:0px;*/
  margin-left:0px;
  width:500px;
  background-color:#FFFFFF;
  float:left;
	}

div#menu_unten {
  margin-top:40px;
  width:410px;
  height:37px;
  font: bold 11px Verdana,Arial;
  padding-top:15px;
  text-align:center;  
  fontColor:#000000;
  background-image: url(../fileadmin/images/button_unten.gif);
  background-repeat:no-repeat;
  float:left;
	}



div#menu_unten a {
   text-decoration: none;
   color:black;
   }
hijacker ·

normal, definierst due deinen Inhalts div, ###INHALT###
passt dazu die css an.

marks.INHALT <styles.conten.get

nicht vergessen cssstyledcontent zu inkludieren

Gruß