Vorlage erstellen

  • hab folgenden quellcode:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title></title>
    <!-- TemplateEndEditable -->


    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    <style type="text/css">
    #nav {
    background-color: #333333;
    background-image: none;
    text-align: center;
    padding: 5px;
    list-style-type: none;
    }
    #nav ul {
    list-style-type: none;
    }
    #nav li {
    display: inline;
    padding-top: 190px;
    padding-right: 10px;
    padding-bottom: 190px;
    padding-left: 10px;
    color: #FFFFFF;
    }
    #nav a {
    font-family: "Times New Roman", Times, serif;
    font-size: medium;
    color: #FF0000;
    text-decoration: none;
    font-style: italic;
    }
    #nav a:hover {
    font-family: "Times New Roman", Times, serif;
    font-size: medium;
    font-style: italic;
    color: #00CC00;
    text-decoration: none;
    }
    </style>




    />
    </head>


    <body>
    <div id="container">
    <div id="top">
    <div id="nav">
    <ul>
    <li><a href="../index.html">Home</a></li>
    <li><a href="../paintings/index.html">Paintings</a></li>
    <li><a href="../cards/prints.html">Cards</a></li>
    <li><a href="../cards/prints.html">Prints</a></li>
    <li><a href="../barry/index.html">Barry Lopez Books</a></li>
    <li><a href="../bio.html">Biography</a></li>
    <li><a href="../contact.html">Contact</a></li>
    <li><a href="../order.html">Order</a> </li>
    </ul>
    </div>
    </div>


    <!-- TemplateBeginEditable name="main" -->
    <div id="main">Content for id "main" Goes Here </div>
    <!-- TemplateEndEditable -->
    <div id="nav">
    <ul>
    <li><a href="../index.html">Home</a></li>
    <li><a href="../paintings/index.html">Paintings</a></li>
    <li><a href="../cards/prints.html">Cards</a></li>
    <li><a href="../cards/prints.html">Prints</a></li>
    <li><a href="../barry/index.html">Barry Lopez Books</a></li>
    <li><a href="../bio.html">Biography</a></li>
    <li><a href="../contact.html">Contact</a></li>
    <li><a href="../order.html">Order</a> </li>
    </ul>
    </div>
    </div>
    </body>
    </html>




    das problem dabei ist das im browser nur die UNTERE na. Leiste funktioniert(links, rollover) design wird aber angezeigt.
    Hab es in ie und in ff versucht, irgendwer ne idee was falsch ist? hab das jetzt schon 5 mal durchgekaut und ich finde keinen fehler

  • Hallo,


    zum einem entferne einmal das ungültige Zeichen />:

    HTML
    1. />
    2. </head>


    Zum anderen darf eine ID nur genau ein einziges Mal in Deinem Quelltext vorkommen - <div id="nav"> kommt bei Dir zweimal vor; in einem Fall, wo zum Beispiel eine Formatierung mehrmals angewendet werden soll - wie bei Dir bhinsichtlich der Navigation -, greift man auf Klassen (im Ggs. zu ID) zurück.

    Mit liebem Gruß
    simplicissimus

  • wie genau meinst du das? css klassen oder was? wie soll mmir das hier helfen?
    habs jetzt mit der id nav, und ein zweites mal mit foot gemacht und die css regeln dupliziert, jedoch funktioniert auch jetzt das obere nicht, bzw, wenn ich foot lösche geht es schon etc.