Suche im Forum:
Suchen


Autor Nachricht
Beitrag03.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...
Beitrag03.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
Beitrag03.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
Beitrag03.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: 260px;
left: 50%;
margin-left:-394px;
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
Beitrag03.09.2008 um 16:49 (UTC)    
Titel:

der geht nicht, kennst du vllt etwas wo ich nach einem anderen cool menü gucken kann?
Beitrag03.09.2008 um 17:10 (UTC)    
Titel:

So, nimm mal als Coolmenü folgenen Code:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126
Der ist besser! Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag03.09.2008 um 17:29 (UTC)    
Titel:

das ghet gut danke
Beitrag03.09.2008 um 17:30 (UTC)    
Titel:

Kein Problem! Wink
Diesen Code habe ich auch auf einer meiner Seite verwendet.

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de