StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POadjusting the menu to cover the menu width
primarykey
Id
12044754
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2012-08-20T20:36:02.717
FavoriteCount
0
LastActivityDate
2012-08-22T06:07:34.330
LastEditDate
2012-08-20T20:59:12.083
LastEditorUserId
1370726
OwnerUserId
1370726
ParentId
0
PostTypeId
1
Score
1
ViewCount
192
LastEditorDisplayName
text
Body
<p>I have a horizantal menu using a thrid party control. The width of the menu is 100% and I have to arrange the menu items so that they cover the entire width of the page and are adjusted automatically, but somehow last menu item is scrolled to another line if the screen is small and if the screen is big then they are adjusted on the same line. Below is my code. How can I make the menuitems so that they adjust accordingly with the width of the screen.</p> <pre><code> <div style="background-color:#8e2826; margin-left:15%; margin-right:17%; color:#8e2826"> <uc1:NavigationBar ID="NavigationBar" runat="server" /> </div> </code></pre> <p>and the code for navigation bar is</p> <pre><code><MainMenu ID="RadMenu1" runat="server" EnableRoundedCorners="false" EnableShadows="false" Height="25px" Width="100%" BackColor="#8e2826" BorderColor="#8e2826" BorderWidth="0" width="100%" > <MenuItem Text="Query" BackColor="#8e2826" ForeColor="#cea70b" Font-Names="Calibri" width="12.5%" > <MenuItem> <MenuItem Text="Metrics" BackColor="#8e2826" ForeColor="#cea70b" Font-Names="Calibri" width="12.5%" > <MenuItem> <MenuItem Text="Reports" BackColor="#8e2826" ForeColor="#cea70b" Font-Names="Calibri" width="12.5%" > <MenuItem> <MenuItem Text="Exports" BackColor="#8e2826" ForeColor="#cea70b" Font-Names="Calibri" width="12.5%" > <MenuItem> <MenuItem Text="Imports" BackColor="#8e2826" ForeColor="#cea70b" Font-Names="Calibri" width="12.5%" > <MenuItem> <MenuItem Text="Web Service" BackColor="#8e2826" ForeColor="#cea70b" Font-Names="Calibri" width="12.5%" > <MenuItem> <MenuItem Text="Versions &Fixes" BackColor="#8e2826" ForeColor="#cea70b" Font-Names="Calibri" width="12.5%" > <MenuItem> </Items> </MainMenu> below is the style sheet <style type="text/css"> .style1 { display:inline-block; zoom:1; *display:inline; } </style> </code></pre> <p>any help will be really appreciated.</p>
Tags
<asp.net><html><css>
Title
adjusting the menu to cover the menu width
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USAvinash Chandra
UserOwnerUserId
1. USAvinash Chandra
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POadjusting the menu to cover the menu width
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.