Tachie: h2 ändern

Hallo Leute,

ich hab ein Problem, ich habe heute angefangen eine Website zu erstellen.
Wenn ich jetzt die Farbe, Größe oder Position von h2 ändern möchte nimmt er es nicht an.
Also er nimmt nur h1 an...

<!DOCTYPE HTML>  
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<title>Halli Hallo</title>  
<style type="text/css">  
body {  
 font-family: @HGHeiseiMinchotaiW3;  
 font-weight: bold;  
 font-style: italic;  
 text-decoration: underline;  
 color: #000040;  
 background: #80FF00;  
}  
</style>  
<style type="text/css">  
h1 {  
    border-top-left-radius: 10px;  
    border-bottom-right-radius: 10px;  
    background-color: #f00;  
    padding-left: 6px;  
    padding-right: 6px;  
    display: inline-block;  
}  
</style>  
<style type="text/css">  
h2 {  
    border-top-left-radius: 10px;  
    border-bottom-right-radius: 10px;  
    background-color: #f00;  
    padding-left: 6px;  
    padding-right: 6px;  
    display: inline-block;  
}  
</style>  
<style type="text/css">  
ol {  
 font-family: @HGHeiseiMinchotaiW3;  
 font-size: medium;  
 color: red;  
}  
</style>  
<style type="text/css">  
li {  
 font-family: @HGHeiseiMinchotaiW3;  
 font-size: medium;  
 color: #FF0000;  
}  
</style>  
  
</head>  
  
<body>  
   <h1>Willkommen auf meiner Homepage!</h1>  
  <p>Also das ist das erste mal das ich eine Website erstelle</p>  
<ul>  
  <li>Startseite</li>  
  <li><a href="html/preise.html">Unsere Preise</a></li>  
  <li><a href="html/bilder.html">Bilder von unseren Produkten</a></li>  
</ul  
  
   <h2>Überschrift nummer</h2>  
  
<ol>  
  <li>Hierhin gehts  
    <ol>  
      <li>Hierhin</li>  
      <li>keine Ahnung</li>  
      <li>joar</li>  
      <li>und jetzt</li>  
    </ol>  
  </li>  
   <li>Und dahin  
     <ol>  
       <li>Dadrunter</li>  
       <li>Dadruf</li>  
       <li>Und da</li>  
     </ol>  
   </li>  
</ol>  
  
   <p>und hier noch ein bisschen</p>  
</body>  
</html>

Bitte keine Kommentare über den Inhalt, das ist nur zum Üben :)

Ich danke schon mal

Freundliche grüße

Tachie

  1. Hallo,

    du hast beim ersten schließenden ul

    <p>Also das ist das erste mal das ich eine Website erstelle</p>
    <ul>
      <li>Startseite</li>
      <li><a href="html/preise.html">Unsere Preise</a></li>
      <li><a href="html/bilder.html">Bilder von unseren Produkten</a></li>
    </ul

    die schließende spitze Klammer vergessen.

    Gruss

    MrMurphy

  2. Hi,

    ich hab ein Problem, ich habe heute angefangen eine Website zu erstellen.
    Wenn ich jetzt die Farbe, Größe oder Position von h2 ändern möchte nimmt er es nicht an.
    Also er nimmt nur h1 an...

    Das hat MrMurphy schon geklärt.

    Frage: warum setzt Du jedes css-ruleset in ein eigenes style-Element statt alle in eins?

    font-family: @HGHeiseiMinchotaiW3;

    Hier sollten Alternativen angegeben werden, falls die gewünschte Schrift nicht vorhanden ist - am Ende eine der generischen Schriftfamilien (serif, sans-serif, ...)
    Heißt die Schrift wirklich so? Mit dem @ am Anfang?

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
  3. @@Tachie:

    nuqneH

    Wenn ich jetzt die Farbe, Größe oder Position von h2 ändern möchte nimmt er es nicht an.

    Da hättest du auch selbst frauf kommen können. Immer, wenn etwas nicht so will wie’s soll, empfielt sich ein Blick ins Entwicklungswerkzeug des Browsers (Element untersuchen). Dann siehst du, dass du gar kein h2-Element hattest:

    <!DOCTYPE html>
    ▼<html>
      ▶<head></head>
      ▼<body>
        ▶<h1></h1>
        ▶<p></p>
        ▶<ul></ul>
         Überschrift nummer
        ▶<ol></ol>
        ▶<p></p>
       </body>
     </html>

    Wenn du den Fehler beim Blick in den Quelltext nicht findest, frag den Validator:

    Error: Saw < when expecting an attribute name. Probable cause: Missing > immediately before.
    At line 62, column 4
    </li>↩</ul↩↩ <h2>Überschrift

    Error: End tag had attributes.
    At line 62, column 7
    i>↩</ul↩↩ <h2>Überschrift nu

    Error: Stray end tag h2.
    From line 62, column 26; to line 62, column 30
    ift nummer</h2>↩↩<ol>

    So einfach kann Debugging sein.

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
  4. Hallo,

    ich danke euch für die Antworten, werde mich gleich daran machen und die Fehler beheben.

    Gruß Tachie

    1. Hallo,

      ich danke euch für die Antworten, werde mich gleich daran machen und die Fehler beheben.

      Gruß Tachie

      P.s.: denke ich der Html5 editor beschreibt diese schrift so