✔ 2 unterschidliche Listen

Status
Nicht offen für weitere Antworten.
A

abanta

Mitglied
Hallo

ich habe mir ein Menü gebastelt:
Navi.css
Code: 
#menu{

width:100%;
height:3.1em;
background: #A6A6A6;
    border-bottom-style : solid;
    border-bottom-width : 0.05em;
    border-left-style : solid;
    border-left-width : 0.05em;
    border-right-style : solid;
    border-right-width : 0.05em;
    border-top-style : solid;
    border-top-width : 0.05em;
}
ul, li, a{
margin:0;
padding:0;
display:inline;
}
ul{
background:#A6A6A6;
}
li{
line-height:1.8em;
position:relative;
padding:1px 0;
}
li.folder ul{
position:absolute;
left:0%;
top: +20px;
}
a{
padding:0 0 0 26px;
color:#000;
    font-family: arial;
    font-size: 0.6em;
    font-weight: bold;
text-decoration:none;

}
ul ul{
display:none;
}
li:hover ul{
display:inline;
}
li a.submenu{
background:transparent;

}
body { behavior:url("csshover.htc"); }

navi.php:
HTML: 
<link rel="stylesheet" type="text/css" href="layout/Navi.css">

<ul>
<li CLASS="folder">
 <a HREF="index.php" CLASS="submenu">Wilkommen</a>
</li>
<li CLASS="folder">
<a HREF="1.php" NAME="1" CLASS="submenu">1</a>
</li>
<li CLASS="folder">
 <a HREF="#beispiel" CLASS="submenu">Beispiel</a>
<ul>
	<li><a HREF="#2" NAME="2">2</a></li>
	<li><a HREF="#3" NAME="3">3</a></li>

</ul></li>

<li CLASS="folder">
 <a HREF="#4" CLASS="submenu">4</a>
<ul>
	<li><a HREF="#5" NAME="5">5</a></li>
	<li><a HREF="#6" NAME="6">6</a></li>
</ul></li>

</ul>

defult.css:
Code: 
#main {
    background-color : #FFFFFF;
    border-bottom-style : solid;
    border-bottom-width : 0.05em;
    border-left-style : solid;
    border-left-width : 0.05em;
    border-right-style : solid;
    border-right-width : 0.05em;
    border-top-style : solid;
    border-top-width : 0.05em;
    height : 90%;
    width : 100%;
  }


#content {
    bottom-color : #000000;
    bottom-style : solid;
    bottom-width : 0.05em;
    color : #000000;
    font-family : arial;
    font-size : 0.6em;
    left-color : #000000;
    left-style : solid;
    left-width : 0.05em;
    min-height : 400px;
    right-color : #000000;
    right-style : solid;
    right-width : 0.05em;
    text-align : center;
    text-decoration : none;
    top-color : #000000;
    top-style : solid;
    top-width : 0.05em;
    vertical-align : top;
    width : 100%;
  }


#grau {
    border-top:0.05em solid #A6A6A6;
    border-bottom:0.05em solid #A6A6A6;
    border-left:0.05em solid #A6A6A6;
    border-right:0.05em solid #A6A6A6;
    text-align : center;
    background : #E4E4E4;
    margin-left : 17%;
    width:66%;
  }


h1 {
    font-size : 1em;
    font-weight : bold;
    line-height : 1px;
    text-align : center;
  }


body {
    font-family : Arial;
  }


#Text {
    color : #000000;
    font-family : arial;
    font-size : 0.6em;
    text-align : center;
    text-decoration : none;
  }


#Text_red {
    color : red;
    font-family : arial;
    font-size : 0.6em;
    text-align : center;
    text-decoration : none;
  }


#Text_u {
    color : #000000;
    font-family : arial;
    font-size : 0.6em;
    text-align : center;
    text-decoration : underline;
  }


input {
    font-size : 0.6em;
    height : 1.5em;
  }


select {
    font-size : 0.6em;
    height : 1.5em;
  }


textarea {
    font-family : Arial;
    font-size : 0.6em;
  }


ul {
    background-color : #ffffff;
    display : block;
    list-style-type : circle;
  }


li {
    display : block;
    list-style-position : outside;
    list-style-type : circle;
  }

Jetzt will ich in einer seite eine "normale" Liste haben aber irgend wie bekomme ich das nicht wirklich hin.
Hier noch die Seite mit der Liste:
PHP: 
  <title></title>
</head>
<body>
<div ID="menu">
<?
include "navi.php";
?>
</div>


<div ID="content">
1
<ul>
   <li>1a</li>
   <li>1b </li>
   <li>1c</li>
 </ul>
2
<ul>
	<li>2a</li>
	<li>2b</li>
	<li>3c</li>

</ul>
</div>
Das muss doch irgend wie möglich sein. kann mir wer helfen?
Danke
Abanta
 
Probier's mal so:

Code: 
#menu{

width:100%;
height:3.1em;
background: #A6A6A6;
    border-bottom-style : solid;
    border-bottom-width : 0.05em;
    border-left-style : solid;
    border-left-width : 0.05em;
    border-right-style : solid;
    border-right-width : 0.05em;
    border-top-style : solid;
    border-top-width : 0.05em;
}

#menu ul, li, a{
margin:0;
padding:0;
display:inline;
}

#menu ul{
background:#A6A6A6;
}

#menu li{
line-height:1.8em;
position:relative;
padding:1px 0;
}
#menu li.folder ul{
position:absolute;
left:0%;
top: 20px;
}

#menu a{
padding:0 0 0 26px;
color:#000;
    font-family: arial;
    font-size: 0.6em;
    font-weight: bold;
text-decoration:none;
}

#menu ul ul{
display:none;
}
#menu li:hover ul{
display:inline;
}
#menu li a.submenu{
background:transparent;
}
Code: 
#content {
    bottom-color : #000000;
    bottom-style : solid;
    bottom-width : 0.05em;
    color : #000000;
    font-family : arial;
    font-size : 0.6em;
    left-color : #000000;
    left-style : solid;
    left-width : 0.05em;
    min-height : 400px;
    right-color : #000000;
    right-style : solid;
    right-width : 0.05em;
    text-align : center;
    text-decoration : none;
    top-color : #000000;
    top-style : solid;
    top-width : 0.05em;
    vertical-align : top;
    width : 100%;
}

#content ul {
    background-color : #ffffff;
    display : block;
    list-style-type : circle;
  }


#content li {
    display : block;
    list-style-position : outside;
    list-style-type : circle;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück