Autor
Nachricht
arneboockmeyer
03.09.2008 um 13:32 (UTC) Titel: Problem mit coolmenü
Wie man auf meiner
Website sieht habe ich ein problem mit meinem Coolmenü
Hier der code:
Code: <!--Coolmenü-->
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menuscript
{
position: relative;
z-index: 3;
top: 10px;
}
.menuscript li
{
width: 100px;
float: left;
}
.menuscript a
{
border: 1px solid #888;
background-color: #09c;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}
.menuscript a:hover
{
background-color: #1D4B62;
color: #fff;
}
#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 100px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #fff;
font-size:12px;
}
//-->
</style>
<div align="center">
<table border="0" width="100%" id="table2">
<tr>
<td height="190" valign="top">
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
</head>
<body bgcolor="#1D4B62">
<div class="menuscript" align="center">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Allgemein</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="gttp://www.arneboockmeyer.de.tl/Home.htm">Home</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Service.htm">Service</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Banner und Links</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.arneboockmeyer.de.tl/Links-und-Banner.htm">Links und Banner</a></li>
<li><a href="http://www.arneboookmeyer.de.tl/Partner.htm">Partner</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
PC + Games</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.arneboockmeyer.de.tl/PC-%2B-Spiele.htm">PC + Spiele</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/spiele.htm">Spiele</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Tastenkombinationen.htm">Tastenkombinationen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
Webdesign</a>
<ul id="smenu4" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.arneboockmeyer.de.tl/BB_Code.htm">BB-Code</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/HTML.htm">HTML</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/CSS.htm">CSS</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Tipps-und-Tricks">Tipps und Tricks</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Support.htm">Support</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
Sonstiges</a>
<ul id="smenu5" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.arneboockmeyer.de.tl/download_portal.htm">Download-Portal</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Webmaster_login.htm">Webmaster-Login</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Rechtliche_Hinweise">Rechtliche-Hinweise</a></li>
</ul>
</li>
</ul>
</div>
</td>
</tr>
</table>
</div>
<!--/Coolmenü-->
Bitte helft mir, damit das vernünftig aussieht...
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
03.09.2008 um 13:49 (UTC) Titel:
So, Ich hab dir mal den Code ein wenig umgeschrieben....
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menuscript
{
position: relative;
z-index: 3;
top: 10px;
}
.menuscript li
{
width: 100px;
float: left;
}
.menuscript a
{
border: 1px solid #888;
background-color: #09c;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}
.menuscript a:hover
{
background-color: #1D4B62;
color: #fff;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 100px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #fff;
font-size:12px;
}
//-->
</style>
<div align="center">
<table border="0" width="100%" id="table2">
<tr>
<td height="190" valign="top">
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
</head>
<body bgcolor="#1D4B62">
<div class="menuscript" align="center">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Allgemein</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="gttp://www.arneboockmeyer.de.tl/Home.htm">Home</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Service.htm">Service</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Banner und Links</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.arneboockmeyer.de.tl/Links-und-Banner.htm">Links und Banner</a></li>
<li><a href="http://www.arneboookmeyer.de.tl/Partner.htm">Partner</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
PC + Games</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.arneboockmeyer.de.tl/PC-%2B-Spiele.htm">PC + Spiele</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/spiele.htm">Spiele</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Tastenkombinationen.htm">Tastenkombinationen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
Webdesign</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://www.arneboockmeyer.de.tl/BB_Code.htm">BB-Code</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/HTML.htm">HTML</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/CSS.htm">CSS</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Tipps-und-Tricks">Tipps und Tricks</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Support.htm">Support</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
Sonstiges</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://www.arneboockmeyer.de.tl/download_portal.htm">Download-Portal</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Webmaster_login.htm">Webmaster-Login</a></li>
<li><a href="http://www.arneboockmeyer.de.tl/Rechtliche_Hinweise">Rechtliche-Hinweise</a></li>
</ul>
</li>
</ul>
</div>
</td>
</tr>
</table>
</div>
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
arneboockmeyer
03.09.2008 um 15:36 (UTC) Titel:
ja ok aber so wie ich das haben will ist es immer noch nicht, ist es möglich das coolmenü knapp über dem header zu haben, und wenn die smenüs sich öffnen auch ruhig über den header zu gehen
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
03.09.2008 um 15:40 (UTC) Titel:
Das Coolmenü positionierst mit diesem Code:
Zitat: /* Hier wird das ganze Menü positioniert */
div.menu
{position: absolute;
z-index: 3;
top: 260 px;
left: 50%;
margin-left:-394 px;
width:800px;}
Diesen Code fügst du am besten nach
<style type="text/css" media="screen"> <!-- ein....
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
arneboockmeyer
03.09.2008 um 16:49 (UTC) Titel:
der geht nicht, kennst du vllt etwas wo ich nach einem anderen cool menü gucken kann?
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
↑
arneboockmeyer
03.09.2008 um 17:29 (UTC) Titel:
das ghet gut danke
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
↑