style tag ändern in text.css

[michisa86888]

Hallo will mein <style> tag so ändern das er in ne extra css datei kommt. Weiss aber noch net wie man das macht das es funktioniert. hab mal probiert das einfach reinzukopieren funktioniert auch fast alles. Aber halt net ganz.
Kann mir jemand helfen??

<style type="text/css">
body {
color: black;
background-color: #39C;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0;
padding: 1em;
min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

h1 {
font-size: 1.5em;
margin: 0 0 0.7em; padding: 0.3em;
text-align: center;
background-color: yellow;
border: 2px ridge silver;
}

ul#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 0 0 1.2em; padding: 0;
border: 1px solid black;
background-image:url(images/navi.jpg)
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: blue;
}
ul#Navigation a:visited {
color: black; background-color: blue;
}
ul#Navigation a:hover {
color: black; background-color: #FF0;
}
ul#Navigation a:active {
color: black; background-color: yellow;
}

div#Info {
font-size: 0.9em;
float: right; width: 12em;
margin: 0 0 1.1em; padding: 0;
background-color: #eee; border: 1px dashed silver;
}
div#Info h2 {
font-size: 1.33em; /*Schriftgrösse Infobereich Überschrift*/
margin: 0.2em 0.5em;
}
div#Info p {
font-size: 1em; /* Schriftgrösse Infobereich Text*/
margin: 0.5em;
}

div#Inhalt {
margin: 0 12em 1em 16em;
padding: 0 1em;
border: 1px dashed silver;
}
* html div#Inhalt {
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
div#Inhalt h2 {
font-size: 1.2em; /*Schriftgrösse contentbereich Überschrift*/
margin: 0.2em 0;
}
div#Inhalt p {
font-size: 1em; /*Schriftgrösse contentbereich text*/
margin: 1em 0;
}

p#Fusszeile {
clear: both;
font-size: 0.9em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #fed; border: 1px solid silver;
}
</style>

 

[Designerist]

AW: style tag ändern in text.css

Link zur Site bitte, und Angabe, was falsch daherkommt.
Nur schon mal vorab: Bei ul#Navigation fehlt das ; (Semikolon) beim bg image
Grüsse, Designerist

 

[michisa86888]

AW: style tag ändern in text.css

Seite hab ich noch nicht hochgeladen. Bearbeite sie noch offline.
Fehler ist das sich der Footer in den Contentbereich hineinschiebt.
P.S danke für den Fehler mit dem Semikolon

 

[Designerist]

AW: style tag ändern in text.css

p#Fusszeile {
clear: both;
font-size: 0.9em;
margin: 0;
Achtung hier = padding: 0.1em; sollte das nicht einfach 0 sein?
text-align: center;
background-color: #fed; border: 1px solid silver;
}
Grüsse, Designerist

 

[michisa86888]

AW: style tag ändern in text.css

Ne das macht eigentlich net viel unterschied. Nur minimal!
An dem liegt es glaub net.
Ich tüfftel grad selber noch bissle rum.
Hoffe finde den Fehler bald.

 

[fexx]

AW: style tag ändern in text.css

ohne link wirds nur schwer sein dir zu helfen, weil wir nicht genau wissen, was du als "fehler" ansiehst^^

 

[Doitsu]

AW: style tag ändern in text.css

Screens & das Markup wuerdens auch tun..

 

[kleeaar]

AW: style tag ändern in text.css

Hallo will mein <style> tag so ändern das er in ne extra css datei kommt. Weiss aber noch net wie man das macht das es funktioniert. hab mal probiert das einfach reinzukopieren funktioniert auch fast alles. Aber halt net ganz.
Kann mir jemand helfen??

<link rel=”stylesheet” href=”style.css” type=”text/css”/>

und in die style.css kommt einfach dein CSS rein (aber ohne die <style> tags...)
ich hoffe das beantwortet deine eigentliche Frage...
(zumindest habe ich es so verstanden )

Grüße

 

[Ladyan]

AW: style tag ändern in text.css

Also die Ursprungfrage war doch eigentlich nur, wie man die Inline-Styles so aufbereitet, dass man sie in eine ausgelagerte CSS-Datei schreiben kann.

Antwort: Du musst nichts ändern. Deinen <style.... > Tag brauchst du nicht; schreib einfach die Definitionen rein und speichere die Datei als .css