CSS in externe Datei?

plate

Tripel-As

Dabei seit: 21.02.2004

Beiträge: 190

1

Sonntag, 5. Dezember 2004, 11:35

Hallo,
ich habe Container in CSS defeniert. Die sind momentan direkt in der HTML Seite eingebunden. Ich hätte die Container gerne in einer externen CSS Datei. Wie ich die Container Definitionen in eine externe Datei einfügen und dann in die HTML einbinden ist klar. Aber wie gebe ich in der HTML Seite dann denn Inhalt der Container an. Das was im Moment mit Layer1, Layer2, etc. in die Container geschrieben ist.
Ich habe die .htm als .zip mal als Datei angehängt.

Ihr würdet mir sehr helfen!

Danke,
mfg
plate

»plate« hat folgende Datei angehängt:

css_container.zip (378 Byte - 33 mal heruntergeladen - zuletzt: 17. Februar 2012, 21:48)

Dynamite Network Forum
Bitte helft mir etwas leben in mein Forum zu bringen!
Danke

treo

Super Moderator

Dabei seit: 16.09.2002

Beiträge: 3 669

2

Sonntag, 5. Dezember 2004, 12:56

deine css datei sieht dann so aus:

Quellcode

#layer1 {
position:absolute; 
width:902px;
height:100px;
z-index:1;
background-color: #0099CC; 
border: 1px solid #000000;
left: 50px;
top: 0px;
}
#layer2 {
position:absolute; 
width:100px; 
height:100%;
z-index:1;
background-color: #0099CC; 
border: 1px solid #000000;
left: 50px;
top: 101px
}
usw...

ihre DNS Analyse zeigt eine krankhafte Abneigung gegen jegliche Autorität und einen Charakter der zum Gewaltausbrechen neigt....

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »treo« (5. Dezember 2004, 12:57)

gaby*

Routinier

Dabei seit: 28.07.2003

Beiträge: 259

3

Sonntag, 5. Dezember 2004, 14:12

RE: CSS in externe Datei?

Um das Lernen der Grundbegriffe wirst du aber nicht herumkommen.
Eine von vielen Möglichkeiten hast du hier:
http://www.htmlwiki.de/Tutorial/CSS

Verlaß dich auch nicht immer auf die Richtigkeit von dem, was du dir in deinem Editor (wahrscheinlich Dreamweaver) zusammenklickst und benutze keine dir unbekannten Eigenschaften.
Wofür zb brauchst du "z-index" ?
Noch dazu 4 mal mit dem gleichen Wert.
Weißt du, was passiert, wenn du zb in 'layer-2'
"einenGanzLangenLinktext" einfügst?

IMO ist der Weg, den du einschlägst, nicht der richtige, um CSS zu lernen, denn sogar Dreamweaver MX produziert in dieser Beziehung immer noch viel Mist.
Das Problem dabei ist, daß du es nicht erkennst, es für richtig hälts und dir so einprägst.
Ich empfehle wirklich, sich mit Hilfe eines Tutorials erstmal Beispieldateien aufzubauen.

gaby

plate

Tripel-As

Dabei seit: 21.02.2004

Beiträge: 190

4

Sonntag, 5. Dezember 2004, 18:23

Danke,
habs jetzt rausgefunden. Ich habe aber eine andere Frage:

Ich habe ja immer den Abstand von links mit "left: ..px;" angegeben. Ich möchte aber das die ganze Website immer zentriert ist.
Am Liebsten eine Syntax in CSS die ich auch in das externe Stylesheet einbinden kann.
Wie geht das?

Dann kann ich den Abstand von links ja auch weglassen, oder?

Danke,
mfg
plate

Dynamite Network Forum
Bitte helft mir etwas leben in mein Forum zu bringen!
Danke

treo

Super Moderator

Dabei seit: 16.09.2002

Beiträge: 3 669

5

Sonntag, 5. Dezember 2004, 18:28

body {
width: 500px;
margin-left: auto;
margin-right: auto;
}

damit kannst du es machen

ihre DNS Analyse zeigt eine krankhafte Abneigung gegen jegliche Autorität und einen Charakter der zum Gewaltausbrechen neigt....

Alfons_G

Routinier

Dabei seit: 26.04.2003

Beiträge: 486

6

Montag, 6. Dezember 2004, 22:31

Grundsätzlich wird alles in einem externen Stylesheet genauso aufgerufen, wie wenn es in der HTML-Seite selbst steht.
Dabei gilt: Styles im Kopf der HTML-Datei überlagern das externe Stylesheet, wenn dort ein Element neu definiert wird. Eine Stle-Zuweisung an in einzelnes HTML-Tag im Quelltext überlagert wiederum alles, was vorher definiert wurde, aber nur für dieses einzelne Element.

Alfons