nicht angemeldet
bitte poste doch einen Link zu dieser Seite, damit man sich das mal anschauen kann!
Die Seite bzw. URL kann ich nicht posten, weil die noch nicht online ist.
Aber ich hänge mal etwas Queltext an.
HTML-Seite:
--------------------------------
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>CoiX GmbH</title>
<link rel="stylesheet" type="text/css" href="dropdownmenu.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<script type="text/javascript" src="css_dropdown.js"></script>
<body onload="enable_menues_for_ie();" bgcolor="#8E8D8D">
<br />
<div align="center">
<table border="1" width="750px" height="500px" cellpadding="0px" cellspacing="0px">
<tr>
<td colspan="4" bgcolor="#FFFFFF" height="10px"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" rowspan="3" width="4px"></td>
<td bgcolor="#FFFFFF" align="center" valign="center">
<a href="start.html" target="Fenster">
<img src="test.gif" border="0">
</a>
</td>
<td bgcolor="#C0001F" class="header" style="color:#FFFFFF;" align="center" valign="center">
</td>
<td bgcolor="#FFFFFF" rowspan="3" width="4px"></td>
</tr>
<tr height="50px">
<td bgcolor="#D34C62"></td>
<td align="left" valign="top" bgcolor="#F2F2F2">
<img src="bild1.jpg"><img src="bild2.jpg"><img src="bild3.jpg"><img src="bild4.jpg"><img src="bild1.jpg">
</td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#D34C62">
<ul id="nav" class="dropdown">
<li><a href="unternehmen.html" target="Fenster" class="has_submenu">Unternehmen</a>
<ul>
<li><a href="unternehmen.html" target="Fenster">Was leisten wir?</a><hr class="unter" /></li>
<li><a href="unternehmen.html" target="Fenster">Wie arbeiten wir?</a><hr class="unter" /></li>
<li><a href="unternehmen.html" target="Fenster">Mitarbeiter / Trainer</a></li>
</ul>
</li>
<li><hr class="haupt" /></li>
<li><a href="referenzen.html" target="Fenster" class="has_submenu">Referenzen</a>
<ul>
<li><a href="referenzen.html" target="Fenster">Referenz 1</a><hr class="unter" /></li>
<li><a href="referenzen.html" target="Fenster">Referenz 2</a><hr class="unter" /></li>
<li><a href="referenzen.html" target="Fenster">...</a></li>
</ul>
</li>
<li><hr class="haupt" /></li>
<li><a href="kontakt.html" target="Fenster" class="has_submenu">Kontakt</a>
<ul>
<li><a href="kontakt.html" target="Fenster">So erreichen Sie uns</a><hr class="unter" /></li>
<li><a href="kontakt.html" target="Fenster">Ansprechpartner</a><hr class="unter" /></li>
<li><a href="kontakt.html" target="Fenster">Anfahrtsskizze</a>
</ul>
</li>
</ul>
</td>
<td bgcolor="#F2F2F2" align="right" valign="top">
<br />
<iframe src="start.html" name="Fenster" width="450" height="300" frameborder="0"></iframe>
</td>
</tr>
<tr>
<td colspan="4" bgcolor="#FFFFFF" height="10px"></td>
</tr>
</table>
</div>
</body>
</html>
---------------------------------
Und hier die CSS-Geschichte:
/* -------------------------- BEGIN do not change --------------------------- */
ul.dropdown
{
list-style: none;
margin:0;
padding:0;
width:100%;
}
ul.dropdown ul
{
list-style: none;
margin:0;
padding: 0;
width:100%;
}
ul.dropdown li
{
position: relative;
padding:1px 0px 1px 0px; /* helps Opera with hover - do not remove! */
}
ul.dropdown a
{
display:block;
}
ul.dropdown ul, ul.dropdown ul ul, ul.dropdown ul ul ul
{
display:none;
position:absolute;
top:0;
left:99%;
}
ul.dropdown li:hover ul ul, ul.dropdown li:hover 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;
}
/* -------------------------- END do not change --------------------------- */
#nav
{
font:10px verdana;
background-color:#D34C62;
width: 100%;
margin:0;
padding:0;
}
#nav a
{
color:#FFFFFF;
padding:4px;
text-decoration:none;
width: 94%;
}
#nav a:hover
{
background-color:#CD354E;
color:#FFFFFF;
}
#nav ul
{
background-color:#D96D7F;
}
hr.haupt
{
color:#D96D7F;
background-color:#D96D7F;
height:0.2px;
width:99%;
border:0.2px solid;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
hr.unter
{
color:#DC94A0;
background-color:#D96D7F;
height:0.2px;
width:99%;
border:0.2px solid;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
--------------------------
Sorry für den langen Quelltext *schäm*