Antworten auf deine Fragen:
Neues Thema erstellen

style tag ändern in text.css

michisa86888

Nicht mehr ganz neu hier

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

Aktives Mitglied

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

Nicht mehr ganz neu hier

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

Aktives Mitglied

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

Nicht mehr ganz neu hier

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

Aktives Mitglied

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^^
 

kleeaar

zwo-eins-risiko!

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??
HTML:
<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

Nicht ganz neu hier

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben