dropdown menü würde mir jemand helfen?

Begonnen von lausbub, 03 August 2008, 20:14:49

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

lausbub

Hallo Leute

Ich baue mir gerade eine neue theme und möchte in einer oberen leiste ein drop down menü haben.

jedoch hab ich von js keinen plan. ich hab auch schon gegooglt, auch massig code um die Ohren geschmissen bekommen.
Doch ehrlich blick ich es nicht, codeschnipsel hab ich nach anleitung eingebaut und es tut sich nix.

zumindest nich das was ich will  :puzzled:

Ich würde mich freuen, wenn sich jemand meiner Sache annimmt und mir helfen würde.

ich möchte oben einen Button und bei mouseover soll ein untermenü angezeigt werden, bei anklicken eines untermenüpunktes soll er an die url weitergeleitet werden.

Danke im Vorraus

gruß
thorsten
PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12

JoergK

Hoi ;)

Statt auf JavaScript würde ich auf CSS für so ein Menü setzen, denn dann gibt's auch keine Probs bei Leuten, die JS abgeschaltet haben. Bei CSSplay gibt's ne Menge davon: http://www.cssplay.co.uk/menus/
Gruß,
Jörg


Nobody is perfect ... so don't call me Nobody

breakdancer

Was für eine hammergeile Seite...

Ist grad in die Bookmarks geflogen... Mensch, kann man da viele tolle Sachen realisieren !

Danke !

xmjay

Zitat von: breakdancer am 03 August 2008, 23:00:22
Ist grad in die Bookmarks geflogen... Mensch, kann man da viele tolle Sachen realisieren !

Bei mir auch ! Thanx.
Mein Unterhaltungsprogramm für die nächste Zeit ist damit gesichert  :smile:
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

lausbub

ist ja gigantisch  :puzzled:

danke für die super Seite  :thumbup: mal schaun ob ichs gebacken kriege  :gruebel:

werd mich gleich mal dran versuchen.

Besten Dank

Gruß

Thorsten
PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12

lausbub

hab da jetzt einige durchgeschaut, jedoch hab ich keine vorlage gefunden, die ein dropdown menü auf einen Button(grafik)
ausgelegt ist.

Bei den Vorlagen wird jede Schaltfläche erst im css erzeugt.


Wie mach ich das den?

Komm da nich weiter  :mad2:


PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12

JoergK

Hoi ;)

ZitatBei den Vorlagen wird jede Schaltfläche erst im css erzeugt.

Und wo ist jetzt das Problem? :BD:

Du kannst per CSS auch eine Hintergundgrafik anzeigen lassen:
background-image: url(...);
background-repeat: no-repeat;

Das bauste dann einfach zusätzlich in die entsprechende(n) CSS-Klassen ein.

Mehr zum Thema findest Du hier: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm
Gruß,
Jörg


Nobody is perfect ... so don't call me Nobody

lausbub

Hallo

Hab das Dropdown menü erstellt.

Im Firefox funktioniert es auch wunderbar.

Jedoch im IE 7 wird zwar das Hauptmenü angezeigt, jedoch nicht die untermenüs.

hier mein code

könnte mir da jemand weiter helfen?


den hab ich in die style.css eingefügt

