Ein kleines Problem wegen font-style

Aaron · 6. November 2008

Hallo zusammen

Ich bin neu hier und zuerst möchte ich Euch sagen, dass HTML Seminar macht mir sehr viel spass. Schritt für Schritt gehe ich durch und lerne es mir. Mit Webocton schreibe ich es auch immer. Nun habe ich aber ein Problem wegen font-style.

Hier mal mein HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
<!--

/* folgende Definition bezieht sich auf TAG h1 */
h1 {
color:#FF9F00; /* Farbe orange */
font-size:28pt; /* Größe 28pt */
font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
p {
color:#FF0000;
font-weight:bold
font-style:italic;
text-indent:1.5em;
}

-->
</style>

<h1>wichtigste Überschrift h1</h1>

<p>Und nun ein normaler Absatz</p>

<h2>Überschrift h2</h2>

<p>Und nun ein normaler Absatz</p>

<h2>Überschrift h2</h2>

<p>Noch ein normaler Absatz</p>

Was ist da bitte schön falsch? Warum zeit mir das font-style rot an? Rot gleich falsch. :roll:

Wer kann mir da weiter helfen?
Danke sehr...

Code

lauras · 6. November 2008

simpler fehler, der mir auch immer mal wieder passiert:

du hast vor dem font-style ein semikolon vergessen, in der zeile davor nach dem bold

Lg

Laura

YetiZwerg · 6. November 2008

Code

p {
color:#FF0000;
font-weight:bold;
font-style:italic;
text-indent:1.5em;
}

hier haste deinen fehler verbessert...

kleiner Tipp:
Lager folgenden Code in die datei style.css aus:

Code

h1 {
color:#FF9F00; /* Farbe orange */
font-size:28pt; /* Größe 28pt */
font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
p {
color:#FF0000;
font-weight:bold;
font-style:italic;
text-indent:1.5em;
}

Alles anzeigen

In den Headbereich deiner .html-datei kannst du dann folgende Zeile einfügen, damit sie Bezug zu deiner style.css nimmt:

Code

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

Es hat einen einfachen Grund, warum ich dir denVorschlag mache:
Wenn du den style auslagerst, kannst du von jeder Seite darauf zugreifen, so sehen alle Seiten mit dem <link ... gleich aus...
Und solltest du an der style.css etwas ändern, ändert es sich auf den ganzen Seiten...
Außerdem spart es Traffic und somit ist deine Seite schneller geladen.

mkG YetiZwerg

Aaron · 6. November 2008

Danke für die Antworten und der Tipp!

Habe echt genau angeschaut, an was das liegen kann. Jetzt ist mir es klar das Semikolon ansonst wäre ich nicht drauf gekommen. Aber eben die kleine Dinge sind hier wichtig.

YetiZwerg... Meinst du ich soll es in style.css speichern? Damit es besser aussieht wenn ich hier im Forum es poste? Ich weiss eben nicht genau, wie das wegen dem Code hier im Forum einschreiben könnte.

lauras · 7. November 2008

im forum ist es egal, dann postest du die html und die css... aber immmer beides falls in der verlinkung mal nen fehler ist und es daran liegt wennes nicht klappt

YetiZwerg · 7. November 2008

Zitat

Meinst du ich soll es in style.css speichern?

Ja genau das meine ich.
Erstelle deine style.css mit deinem CSS-Code in selber Ebene, wie deine index.html.
index.html = Startseite

und kopiere folgenden Code in den head deiner index.html

Code

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

Es liegt weniger daran, wie es im Forum aussieht, wie lauras schon sagte, es bietet einfach mehr Komfort bei der Bearbeitung deiner Seite und zudem ist diese schneller.

mkg YetiZwerg

Aaron · 8. November 2008

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
    <title>Nur ein Test</title>




    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




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




<body>
<style  type="text/css">
<!--




/*  folgende  Definition  bezieht  sich  auf  TAG  h1  */
h1  {
   color:#FF9F00;    /*  Farbe  orange  */
   font-size:28pt;   /*  Größe  28pt    */
   font-family:arial,  "lucida  console",  sans-serif;  /*  Schriftart  */
}




-->
</style>







<h1>wichtigste  Überschrift  h1</h1>




<p>Und  nun  ein  normaler  Absatz</p>




<h2>Überschrift  h2</h2>




<p>Und  nun  ein  normaler  Absatz</p>




<h2>Überschrift  h2</h2>




<p>Noch  ein  normaler  Absatz</p>
</body>
</html>

Alles anzeigen

Die Datei heisst nun: test1style.css
Ist es das wo du meinst? Das meta im Head bereich estellt Webocton automatisch...

Peter Gedamke · 8. November 2008

also dann musst du hier die Eingabe auch entsprechend ändern
in:

Was ich vermisse sind jegliche Formatierungen für den body-Bereich allgemein, sowie in deinem Muster Vorgaben für h2 und den <p>-Bereich

Aaron · 9. November 2008

So in etwa?

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
    <title>Nur ein Test</title>




    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




    <link href="test1style.css" type="text/css" rel="stylesheet" />
</head>




<body>
<style  type="text/css">
<!--




/*  folgende  Definition  bezieht  sich  auf  TAG  h1  */
h1  {
   color:#FF9F00;    /*  Farbe  orange  */
   font-size:28pt;   /*  Größe  28pt    */
   font-family:arial,  "lucida  console",  sans-serif;  /*  Schriftart  */
}




-->
</style>







<h1>wichtigste  Überschrift  h1</h1>




<p>Und  nun  ein  normaler  Absatz</p>




<h2>Überschrift  h2</h2>




<p>Und  nun  ein  normaler  Absatz</p>




<h2>Überschrift  h2</h2>




<p>Noch  ein  normaler  Absatz</p>
</body>
</html>

Alles anzeigen

Aber das ist ja nur eine Aufgabe oder Test gewesen. Keine Homepage...

Aaron · 9. November 2008

Hier noch die Formatierung im Tag <p> Bereich:

Code

<style  type="text/css">
<!--




/*  folgende  Definition  bezieht  sich  auf  TAG  h1  */
h1  {
   color:#FF9F00;    /*  Farbe  orange  */
   font-size:28pt;   /*  Größe  28pt    */
   font-family:arial,  "lucida  console",  sans-serif;  /*  Schriftart  */
}
p   {
        color:#AA2AFF;
        font-weight:bold;
        font-style:italic;
        text-indent:1.5em;
    }




-->
</style>







<h1>wichtigste  Überschrift  h1</h1>




<p>Und  nun  ein  normaler  Absatz</p>




<h2>Überschrift  h2</h2>




<p>Und  nun  ein  normaler  Absatz</p>




<h2>Überschrift  h2</h2>




<p>Noch  ein  normaler  Absatz</p>

Alles anzeigen

Ach noch was...
Vielleicht arbeitet ihr ja auch mit Webocton. Wo kann ich es farbiger gestalten die Tags usw.? Ja und welche am meisten Schriftarten braucht man?

lauras · 9. November 2008

nene der style tag gehört schon in den head bereich... und der rest... arbeite mal das seminar durch oder die kurzreferenz css

Ein kleines Problem wegen font-style

Jetzt mitmachen!

Teilen