Menü

wucherpfennig
Autor
Neues Mitglied

Mehr

14 Jan. 2009 15:35 #20002 von wucherpfennig

Menü wurde erstellt von wucherpfennig

Das bringt mich noch um:D. Hab hier ein Menü welches auch schön funktionieren würde, doch irgendwie will es nicht so richtig dargestellt werden...

im Moment sieht es so aus

Code:

<div class="moduletable-nav">
	<ul id="mainlevel">
		<li>
			<a class="mainlevel" href="/CMS/index.php?option=com_content&view=frontpage&Itemid=1">Home
		</li>
		<li>
			<a id="active_menu" class="mainlevel_current" href="/CMS/index.php?option=com_content&view=article&id=19&Itemid=27">Joomla!
		<ul>
		<li>
				<a class="sublevel" href="/CMS/index.php?option=com_content&view=archive&Itemid=53">test1
			</li>
			<li>
				<a class="sublevel" href="/CMS/index.php?option=com_search&view=search&Itemid=54">test2
			</li>
			<li>
				<a class="sublevel" href="/CMS/index.php?option=com_poll&view=poll&id=14&Itemid=55">test3
			</li>
			<li>
				<a class="sublevel" href="/CMS/index.php?option=com_contact&view=category&catid=12&Itemid=56">test4
			</li>
			</ul>
		</li>
	<li>
		<a class="mainlevel" href="/CMS/index.php?option=com_weblinks&view=categories&Itemid=48">Web Links
	</li>
	<li>
		<a class="mainlevel" href="/CMS/index.php?option=com_newsfeeds&view=categories&Itemid=49">News Feeds
	</li>
	</ul>
</div>

Code:

/* Die Menüformatierung */
.moduletable-nav #mainlevel{
margin:0;
padding:0;
list-style-type:none;
}
.moduletable-nav #mainlevel  li{
padding-right:2px;
float:left;
margin-top:6px;
list-style-type:none;
}
.moduletable-nav #mainlevel a{
background-image:url(../images/menu_top_inactive.png);
background-repeat:no-repeat;
text-align:center;
padding-top:10px;
width:130px;
height:28px;
display:block;
text-decoration:none;
color:white;
font-size:19px;
}
.moduletable-nav #mainlevel a:hover{
background-image:url(../images/menu_top_active.png);
background-repeat:no-repeat;
}
.moduletable-nav #mainlevel li a.mainlevel_current{
background-image:url(../images/menu_top_active.png);
background-repeat:no-repeat;
}
/* Das Submenü */
.moduletable-nav #mainlevel   ul{
left:-135px;
position:relative;
width:100%;
margin-top:6px;
}
.moduletable-nav #mainlevel  li li{
display:inline;
text-decoration:none;
}
.moduletable-nav #mainlevel  a.sublevel{
background-image:url(../images/menu_middle_inactive.png);
background-repeat:no-repeat;
text-align:center;
padding-top:9px;
width:132px;
height:38px;
color:white;
font-size:18px;
}

Rastamate
Neues Mitglied

Mehr

14 Jan. 2009 18:29 #20009 von Rastamate

Rastamate antwortete auf Re: Menü

So ohne Link zur Seite ist das schwierig nachzuvollziehen....

Ist moeglicherweise das Bild des aktivmenus zu lang, resp breit, so dass die beiden nachfolgenden dunklen Tabs weiter unten umgebrochen werden?

wucherpfennig
Autor
Neues Mitglied

Mehr

14 Jan. 2009 18:32 #20010 von wucherpfennig

wucherpfennig antwortete auf Re: Menü

hmmm siehs dir slebst an.

--ALTER LINK WURDE ENTFERNT--

Rastamate
Neues Mitglied

Mehr

14 Jan. 2009 18:49 #20013 von Rastamate

Rastamate antwortete auf Re: Menü

Versuch mal in der template.css folgendes zu aendern:

Code:

.moduletable-nav #mainlevel {
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}

Eigentlich hab ich derzeit nur position: absolute; hinzugefuegt in diesem Abschnitt.

So werden die Tabs zumindest schon mal auf der gleichen hoehe wie die ersten buttons angezeigt...

