Forum Webdesign
horiz. menü - wie?
hi!
will mich daran versuchen ein papoo mit 2geteiltem menu zu bauen...
oben sollen die hauptpunkte sitzen, links die unterpunkte. (ähnlich yaml)
egal, welchen stil ich ausprobiere, sobald ich dem hauptmenu navi-ebene "0" zuordne, ist das horizontale menu zu einer einfachen liste geworden.
bei navi-komplett taucht natürlich die 2te navi-ebene auch oben auf und zerschießt alles...
was muss ich anpassen?
Re: horiz. menü - wie?
hallo,
wenn ich dich richtig verstehe, denke ich mal du mußt auch die div. "menue" styles im stlyesheet "basemod.css" evtl. "schriften_und_farben.css" sowie im ordner "templates" div. dateien "mod_menue_maixyx" anpassen. welche genau hab ich leider selbst noch nicht probiert.
frage:
warum nimmst du nicht das yaml?
lg,
michael
Re: horiz. menü - wie?
hab ja yaml benutzt... und die anderen styles der pro auch... überall das selbe...
Re: horiz. menü - wie?
Hi Machart,
da diese Module noch relativ neu sind, haben sie noch keine Angaben in der CSS. Du darfst die aber gerne selber reinschreiben. In deinem Fall wäre wohl z.B. ein solcher Eintrag nicht schlecht:
#mod_menue_ebene0 ul li {display: inline;}
Re: horiz. menü - wie?
habs hiermit probiert und das klappt schon fast... (die rechte ecke fehlt)
das ist die yaml/navigation/nav_slidingdoor.css:
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
**
** YAML Version: 2.5
** Dateiversion: 18.06.06
** Datei : nav_slidingdoor.css
** Funktion : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors"
**
*/
@media all
{
/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors" von A List Apart ################################################
** ######################################################################################################
*/
#mod_menue, #mod_menue_ebene0 {
width:100%;
margin-top: 113px;
float:left;
color: #fff;
background: #1f1e2e url(../img/sliding_door/nav_rund/bg.gif) repeat-x bottom;
}
#mod_menue ul, #mod_menue_ebene0 ul {
white-space: nowrap;
line-height: 1em;
margin:0;
padding:0 0 0 50px;
list-style:none;
}
#mod_menue li, #mod_menue_ebene0 li {
float:left;
background: #8f8cad url(../img/sliding_door/nav_rund/left.gif) no-repeat top left;
/* margin-right: 2px; nur einf¸gen bei ECKIGEN Ecken */
padding: 0 0 0 3px;
margin: 0;
border-bottom:1px solid #000;
}
#mod_menue a, #mod_menue_ebene0 a {
float:left;
display:block;
color:#334;
background: transparent;
background: url(../img/sliding_door/nav_rund/right.gif) no-repeat top right;
padding:5px 11px 3px 8px;
text-transform: none;
text-decoration:none;
font-weight:normal;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#mod_menue a, #mod_menue_ebene0 a {float:none;}
/* End IE5-Mac hack */
#mod_menue a:hover, #mod_menue_ebene0 a:hover {
color:#fff;
}
#mod_menue ul li span, #mod_menue_ebene0 ul li span {
background-image: url(../img/sliding_door/nav_rund/left_on.gif);
border-bottom:0px solid #f00;
display:block;
margin-left:-3px;
}
#mod_menue .span_menuxaktiv_back a,
#mod_menue_ebene0 a .span_menuxaktiv_back a
{
color:#334;
background-image: url(../img/sliding_door/nav_rund/right_on.gif);
font-weight:bold;
padding-bottom:3px;
padding-top:5px;
}
#mod_menue .span_menuxaktiv_back a:hover,
#mod_menue_ebene0 a .span_menuxaktiv_back a
{
color:#000;
}
}
Sie müssen sich anmelden, um einen Beitrag schreiben zu können.
Finden Sie Ihren Ansprechpartner für Ihre Umsetzung in Ihrer Region - unsere zertifizierten Partner beraten Sie und setzen für Sie Ihre Webseite um. Unsere zertifizierten Partner finden Sie hier...