Hallo,
ich suche für meine Klappmenüs einen bzw. mehrere Codes, damit sie auch im IE gehen, denn noch viele Leute benutzen den IE. Nur leider weiß ich nicht mehr weiter und habe auch so nichts gefunden.
Deswegen hoffe ich hier auf Hilfe.
1. Klappmenü
CSS-Code
Code:
#nav,
#nav ul {padding: 1px 10px 0 10px; margin:0; list-style:none; background-images: url(grafiken/nav.png); position: relative; float: left;}
#nav {height:30px; width:500px; padding: 0; left: 143px;}
#nav a, #nav h2
{font-size: 15px; font-family: comic sans ms;
display: block; margin: 0; padding: 2px 3px; }
#nav h2 { color: #FFFFFF;}
#nav a { color: #000; background: #ffffff; text-decoration: none; font-size: 13px;}
#nav a:hover { color: #FFB200; background: #fff; }
#nav li {position: relative;}
#nav ul ul { position: absolute; z-index: 500; }
#nav ul ul ul { position: absolute; top: 0; left: 100%; }
div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}
div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}
HTML-Code
HTML-Code:
<table width="32%" cellspacing="25" cellpadding="0" border="0">
<tr>
<td background="grafiken/nav.png">
<div id="nav">
<ul>
<li><h2>Titel !</h2>
<ul>
<li><a href="index.php">Startseite</a></li>
<li><a href="link2.php">Link2</a></li>
<li><a href="link3.php">Link3</a></li>
<li><a href="link4.php">Link4</a></li>
<li><a href="link5.php">Link5</a></li>
</ul>
</li>
</ul>
<ul>
<li><h2>Titel2</h2>
<ul>
<li><a href="link1.php">Link1</a></li>
<li><a href="link2.php">Link2</a></li>
<li><a href="link3.php">Link3</a></li>
<li><a href="link4.php">Link4</a></li>
<li><a href="link5.php">Link5</a></li>
<li><a href="link6.php">Link6</a></li>
<li><a href="link7.php">Link7</a></li>
<li><a href="link8.php">Link8</a></li>
<li><a href="link9.php">Link9</a></li>
</ul>
</li>
</ul>
</div>
</td>
</tr>
</table>
2. Klappmenü
CSS-Code
Code:
#nav,
#nav ul {padding:0; margin:0; list-style:none; background-images: url(grafiken/nav.gif); position: relative; float: left;}
#nav {height:46px; width:940px; padding: 0; left: 40px;}
#nav a, #nav h2
{font-size: 15px; font-family: comic sans ms;
display: block; margin: 0; padding: 2px 3px; }
#nav h2 { color: #FFFFFF;}
#nav a { color: #000; background: #e1eef7; text-decoration: none; font-size: 18px;}
#nav a:hover { color: #3399FF; background: #fff; }
#nav li {position: relative;}
#nav ul ul { position: absolute; z-index: 500; }
#nav ul ul ul { position: absolute; top: 0; left: 100%; }
div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}
div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}
HTML-Code
HTML-Code:
<table width="940" cellspacing="0" cellpadding="0" border="0"
<tr>
<td background="grafiken/nav.gif">
<div id="nav">
<ul>
<li><img src="grafiken/allgemein.gif" alt="" border="0" width="" height="">
<ul>
<li><a href="link1.php">Link1</a></li>
<li><a href="link2.php">Link2</a></li>
<li><a href="link3.php">Link3</a></li>
<li><a href="link4.php">Link4</a></li>
<li><a href="link5.php">Link5</a></li>
<li><a href="link6.php">Link6</a></li>
<li><a href="link7.php">Link7</a></li>
<li><a href="link8.php">Link8</a></li>
<li><a href="link9.php">Link9</a></li>
</ul>
</li>
</ul>
<ul>
<li><img src="grafiken/privat.gif" alt="" border="0" width="" height="">
<ul>
<li><a href="link1.php">Link1</a></li>
<li><a href="link2.php">Link2</a></li>
<li><a href="link3.php">Link3</a></li>
<li><a href="link4.php">Link4</a></li>
<li><a href="link5.php">Link5</a></li>
<li><a href="link6.php">Link6</a></li>
<li><a href="link7.php">Link7</a></li>
<li><a href="link8.php">Link8</a></li>
<li><a href="link9.php">Link9</a></li>
</ul>
</li>
</ul>
</div>
</td>
</tr>
</table>
Ich hoffe jemand kann mir helfen, denn ich verzweifle daran.
Ich selbst mag ja IE nicht, aber ich muss es auch für die IE-Nutzer schaffen, dass es geht
MfG |Master|