horizontales Menü (display:inline) funktioniert nicht!

zAPPEL · 01.10.2008, 16:49

Also wie gesagt, <h2> innerhalb der li ist nicht gut, warum hast du das?

HTML-Code:

<!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=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#top {
    font-size: 0.83em;
    float: left; width: 120px;
    margin: 0 0 1.2em; padding: 0;

  }

  #top li {
    display:inline ;
    list-style: none;
    margin: 0; padding: 0.0em;
    list-style-type: none;
  }
  
#top a {
    padding: 0.2em;
    font-weight: bold;
    
  }
  
h2 {
 font-size: 1em;
    margin: 1.1em 0 0;   padding: 0.2em;
    border-color: #FDDBA5;
    color: #9C7E4D; background-color: #FDDBA5;
  }-->
</style>
</head>

<body>
<h2>Menue:</h2>
<ul id="top">
<li><a href="/bla.html">Bla</a></li>  
<li><a href="/bla.html">Bla</a></li>  
<li><a href="/bla.html">Bla</a></li>  
</ul>

</body>
</html>

Wie soll das ganze denn am Schluss aussehen?
Menü: Menü1 Menü2 Menü3 ?

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)