Hallo, beschäftige mich seit kurzem mit Css/Html usw.
Habe eine Website, auch wenn man dies noch keine Website nennen kann, bis jetzt gibt es NUR ein Menü, ein Drop Down, nur hätte ich gerne,
1.dass wenn ich auf eine <ul> Kategorie klicke, sich das Menü erst ausklappt, und
2. dass die <li> Elemente sich nur unter dem dazugehörigen <ul> element öffnen und sich die Leiste nicht über die Gesammte Menü Leiste erstreckt.
Schwierig dass als Unwissender zu formulieren, aber ich kriegs nicht besser hin,
hier mal die website, vlt wirds dann deutlicher: http://www.reviewing-apps.de
und mein jetziger html/css code
Habe eine Website, auch wenn man dies noch keine Website nennen kann, bis jetzt gibt es NUR ein Menü, ein Drop Down, nur hätte ich gerne,
1.dass wenn ich auf eine <ul> Kategorie klicke, sich das Menü erst ausklappt, und
2. dass die <li> Elemente sich nur unter dem dazugehörigen <ul> element öffnen und sich die Leiste nicht über die Gesammte Menü Leiste erstreckt.
Schwierig dass als Unwissender zu formulieren, aber ich kriegs nicht besser hin,
hier mal die website, vlt wirds dann deutlicher: http://www.reviewing-apps.de
und mein jetziger html/css code
PHP:
<html>
<head>
<title>menu</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)">
<style type="text/css">
/* <![[CDATA[ */
#navbar ul{
margin:0;padding:0;list-style:none; visibility: visible;
position: absolute; height: 0; top: 31px; left:0; width: auto;
}
#navbar a{
display:block; width: 100px; color: #ECECEC; width: 954px;
height: 50px; border: 1px solid thin #7D7D7D;
background: #898989; padding-left: 10px; line-height: 29px;
}
#navbar li {
float:left;width:150px; position: relative;
}
#navbar li ul {
display:none
}
#navbar li:hover ul{
display: inline;width:10em;position:absolute;
}
div content {
clear:left;
}
/* ]]> */
</style>
</head>
<body>
<div style="margin: 1000 auto; width: auto; background-color: #ECECEC;">
<h1><span><center>www.reviewing-apps.de</center></span></h1>
<div id="navbar">
<li><a href="index.html">Home</a>
<ul>
<li><a href="news.html">News</a></li>
<li><a href="umfragen.html">Umfragen</a></li>
</ul>
</li>
<li><a href="apps.html">Apps</a>
<ul>
<li><a href="ipadapps.html">iPad</a></li>
<li><a href="iphoneapps.html">iPhone</a></li>
</ul>
</li>
<li><a href="support.html">Support</a>
<ul>
<li><a href="faq.html">FAQ</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</li>
</div>
<div>
<p> <br />
Herzlich Willkommen auf www.Reviewing-apps.de</p></div>
</body>
</html>
