Hey ich hoffe ihr könnt mir helfen, ich hab eigentlich so gut wie keine ahnung von css hab meine seite komplett mit tutorials gemacht, aber jetzt komm ich nicht weiter, mein problem ist das ich immer nur bis zum 2ten link im klappmenü komm, wenn ich die höhe der boxen auf 20 stelle, ab 90 geht aber alles einwandfrei, ich hoffe ihr könnt mir helfen
Der Link zur Seite:
http://cd89.de/newsimply/hauptstyle.htm
Code der Datei style.css
Code
div { position: absolute;}
#containers {
background-image:url(http://www.cd89.de/newsimply/images/bg.JPG);
width:1024;
height:768;
}
#werbezeile {
top:9px;
left:240px;
width:775;
height:90;
font-size: 10;
color: white;
}
#neuesterbeitrag {
top:215px;
left:41px;
width:105;
height:118;
font-family: Comic Sans MS, Helvetica, sans-serif;
color: #C6CBFF;
font-size: 13;
}
#freiebox {
top:447px;
left:45px;
width:97;
height:256;
font-size: 10;
color: white;
}
#titel {
top:195px;
left:277px;
width:709;
height:30;
font-family: Comic Sans MS, Helvetica, sans-serif;
color: #C6CBFF;
font-size: 30;
}
#beschreibung {
top:250px;
left:260px;
width:725;
height:78;
font-family: Comic Sans MS, Helvetica, sans-serif;
color: #6E6E6E;
}
#inhalt {
top:343px;
left:193px;
width:805;
height:396;
font-family: Comic Sans MS, Helvetica, sans-serif;
color: #C6CBFF;
font-size: 13;
}
#hauptnavigation {
top:122px;
left:237px;
width:785;
height:768;
font-family: Comic Sans MS, Helvetica, sans-serif;
color: white;
}
ul.dropdown
{
list-style: none;
margin:0;
padding:0;
width:100%;
z-index:99;
}
ul.dropdown * ul
{
list-style: none;
margin:0;
padding: 0;
display:none;
position:absolute;
z-index:99;
width:20em;
}
ul.dropdown li
{
float:left;
}
ul.dropdown li * li
{
border:1px solid #ffffff;
float:none;
position: relative;
}
ul.dropdown ul * ul
{
left:98%;
top: 0;
}
ul.dropdown a
{
display:block;
}
ul.dropdown ul * a
{
height: 20;
}
ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul
{
display:none;
}
ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
display:block;
}
ul.dropdown a
{
color:#FFFFFF;
padding:4px;
text-decoration:bolder;
font-family: Comic Sans MS, Helvetica, sans-serif;
font-size: 12;
font-weight: 700;
}
ul.dropdown a:hover
{
background-color:#0000CC;
color:#ffffff;
}
ul.dropdown ul
{
border:2px outset;
}
ul.dropdown ul a
{
background-color:#0000cc;
color:#FFFFFF;
padding:4px;
text-decoration:none;
font-size: 12;
font-weight: 900;
}
ul.dropdown ul a:hover
{
background-color:#FFFFFF;
color:#000000;
}
ul.dropdown ul li
{
background-color:#ccc;
}
Alles anzeigen
Code der Datei css_dropdown.js
Code
function enableDropdownMenuForIE()
{
if (document.all)
{
uls = document.getElementsByTagName('UL');
for(i = 0; i < uls.length; i++)
{
if (uls[i].className == 'dropdown')
{
var lis = uls[i].getElementsByTagName('li');
for (j = 0; j < lis.length; j++)
{
if(lis[j].lastChild.tagName == 'UL')
{
lis[j].onmouseover = function() { this.lastChild.style.display = 'block'; }
lis[j].onmouseout = function() { this.lastChild.style.display = 'none'; }
}
}
}
}
}
}
Alles anzeigen
und noch der Code er Seite hauptstyle.htm
Code
<head>
<title>Simply-Sims Testseite des neuen Designs</title>
<script type="text/javascript" src="stylesheets/css_dropdown.js"></script>
<link type="text/css" href="stylesheets/style.css" rel="stylesheet" />
</head>
<body onload="enableDropdownMenuForIE();">
<div id="containers">
<div id="werbezeile"> Hier könnte ihr Werbebanner stehen. </div>
<div id="neuesterbeitrag"> <u>Unser letztes Update:</u> </div>
<div id="freiebox"> Hier könnte ihr Link stehen </div>
<div id="titel"> [i]TestTestTestTestTest[/i] </div>
<div id="beschreibung">TestTestTestTestTest </div>
<div id="inhalt">[b]TestTestTestTestTest[/b] </div>
<div id="hauptnavigation">
<ul class="dropdown" id="mainmenu">
[*]
[url='#']Home[/url]
[*]
[url='#']Artists[/url]
<ul>
[*][url='http://localhost/Simply-Sims/linkfunzt.htm']Chris-D[/url][*][url='http://localhost/']Blinky-Lady[/url][*][url='http://localhost/']Marcel[/url][*][url='http://localhost/']PhoebeHexe[/url][*][url='http://localhost/']Kiko[/url][*][url='http://localhost/']Kati[/url] [/list]
[*]
[url='http://localhost/']Downloads[/url]
<ul>
[*][url='#']Genetik[/url]
<ul>
<li class="seperator">[url='http://localhost/']Haut[/url]
<li class="seperator">[url='http://localhost/']Augen[/url]
<li class="seperator">[url='http://localhost/']Eyeliner[/url]
<li class="seperator">[url='http://localhost/']Makeup[/url]
<li class="seperator">[url='http://localhost/']Augenbrauen[/url]
<li class="seperator">[url='http://localhost/']Liedschatten[/url]
<li class="seperator">[url='http://localhost/']Bart[/url]
[/list]
[*][url='#']Häuser[/url]
<ul>
<li class="seperator">[url='http://localhost/']Starterhäuser[/url]
<li class="seperator">[url='http://localhost/']Normale Häuser[/url]
<li class="seperator">[url='http://localhost/']Gemeinschaftsgrundstücke[/url]
<li class="seperator">[url='http://localhost/']Häuser + Geschäft[/url]
<li class="seperator">[url='http://localhost/']Geschäfte[/url]
<li class="seperator">[url='http://localhost/']Universitätsbauten[/url]
[/list]
[*][url='#']Objekte[/url]
<ul>
<li class="seperator">[url='http://localhost/']Einzelne[/url]
<li class="seperator">[url='http://localhost/']Wohnzimmer[/url]
<li class="seperator">[url='http://localhost/']Küche[/url]
<li class="seperator">[url='http://localhost/']Badezimmer[/url]
<li class="seperator">[url='http://localhost/']Esszimmer[/url]
<li class="seperator">[url='http://localhost/']Schlafzimmer[/url]
<li class="seperator">[url='http://localhost/']Kinderzimmer[/url]
<li class="seperator">[url='http://localhost/']Draußen[/url]
<li class="seperator">[url='http://localhost/']Arbeitszimmer[/url]
[/list]
[*][url='#']Kleidung[/url]
<ul>
<li class="seperator">[url='http://localhost/']Haut[/url]
<li class="seperator">[url='http://localhost/']Augen[/url]
<li class="seperator">[url='http://localhost/']Eyeliner[/url]
<li class="seperator">[url='http://localhost/']Makeup[/url]
<li class="seperator">[url='http://localhost/']Augenbrauen[/url]
<li class="seperator">[url='http://localhost/']Liedschatten[/url]
<li class="seperator">[url='http://localhost/']Bart[/url]
[/list]
[*][url='#']Accesoires[/url]
<ul>
<li class="seperator">[url='http://localhost/']Haut[/url]
<li class="seperator">[url='http://localhost/']Augen[/url]
<li class="seperator">[url='http://localhost/']Eyeliner[/url]
<li class="seperator">[url='http://localhost/']Makeup[/url]
<li class="seperator">[url='http://localhost/']Augenbrauen[/url]
<li class="seperator">[url='http://localhost/']Liedschatten[/url]
<li class="seperator">[url='http://localhost/']Bart[/url]
[/list]
[*][url='#']Full Sims[/url]
<ul>
<li class="seperator">[url='http://localhost/']Haut[/url]
<li class="seperator">[url='http://localhost/']Augen[/url]
<li class="seperator">[url='http://localhost/']Eyeliner[/url]
<li class="seperator">[url='http://localhost/']Makeup[/url]
<li class="seperator">[url='http://localhost/']Augenbrauen[/url]
<li class="seperator">[url='http://localhost/']Liedschatten[/url]
<li class="seperator">[url='http://localhost/']Bart[/url]
[/list]
[/list]
[*]
[url='#']Forum[/url]
[*]
[url='#']Gästebuch[/url]
[*][url='#']Rechtliches[/url]
<ul>
[*][url='http://localhost/Simply-Sims/linkfunzt.htm']Impressum[/url][*][url='http://localhost/']Disclaimer[/url][/list]
[*]
[url='#']Hilfe[/url]
</div>
</div>
</body>
</html>
Alles anzeigen
Ich hoffe ihr könnt mir helfen Danke schonmal im voraus.