Dece
Legacy Member
Ahoi,
kijk even op www.recyrings.be . Daar zie je hoe het menu opgebouwd wordt via een lijst.
Zoals je merkt lukt de main catergorie vrij goed en wordt deze crossbrowser vrijwel perfect weergegeven.
Als ik nu echter een submenu wil toevoegen als lijst, lijkt het de browsers niet meer te lukken de css toe te passen zoals ik het wens.
Ik heb al verscheidende dingen geprobeerd zoals de stijl toe te passen als volgt: #menu ul>li, #menu ul<li, #menu li.sub, #menu li.main enz...
Nog het ene, nog het andere lijkt een deftig effect te hebben in een van de browsers.
Mss nog even snel de CSS hier knippen/plakken voor de duidelijkheid
Alvast bedankt voor diegene die mij kan helpen met dit (irritant) probleem
kijk even op www.recyrings.be . Daar zie je hoe het menu opgebouwd wordt via een lijst.
Zoals je merkt lukt de main catergorie vrij goed en wordt deze crossbrowser vrijwel perfect weergegeven.
Als ik nu echter een submenu wil toevoegen als lijst, lijkt het de browsers niet meer te lukken de css toe te passen zoals ik het wens.
Ik heb al verscheidende dingen geprobeerd zoals de stijl toe te passen als volgt: #menu ul>li, #menu ul<li, #menu li.sub, #menu li.main enz...
Nog het ene, nog het andere lijkt een deftig effect te hebben in een van de browsers.
Mss nog even snel de CSS hier knippen/plakken voor de duidelijkheid
Code:
ol
{
margin:0px;
padding-left:20px;
width: 125px;
}
li.sub
{
line-height:20px;
width:125px;
margin: 0px;
padding:0px;
list-style-type:none;
}
li.sub a:link, a:visited, a:active
{
background-color:#CCCCCC;
color:#000000;
display:block;
text-decoration:none;
}
li.sub a:hover
{
background-color:#3AA149;
color:#FFFFFF;
text-decoration:underline;
}
ul
{
margin:0px;
padding:0px;
display:block;
}
li.main
{
line-height:20px;
padding:0px;
color:#000099;
list-style-type:none;
}
li.main a
{
padding-left: 5px;
width:145px;
}
li.main a:link, a:visited, a:active
{
background-color: #FFFFFF;
color:#000000;
display:block;
text-decoration:none;
}
li.main a:hover
{
background-color:#3AA149;
color:#FFFFFF;
text-decoration:underline;
}Alvast bedankt voor diegene die mij kan helpen met dit (irritant) probleem
