Hallo
Ich möchte einen Bereich mit einer Hintergrundfarbe versehen.
siehe unter http://atv.strichmaennli.ch
der hellblaue Bereich habe ich in css definiert:
Code:
#background {
background-color: #D1E4F9;
width: 980;
height: 600;
position: absolute;
left: 55px;
top: 227px;}
Nun meine Fragen:
Wo muss ich den Verweis auf css auf der html-vorlage setzen?
ich habe zurzeit einfach irgendwo ein DIV-Tag gesetzt <div id="background"></div>
Wie kann ich es machen, dass der Bereich in den Hintergrund geht und nicht alles überlappt?
Bei mir habe ich zwischen <head> und </head> eingetragen und es funktioniert.
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css" id="internalStyle">
/*<![CDATA[*/
BODY { margin: 0 0 0 0; background-color: white; }
/*]]>*/
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
Strichmaennli schrieb
Wo muss ich den Verweis auf css auf der html-vorlage setzen?
Styles bindest du z.B. so ein (benutz die Typo-Script Referenz im Forumsmenu und die Suche):
page.includeCSS {
file1 = fileadmin/templates/main.css
file2 = fileadmin/templates/rte.css
#file3 = fileadmin/templates/print.css
#file3.media = print
}
Strichmaennli schrieb
ich habe zurzeit einfach irgendwo ein DIV-Tag gesetzt <div id="background"></div>
Wie kann ich es machen, dass der Bereich in den Hintergrund geht und nicht alles überlappt?
http://www.css4you.de (schadet sicher nicht)
Indem du irgendein Tag das den Bereich umschließt den du farbig haben willst - z.B. das Body-Tag per CSS mit einer Hintergrundfarbe belegst.
Du musst auf gar keinen Fall ein DIV über die Seite legen, das geht wohl am Ziel vorbei.
@Strichmaennli
Wie ich sehe nutzt Du eine externe Stylesheetdatei als Formatvorlage für Dein Layout.
Ich würde mir an Deiner Stelle aber auf garkeinen Fall das Layouten über eine Kombination aus Tabellen und Divs angewöhnen...
Versuche doch lieber Deine Seite über ein Divset und und konsequent über entsprechende CSS_Styles in Deiner externen .css zu formatieren.
Zusätzlich zu miwolframs Link wäre dies ein Einstieg in die Materie:
http://www.stichpunkt.de/css/bereiche.html
Gruß,
pop-atze