Nun muessen wir die Dinger nur noch links ranbringen....

DietmarH
Neues Mitglied

Mehr

14 Jan. 2009 18:58 #20014 von DietmarH

DietmarH antwortete auf Re: Menü

--ALTER LINK WURDE ENTFERNT--
--ALTER LINK WURDE ENTFERNT--

Irgendwo wird die richtige Antwort schon kommen... aber nicht von mir.

Rastamate
Neues Mitglied

Mehr

14 Jan. 2009 19:00 #20015 von Rastamate

Rastamate antwortete auf Re: Menü

nun haengts noch mit dem li element zusammen, welches denke ich nicht wirklich definiert ist.

.moduletable-nav #mainlevel ul li {
}

Denke das hast gar nicht in der CSS und dieses Element gibt dort irgendwie die Breite vor, so dass nun die Buttons am Anfang vom Ende dieser li Box stehen.

Denke dort muesste man nun noch ansetzen.... evtl. mit einem float: left; oder einer width angabe...

wucherpfennig
Autor
Neues Mitglied

Mehr

14 Jan. 2009 21:08 #20022 von wucherpfennig

wucherpfennig antwortete auf Re: Menü

Danke viel mal für die Tipps

Code:

/* Die Menüformatierung */
.moduletable-nav #mainlevel {
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}
.moduletable-nav #mainlevel  li{
padding-right:2px;
float:left;
margin-top:6px;
list-style-type:none;
}
.moduletable-nav #mainlevel a{
background-image:url(../images/menu_top_inactive.png);
background-repeat:no-repeat;
text-align:center;
padding-top:10px;
width:130px;
height:28px;
display:block;
text-decoration:none;
color:white;
font-size:19px;
}
.moduletable-nav #mainlevel a:hover{
background-image:url(../images/menu_top_active.png);
background-repeat:no-repeat;
}
.moduletable-nav #mainlevel li a.mainlevel_current{
background-image:url(../images/menu_top_active.png);
background-repeat:no-repeat;
}
/* Das Submenü */
.moduletable-nav #mainlevel ul {
left:-41px;
position:absolute;
width:789px;
}
.moduletable-nav #mainlevel ul li {
display:inline;
padding:0;
text-decoration:none;
}
.moduletable-nav #mainlevel  a.sublevel{
background-image:url(../images/menu_middle_inactive.png);
background-repeat:no-repeat;
text-align:center;
padding-top:9px;
width:132px;
height:38px;
color:white;
font-size:18px;
}

Rastamate
Neues Mitglied

Mehr

14 Jan. 2009 21:11 #20023 von Rastamate

Rastamate antwortete auf Re: Menü

Cool! Schoen dass es funktioniert hat!

Sieht gut aus das Menu.. vielleicht etwas sehr gross fuer meinen Geschmack... aber sonst find ichs nett!

wucherpfennig
Autor
Neues Mitglied

Mehr

23 Jan. 2009 09:55 #20297 von wucherpfennig

wucherpfennig antwortete auf Re: Menü

Nun hab ich ein anderes Problem. Sache ist, es wird jetzt richtig dargestellt, auch mit Highlight. Doch wenn ich mich nun im Frontend anmelde, verschwindet das Mainmenü. Sprich es wird nur noch dasjenige angezeigt, welches gerade aktiv ist und die weiteren nicht... obwohl die Module "öffentlich" dargestellt werden! Was mach ich falsch?

Rastamate
Neues Mitglied

Mehr

23 Jan. 2009 13:14 #20305 von Rastamate

Rastamate antwortete auf Re: Menü

Hmm.. schwer zu sagen... Der Link zu Deiner neuen Seite funktioniert leider nicht mehr.... Gibt ein 404 Not Found!

Moeglich ist aber, dass der Editor eine eigene CSS hat und moeglicherweise einen CSS Befehl mit etwas ueberschreibt und es somit zu dem von Dir beschriebenen Phaenomen kommt. Oder Du ein spezielles Loginmodul benutzt, welches ebenfalls ein eigenes CSS hat und etwas ueberschreibt...

Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

Menü