Rank: Advanced Member Groups: Member
Joined: 4/4/2008 Posts: 46
|
I am attempring to use the EO Web Menu on an .ASPX Master Page and want to center it on the page. I have tried using a <Div> and a <Table> neither work. The table always aligns to the left of the page.
Any help would be appreciated. Sample code is below:
<body> <form id="form1" runat="server"> <div style="text-align: center; margin: auto;"> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> <asp:Image ID="Image1" runat="server" Height="148px" ImageUrl="~/WARREN-Web-Banner_1200.jpg" Width="1112px" /> </asp:ContentPlaceHolder> <br /> <div style="text-align: center; margin: auto;"> <table class="style4"> <tr> <td class="style6"> <eo:Menu ID="Menu1" runat="server" CheckIconUrl="OfficeCheckIcon" ControlSkinID="None" Width="431px"> <LookItems> <eo:MenuItem DisabledStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:5px;padding-right:5px;padding-top:1px;color:lightgrey" Height="24" HoverStyle-CssText="background-color:#c1d2ee;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;" ItemID="_TopLevelItem" NormalStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:5px;padding-right:5px;padding-top:1px;" SelectedStyle-CssText="background-color:white;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;"> <SubMenu CollapseEffect-Duration="150" CollapseEffect-Type="Fade" ExpandEffect-Duration="150" ExpandEffect-Type="Fade" ItemSpacing="3" LeftIconCellWidth="25" SideImage="OfficeXPSideBar" Style-CssText="background-color:#fcfcf9;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:black;cursor:hand;font-family:Tahoma;font-size:8pt;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;"> </SubMenu> </eo:MenuItem> <eo:MenuItem IsSeparator="True" ItemID="_Separator" NormalStyle-CssText="background-color:#c5c2b8;height:1px;margin-left:30px;width:1px;"> </eo:MenuItem> <eo:MenuItem DisabledStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:5px;padding-top:1px;color:lightgrey" Height="24" HoverStyle-CssText="background-color:#c1d2ee;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:1px;padding-right:4px;padding-top:0px;" ItemID="_Default" NormalStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:5px;padding-top:1px;" SelectedStyle-CssText="background-color:white;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:1px;padding-right:4px;padding-top:0px;" Text-Padding-Right="30"> <SubMenu CollapseEffect-Duration="150" CollapseEffect-Type="Fade" ExpandEffect-Duration="150" ExpandEffect-Type="Fade" ItemSpacing="3" LeftIconCellWidth="25" SideImage="OfficeXPSideBar" Style-CssText="background-color:#fcfcf9;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:black;cursor:hand;font-family:Tahoma;font-size:8pt;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;"> </SubMenu> </eo:MenuItem> </LookItems> <TopGroup Style-CssText="background-color:#cccccc;"> <Items> <eo:MenuItem ExpandedStyle-CssText="font-size:Small;font-weight:bold;" HoverStyle-CssText="font-size:Small;font-weight:bold;" NavigateUrl="~/Default.aspx" NormalStyle-CssText="font-size:Small;font-weight:bold;" SelectedExpandedStyle-CssText="font-size:Small;font-weight:bold;" SelectedHoverStyle-CssText="font-size:Small;font-weight:bold;" SelectedStyle-CssText="font-size:Small;font-weight:bold;" Text-Html="Home"> </eo:MenuItem> <eo:MenuItem ExpandedStyle-CssText="font-size:Small;font-weight:bold;" HoverStyle-CssText="font-size:Small;font-weight:bold;" NavigateUrl="~/ServiceMap1.aspx" NormalStyle-CssText="font-size:Small;font-weight:bold;" SelectedExpandedStyle-CssText="font-size:Small;font-weight:bold;" SelectedHoverStyle-CssText="font-size:Small;font-weight:bold;" SelectedStyle-CssText="font-size:Small;font-weight:bold;" Text-Html="Service Map"> <SubMenu> <Items> <eo:MenuItem Text-Html="New Menu Item"> </eo:MenuItem> </Items> </SubMenu> </eo:MenuItem> <eo:MenuItem ExpandedStyle-CssText="font-size:Small;font-weight:bold;" HoverStyle-CssText="font-size:Small;font-weight:bold;" NavigateUrl="~/Tracking.aspx" TargetWindow="_blank" NormalStyle-CssText="font-size:Small;font-weight:bold;" SelectedExpandedStyle-CssText="font-size:Small;font-weight:bold;" SelectedHoverStyle-CssText="font-size:Small;font-weight:bold;" SelectedStyle-CssText="font-size:Small;font-weight:bold;" Text-Html="Shipment Tracking"> </eo:MenuItem> <eo:MenuItem ExpandedStyle-CssText="font-size:Small;font-weight:bold;" HoverStyle-CssText="font-size:Small;font-weight:bold;" NavigateUrl="~/Claims.aspx" TargetWindow="_blank" NormalStyle-CssText="font-size:Small;font-weight:bold;" SelectedExpandedStyle-CssText="font-size:Small;font-weight:bold;" SelectedHoverStyle-CssText="font-size:Small;font-weight:bold;" SelectedStyle-CssText="font-size:Small;font-weight:bold;" Text-Html="Claims"> </eo:MenuItem> <eo:MenuItem ExpandedStyle-CssText="font-size:Small;font-weight:bold;" HoverStyle-CssText="font-size:Small;font-weight:bold;" NavigateUrl="~/Employment.aspx" NormalStyle-CssText="font-size:Small;font-weight:bold;" SelectedExpandedStyle-CssText="font-size:Small;font-weight:bold;" SelectedHoverStyle-CssText="font-size:Small;font-weight:bold;" SelectedStyle-CssText="font-size:Small;font-weight:bold;" Text-Html="Employment"> </eo:MenuItem> <eo:MenuItem ExpandedStyle-CssText="font-size:Small;font-weight:bold;" HoverStyle-CssText="font-size:Small;font-weight:bold;" NavigateUrl="~/About.aspx" NormalStyle-CssText="font-size:Small;font-weight:bold;" SelectedExpandedStyle-CssText="font-size:Small;font-weight:bold;" SelectedHoverStyle-CssText="font-size:Small;font-weight:bold;" SelectedStyle-CssText="font-size:Small;font-weight:bold;" Text-Html="About"> </eo:MenuItem> <eo:MenuItem ExpandedStyle-CssText="font-size:Small;font-weight:bold;" HoverStyle-CssText="font-size:Small;font-weight:bold;" NavigateUrl="~/Contact.aspx" NormalStyle-CssText="font-size:Small;font-weight:bold;" SelectedExpandedStyle-CssText="font-size:Small;font-weight:bold;" SelectedHoverStyle-CssText="font-size:Small;font-weight:bold;" SelectedStyle-CssText="font-size:Small;font-weight:bold;" Text-Html="Contact Us"> </eo:MenuItem> </Items> </TopGroup> </eo:Menu> </td> </tr> </table> </div> <br /> <asp:ContentPlaceHolder runat="server" ID="Main" /> <br /> <asp:ContentPlaceHolder runat="server" ID="Footer"> <span style="text-align: center">© 2012 Warren Trucking Co., Inc.</span> </asp:ContentPlaceHolder> </div> </form> </body>
|