Nebeneinanderstehende Unternavigationen öffnen ungünstig.

02.08.2013 19:46 (zuletzt bearbeitet: 02.08.2013 19:48)
#1 Nebeneinanderstehende Unternavigationen öffnen ungünstig.
avatar
Mitglied

Nebeneinanderstehende Unternavigationen öffnen ungünstig.

In meinem Forum habe ich eine Navigation mit mehreren Unternavigationen nebeneinander (siehe Anhang). Öffne ich z.B. "Forum Übersicht" und ziehe die Maus etwas nach unten und dann nach rechts, weil ich die Navigation verlassen will, öffnen bereits die anderen Unternavigationen, wie "Bilder hochladen", "Bildergalerie",....

Kann man zwischen den Menüpunkten eine kleine Unterbrechung einbringen, dann würden die Menüs zuklappen und keine Verbindung zu den anderen Menüpunkten haben.
Ich hoffe, ich habe mich verständlich ausgedrückt.
Ich habe bereits versucht Leerzeichen einzusetzen, aber ohne Erfolg.
Irgendwie ist die Menüleiste überganzlos in sich verschachtelt (sieht aber gut aus)!

Wer weis weiter?

05.08.2013 11:45
#2 RE: Nebeneinanderstehende Unternavigationen öffnen ungünstig.
avatar
Junior Techniker
Muttersprache: Griechisch

wenn ich richtig deine Frage verstanden. Du kannst mit <span> </span> und Css ( margin oder padding ) innerhalb in eine <li> Element.

<li><span>........<span></li>

Viele Grüße,
Vasileios


 Junior-Technik


 Antworten

 Beitrag melden
07.08.2013 03:19 (zuletzt bearbeitet: 07.08.2013 03:23)
#3 RE: Nebeneinanderstehende Unternavigationen öffnen ungünstig.
avatar
Mitglied

Mit

<li id="{{menulist:key}}" class="menu_item{{menulist:now==true.start}} currentpage{{menulist:now==true.end}}" style="margin-right:1px;">

bekomme ich den Abstand hin, aber die Menüs klappen immer noch nacheinander auf (wie oben beschrieben).

Siehe hier: http://www.hilfe-tricks-tipps.de/

07.08.2013 10:51
#4 RE: Nebeneinanderstehende Unternavigationen öffnen ungünstig.
avatar
Junior Techniker
Muttersprache: Griechisch

Hallo wolf.andres,

ich glaube deine Problem hat nichts zu tun mit CSS . Das wäre gut, wenn du mit Javascript ein Lösung versuchen. Ich habe probieren mit Css ein Lösung zu finde, aber war ohne erfolg.

Ein möglich Lösung ist mit Funktion von Jquery .mouseover( ) auf jede sub Menu <ul> . Auf jede Fall deine sub Menu aktiviert, wenn der Maus oben ist.


<li id="user_page05004469659179449" class="menu_item">

<a href="http://www.bilder-hochladen.net/"><span>Bilder hochladen</span>

</a>

<ul id="forum_ubersicht " class="submenu" style="opacity: 0; display: none; top: 27px;">
<li></li>
.......
<li></li>

</li>


<script type='text/javascript'>
$('#user_page05004469659179449').mouseover(function() {

$('#forum_ubersicht').show();
});

</script>

Viele Grüße,
Vasileios


 Junior-Technik


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!