Suche im Forum:
Suchen


Autor Nachricht
Beitrag21.06.2009 um 15:03 (UTC)    
Titel: Drop-Down

Hi,
ich verwende im Moment ein CSS-Design und würde bei einigen Links ein Drop-Down-Menü einbauen, aber nur so: Man soll bei einigen Menüpunkten die Maus draufhalten und dann soll darunter eine kleine Liste erscheinen, wo die Links zu sehen sind. Aber die Liste soll nur da sein wenn man die Maus drauf hält (GANZ WICHTIG)!!! Welches Script muss ich verwenden?
Danke im Voraus.
Gruß mpfc

P.S.:Ich mein das so wie hier: http://www.homepagehilfe.de.tl (Aber nicht nach rechts, sondern runter.)
Beitrag21.06.2009 um 15:17 (UTC)    
Titel:

mit css!
Beitrag21.06.2009 um 15:20 (UTC)    
Titel:

@virtuell-design: Davon abgesehen, dass das falsch ist (man braucht nämlich vor allem JavaScript), hilft es jetzt nicht gerade weiter.

@mpfc:
Such mal in der Forensuche nach "Coolmenu" Wink
______________



Zuletzt bearbeitet von 3fragezeichen am 21.06.2009, 16:20, insgesamt einmal bearbeitet
Beitrag21.06.2009 um 15:37 (UTC)    
Titel:

3fragezeichen hat Folgendes geschrieben:
@virtuell-design: Davon abgesehen, dass das falsch ist (man braucht nämlich vor allem JavaScript), hilft es jetzt nicht gerade weiter.

@mpfc:
Such mal in der Forensuche nach "Coolmenu" Wink



coolmenü sit aber css!!!
Beitrag21.06.2009 um 15:50 (UTC)    
Titel:

Code:
<br /><br /><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;

}

 

li a

{

padding-right: 20px;padding-top: 5px;

}

 

div.menu

{

position: absolute;

z-index: 3;

top: 124px;

left: 50%;

margin-left:-405px;

width:905px;

}

 

.menu li

{

width: 160px;

float: left;

}

 

.menu a

{

border: 0px solid #000000;

background-color: #000000;

background-image: url(Bildlink);

text-decoration: none;

text-align: center;

font-weight: bold;

cursor: pointer;

margin: 0px;

display: block;

height: 23px;

color: #FFFFFF;

}

 

.menu a:hover

{

background-color: #000000;

background-image: url(Bildlink);

}

 

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5

{

font-size: 14px;

display: none;

width: 160px;

float: left;

}

 

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a

{

font-weight: bold;

padding-top: 5px;

border-top: 0px;

cursor: pointer;

color: #FFFFFF;

}

//-->

 

</style>

 

<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>

<div class="menu">

<br /><br /><li><a href="Link">Titel</a> </li>

<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);">Gruppentitel</a>

<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">

<li><a href="Link">Titel</a></li>

<li><a href="Link">Titel</a></li>

<li><a href="Link">Titel</a></li>

<li><a href="Link">Titel</a></li>


</ul>

</li>

<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">Gruppentitel</a>

<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">

<li><a href="Link">Titel</a></li>

<li><a href="Link">Titel</a></li>

<li><a href="Link">Titel</a></li>

<li><a href="Link">Titel</a></li>

<li> </li>

</ul>

</li>

<li><a href="Link">Titel</a></li>

<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');"

href="javascript:void(0);">Gruppentitel</a>

<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">

<li><a href="Link">Titel</a></li>

<li><a href="Link">Link</li></a>

<li><a href="Link">Titel</a></li>

<li><a href="Link">Titel</a></li>

<li><a href="Link">Titel</a></li>

</ul>

</li>

</div>

<div align="center">

<table border="0" width="70%" id="table1">

<tr>
<td>[/color]







So mal schlichten, CSS als Angabe für dass aussehen des Menü´s

Javascript das Menü ansich und nu frieden Wink


Zuletzt bearbeitet von demon-x am 21.06.2009, 16:51, insgesamt einmal bearbeitet
Beitrag28.06.2009 um 17:57 (UTC)    
Titel:

Hi,
das was wir ihr mir da geschickt habt ist es nicht. Könnt ihr mir einen Code schreiben? Einen das meine Menupunkte von: Anfahrt bis Wetter unter einem Menupunkt namens: Infos als Drop Down zusammengefast sind. Und das wenn man auf Themenbereiche die Maus hält die Seiten:
http://www.mpfc.de.tl/%3D%3EThe-Hollywood-Street-Set.htm
http://www.mpfc.de.tl/%3D%3ENickland.htm
http://mpfc.de.tl/%3D%3EThe-Streets-of-New-York.htm
http://mpfc.de.tl/%3D%3EThe-Santa-Monica-Pier.htm
http://mpfc.de.tl/%3D%3EThe-Old-West.htm
als Drop Down erscheinen.
Danke für eure Hilfe im Voraus und liebe Grüße mpfc
Beiträge der letzten Zeit anzeigen:   


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