Necuno
Court Jester
- Joined
- Sep 27, 2005
- Messages
- 58,566
- Reaction score
- 3,437
with asp.net using aspmenu 4.0 and ie7 as display mode list it just for some reason when i do the multi column trick the second column just won't align properly. however this is not an issue in ie8.
aspmenu pic:
http://mybroadband.co.za/photos/data/500/aspmenusigh.jpg
applied css:
source of user control
aspmenu pic:
http://mybroadband.co.za/photos/data/500/aspmenusigh.jpg
applied css:
Code:
.DynamicMenuStyle
{
margin: 0px;
padding: 0px;
background-color: #30332e;
vertical-align:top;
width:100%;
}
.DynamicMenuItemStyle
{
float:left;
width: 165px;
padding: 5px 0 5px 20px;
font-size: 1.1em;
background: #424540 url('../Images/arrow_dropdown.png') no-repeat scroll left top;
display: block;
position: relative;
}
.DynamicMenuItemStyle:hover
{
background: #85c446 url('../Images/arrow_dropdown.png') no-repeat scroll -260px top;
}
.StaticMenuStyle
{
margin: 0px;
padding: 0px;
background-color: #30332e;
}
.StaticMenuStyle A, A:Hover
{
text-decoration:none;
color: #fff;
}
.StaticMenuItemStyle
{
margin-left: 0px;
padding: 5px 13px 4px;
height: 23px;
background-color: #30332e;
font-size: 1.2em;
}
.StaticMenuItemStyle:hover
{
background-color: #85c446;
}
.StaticSelectedStyle
{
background-color: #85c446;
}source of user control
Code:
<div>
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" RenderingMode="List"
CssClass="TopBar" DynamicEnableDefaultPopOutImage="False" StaticEnableDefaultPopOutImage="False">
<Items>
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New 1" Value="New 1"></asp:MenuItem>
<asp:MenuItem Text="New 2" Value="New 2"></asp:MenuItem>
<asp:MenuItem Text="New 3" Value="New 3"></asp:MenuItem>
<asp:MenuItem Text="New 4" Value="New 4"></asp:MenuItem>
<asp:MenuItem Text="New 5" Value="New 5"></asp:MenuItem>
<asp:MenuItem Text="New 6" Value="New 6"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</Items>
<DynamicMenuItemStyle CssClass="DynamicMenuItemStyle" />
<DynamicMenuStyle Width="370px" CssClass="DynamicMenuStyle" />
<StaticMenuStyle CssClass="StaticMenuStyle" HorizontalPadding="10px" />
<StaticMenuItemStyle CssClass="StaticMenuItemStyle" HorizontalPadding="15px" VerticalPadding="4px" />
<StaticSelectedStyle CssClass="StaticSelectedStyle" />
</asp:Menu>
</div>
(if i stripped it out now correctly)