.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #011D4D;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bolder;
font-size:12px;
color: #FFFFFF;
background-color: #011D4D;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
.pd_menu_01 ul li a {color: #FFFFFF;background: #011D4D;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #011D4D;}
.pd_menu_01 ul li:hover a {background-color:#569FCA; text-decoration:none; color:#011D4D;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#011D4D;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#569FCA; text-decoration:none;color:#011D4D;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #011D4D;}
.pd_menu_01 ul li a:hover {background-color:#569FCA; text-decoration:none;color:#011D4D;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#011D4D;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#569FCA; text-decoration:none;color:#011D4D;} /*Color subcells hovering mode*/



den hab ich in der theme.html eingefügt    :red:


<div class="pd_menu_01 ">
<ul><li><a href="/klick">Home<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Account<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name="  >Dein Profil</a></li>
<li><a href="/modules.php?name="  >Dein Avatarbuch</a></li>
<li><a href="/modules.php?name="  >Deine Buxx</a></li>
<li><a href="/modules.php?name="  >Deine Page</a></li>
<li><a href="/modules.php?name="  >Dein Gästebuch</a></li>
<li><a href="/modules.php?name="  class="lastone">Priv.Mitteilungen</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Hauptmenü<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name="  >Webcams</a></li>
<li><a href="/modules.php?name="  >Umfragen</a></li>
<li><a href="/modules.php?name="  >Downloads</a></li>
<li><a href="/modules.php?name="  >Voting</a></li>
<li><a href="/modules.php?name="  >Chat</a></li>
<li><a href="/modules.php?name="  >Galerie</a></li>
<li><a href="/modules.php?name="  >Links</a></li>
<li><a href="/modules.php?name="  class="lastone">Video`s</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Foren<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name=astrologie"  >Astrologie,  Esoterik & Verschwörungen</a></li>
<li><a href="/modules.php?name=auto"  >Auto, Motorrad & Verkehr</a></li>
<li><a href="/modules.php?name=beruf"  >Beruf,  Bildung, Hobby & Freizeit</a></li>
<li><a href="/modules.php?name=computer"  >Computer & Unterhaltung</a></li>
<li><a href="/modules.php?name=familie"  >Familie, Finanzen & Gesundheit</a></li>
<li><a href="/modules.php?name=spiele"  >Spielwiese</a></li>
<li><a href="/modules.php?name=politik"  >Nachrichten, Politik & Regionales</a></li>
<li><a href="/modules.php?name=reisen"  >Reisen</a></li>
<li><a href="/modules.php?name=sport"  >Sport</a></li>
<li><a href="/modules.php?name=technik"  class="lastone">Wissenschaft & Technik</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Informativ<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name="  >News</a></li>
<li><a href="/modules.php?name="  >Testberichte</a></li>
<li><a href="/modules.php?name="  >Archiv</a></li>
<li><a href="klick"  >Kalender</a></li>
<li><a href="/modules.php?name="  class="lastone">Fragen & Antworten</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Internes<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name="  >Das Team</a></li>
<li><a href="/modules.php?name="  >Feedback</a></li>
<li><a href="/modules.php?name="  >Bewerben</a></li>
<li><a href="/modules.php?name="  >Gästebuch</a></li>
<li><a href="/modules.php?name="  >Kontakt</a></li>
<li><a href="/modules.php?name="  class="lastone">unsere Banner</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
</div>



Im IE 6 konnte ich es leider nicht testen.


:cool:
meine testseite ist
http://test.computertreff.de/index.php


Könnte mir bitte jemand weiter helfen?

Gruß
thosten
PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12

lausbub

 :crash:


Das Problem kommt erst, wenn ich den code in die theme einfüge.

als reine html seite klappt es wunderbar.  :puzzled:


Was mach ich den falsch  :gruebel:
PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12

lausbub

Anscheinend liegt das Problem noch immer am Pragmamx

Blick es zwar nicht ganz, da es ja Pragma seiten mit dropdwn menü gibt.

Aber das Prob ist hier auch schon gewesen
http://www.pragmamx.org/Forum-topic-20826.html

Wenn jemand eine Lösung hat, wäre ich sehr dankbar


gruß
thorsten

PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12

lausbub

:puzzled:

Schmeiß bald alles hin.

Mittlerer weile öffnen sich die Untermenüs im IE 7, Sie werden richtig nach unten angezeigt, jedoch wenn man auf eines der untermenüs mit der mouse geht, klappen die menüs nach rechts weg.
:puzzled:


AHHHHHHHHHHHHHHHH Ich könnte schreien,

ist das auch im IE 6?

Würde da bitte mal jemand schauen?


hier der neue link
http://testseite.computertreff.de/index.php

und hat jemand eventuell eine Idee woran es liegt?
gruß

Thorsten
PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12

Andi

Moin :)

also ich habe deine beiden Codeschnippsel gerade in eine Kopie des mx-compact themes reingepackt
Im IE7 funktioniert es dann einwandfrei. Im IE6 passiert garnichts.

Ich denke es liegt ein grundsätzliches Problem mit dem Theme vor. Irgendwas ist da mit den Stylesheets nicht kompatibel...

Dass im IE6 nichts kommt kann evtl. auf die enthaltenen conditional-comments zu tun haben, die nur für den IE7 ausgelegt sind:
<!--[if IE 7]>
schön´s Grüssle, Andi

adonis

Hallo Thorsten,

so wie auf meiner Seite?
versuch mal die im Anhang. Oder als Beispiel nehmen und umbauen ...
Leider habe ich kein WIN-dingens kann ich nur in einer VM (VirtualMaschiene WINXP IE6, IE7) oder unter WINE (IE6) testen

Peter
die SUCHE hier im Forum existiert und funktioniert auch ...

lausbub

Entschuldigt das ich erst jetzt Antworte.

Hatte leider Dienst.

Danke Euch, das menü funktioniert ja klasse,  :thumbup:

Werd es mir anpassen.

Danke

Gruß
Thorsten
PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12