Probleme mit Horizontaler CSS Navigation
Hi zusammen,
ich habe vor meine Website mal wieder umzugestalten und möchte
daher ein Tablet / Smartphone / PC etc. konformes css menü bauen.
ich dachte erst das sei kein problem aber irgendwie drehe ich mich seit stunden im kreis
hier die entsprechende website: http://dev.reneboehres.de
ich will das das menü im oberen teil des bereiches wie der kopf bereich mit abgerundeten ecken sitzt.
wie z.b. hier -> http://static.livedemo00.template-help.com/wt_39454/#
im moment scheitert es aber an einem ganz anderen problem...
ich bekomme die 2/3 ebene nicht ordentlich eigeblendet und finde einfach nicht woran es liegt...
ich habe schon diverse umstellungen probiert...
hier mein grundgeschribsel...
Code:
.mod_navigation ul {
margin:0;
padding:0;
}
.mod_navigation ul li {
position:relative;
display:inline;
}
.mod_navigation ul ul, .mod_navigation ul ul ul {
display:none;
}
.mod_navigation ul li:hover > ul {
position:absolute;
display:block;
}
weiterhin kann ich z.B. den links keine farben z.B. via .mod_navigation ul li a zuweisen
die farben bleiben so standard wie es zuvor festgelegt wurde...
hat jemand ne ahnung woran das liegen kann?
will ich die position z.B. um einige pixel via .mod_navigation > ul nach oben versetzen tut sich gar nichts....