[TYPO3-german] TYPO3 CSS

xy xy at roth.biz
Tue Mar 23 10:15:59 CET 2010 

Hallo Wolle,

vielen Dank für Deine schnelle Antwort. Firebug werde ich mir
installieren - guter Tipp.

<h1> habe ich bereits in meiner CSS Datei definiert (s. weiter unten).
Deshalb kam bei mir die Frage auf wieso diese Definition nicht genommen
wird.

html, body {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #404040;
  line-height: 16px;
  background-color: #F4E9CF;
}

p {
  margin: 10px 0px 10px 0px;
}

div {
  text-align: left;
}

form {
  margin: 0px;
}

h1 {
  font-size: 21px;
  line-height: 20px;
  margin-top: 20px;
  font-weight: normal;
}

Die Navigation wird anstandslos aus meiner CSS genommen. Sie ist
folgendermaßen definiert:

/* die Navigation */
#navigation {
  width: 898px; height: 25px;
  padding: 0px;
  border-top: 1px solid #F4E9CF;
  border-bottom: 2px solid #7F3C21;
  background: #DFBC6C url(images/bkg_navigation.gif) no-repeat left;
  border-left: 1px solid #7F3C21;
  border-right: 1px solid #7F3C21;
}

#navigation a, #navigation a:visited, #navigation a:focus, #navigation
a:hover, #navigation a:active {
  display: block;
  float: left;
  color: #7F3C21;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 10px 5px 10px;
  margin: 0px 1px 0px 0px;
	
}

#navigation a:hover {
  color: #DFBC6C;
  background-color: #7F3C21;
}

#navigation .active, #navigation .active:visited,
#navigation .active:focus, #navigation .active:hover,
#navigation .active:active {
  color: #DFBC6C;
  background-color: #7F3C21;
}

Danke und viele Grüße

Max

On Tue, 2010-03-23 at 09:41 +0100, Wolfgang Kleinbach wrote:
> Hallo Max,
> 
> ich empfehle Dir unbedingt die Benutzung von Firebug (für Firefox) oder 
> ähnliche Tools, sofern Du einen anderen Browser verwendest.
> Damit kannst Du sehr schnell erkennen, wo es in den css-Dateien hapert 
> bzw. wo Du eine zusätzliche Definition brauchst.
> 
> Du könntest z.B. einfach für <h1> und <p> in Deiner CSS-Datei die 
> font-size-Angaben entsprechend definieren.
> 
> Gruss,
> 
> Wolle
> > Hallo Jochen,
> >
> > vielen Dank für Deine schnelle Antwort und den Link.
> >
> > Meine css habe ich genau so eingebunden.
> >
> > Auszug aus meinem Template:
> >
> > page = PAGE
> > page {
> >    bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
> >    meta.AUTHOR = Classic Cars Constance
> >    meta.DESCRIPTION = Website of CCC
> >    stylesheet = fileadmin/ccc.css
> > [...]
> >
> > Und wie gesagt wird ein Teil der Seite auch nach meinem css formatiert.
> > Z.B. <div id="navigation">
> >
> > Was mich zu meiner Vermutung bewegt hat ist folgender Eintrag im Source:
> > <div id="c1" class="csc-default" >
> >
> > Den Unterschied sieht man unter: www.classic-cars-constance.com (So soll
> > es aussehen!) und
> > rothmedia.dyndns.org/ccc (So sieht es aktuell aus.).
> >
> > Anbei Auszüge aus dem Source der Seite:
> >
> > <html>
> > <head>
> >
> > [...]
> >
> > <link rel="stylesheet" type="text/css"
> > href="typo3temp/stylesheet_75262a5d1b.css" media="screen" />
> > <link rel="stylesheet" type="text/css" href="fileadmin/ccc.css" media="screen" />
> >
> > [...]
> >
> > <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
> >
> > <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
> >   <tr>
> >     <td valign="top" align="center">
> >       <div id="page">
> > 	  <img src="uploads/media/spider01.jpg" width="600" height="300" border="0" alt="" title="" /><img src="fileadmin/images/logo_classic-cars-constance.gif" width="300" height="300" border="0" alt="" title="" />
> > 	<div id="navigation"> <!-- navigation -->
> > 	  <a href="index.php?id=3" onfocus="blurLink(this);"  class="active">Home</a><a href="index.php?id=4" onfocus="blurLink(this);"  >Classic Cars Constance</a><a href="index.php?id=6" onfocus="blurLink(this);"  >Oldtimer</a><a href="index.php?id=5" onfocus="blurLink(this);"  >Verleih</a><a href="index.php?id=7" onfocus="blurLink(this);"  >An- & Verkauf</a><a href="index.php?id=8" onfocus="blurLink(this);"  >Service</a><a href="index.php?id=9" onfocus="blurLink(this);"  >Shop</a><a href="index.php?id=10" onfocus="blurLink(this);"  >Projekte</a><a href="index.php?id=11" onfocus="blurLink(this);"  >AGB</a><a href="index.php?id=12" onfocus="blurLink(this);"  >Kontakt</a><a href="index.php?id=13" onfocus="blurLink(this);"  >Archiv</a>
> > 	</div> <!-- navigation -->
> > 	<div id="content">
> > 	  
> > 	<!--  CONTENT ELEMENT, uid:1/text [begin] -->
> > 		<div id="c1" class="csc-default" >
> > 		<!--  Text: [begin] -->
> > 			<div id="textBox"><div><h1>Meisterwerke der Technik und des Designs</h1>
> > <p class="bodytext">Es sind Charakter und Souveränität, die uns beeindrucken.<br />  Es sind Individualität und Stil, die uns begeistern.<br /> Es sind Form und Vollendung, die uns betören.<br /> Und es sind Lack und Chrom, die uns verführen.</p></div></div>
> > 		<!--  Text: [end] -->
> > 			</div>
> > 	<!--  CONTENT ELEMENT, uid:1/text [end] -->
> > 		
> > 	  <div id="copyright">
> >                 <table cellpadding="0" cellspacing="0" border="0" width="100%">
> >                 <tr>
> >                 <td align="left"><p>&copy; <?= date(Y,time()) ?> classic cars constance - Alle Rechte vorbehalten!</td>
> > <td align="right"><a href="/impressum.php">Impressum</a></td>
> >                 </tr>
> >                 </table>
> > 	  </div>
> > 	</div> <!-- content -->
> >
> >       </div> <!-- page -->
> > </td>
> >   </tr>
> > </table>
> >
> > </body>
> > </html>
> >
> >
> > Vielen Dank
> >
> > Max
> > _______________________________________________
> > TYPO3-german mailing list
> > TYPO3-german at lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> >
> >
> >   
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>

More information about the TYPO3-german mailing list