Welcome Guest Search | Active Topics | Sign In | Register

How do I center the EO Web Menu on a Page? Options
Dave
Posted: Thursday, December 20, 2012 1:47:29 PM
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">&copy; 2012 Warren Trucking Co., Inc.</span>
</asp:ContentPlaceHolder>
</div>
</form>
</body>


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.