StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
10940080
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2012-06-07T21:21:14.223
FavoriteCount
0
LastActivityDate
2012-06-07T21:21:14.223
LastEditDate
LastEditorUserId
0
OwnerUserId
1241487
ParentId
10939584
PostTypeId
2
Score
2
ViewCount
0
LastEditorDisplayName
text
Body
<p>This code should work:</p> <p>I've added a wrapping div to your menu with a fixed width and centred it on the page. Then added each a tag into an li.</p> <p>Your jQuery Menu is now broken but it should just be a case of finding the correct elements again now the orders have changed in the dom. </p> <p>You might also have to create some new styles and add them to the elements again. As I've probably messed a few bits up. I'd suggest adding proper classes and id's so you don't run into styling problems in the future.</p> <pre><code><div id="nav"> <ul> <li> <a alt="STORE" class="navmenu faded" href="http://www.ideagasms.net/ideagasms-products/">STORE</a> <ul class="file_menu"> <li><a href="#file">File</a></li> <li><a href="#edit">Edit</a></li> <li><a href="#view">View</a></li> <li><a href="#insert">Insert</a></li> <li><a href="#modify">Modify</a></li> <li><a href="#control">Control</a></li> <li><a href="#debug">Debug</a></li> <li><a href="#window">Window</a></li> <li><a href="#help">Help</a></li> </ul> </li> <li><a alt="HOME" class="navmenu faded" href="http://www.ideagasms.net/link">HOME</a> </li> <li><a alt="VIDEO" class="navmenu faded" href="http://www.ideagasms.net/link">VIDEO</a> </li> <li><a alt="ABOUT" class="navmenu faded" href="http://www.ideagasms.net/link">ABOUT</a></li> <li><a alt="CONTACT" class="smcf-link navmenu faded">CONTACT</a></li> <li><a alt="DONATIONS" class="navmenu scroll faded" href="http://www.ideagasms.net/link">DONATIONS</a></li> <li><a alt="MENTORING" class="navmenu faded" href="http://www.ideagasms.net/link">MENTORING</a></li> <li><a alt="BEAUTY" class="navmenu faded" href="http://www.ideagasms.net/link">BEAUTY</a></li> <li><a alt="SNIPPETS" class="navmenu scroll faded" style="letter-spacing:1px" href="http://www.ideagasms.net/link">#iG</a></li> </ul> </div> <style type="text/css"> #buttonnav { float:left; height: 25px; width: 100px; margin-bottom:1cm; position:relative; z-index:9; } #nav { margin: auto; width: 740px; background: orange; } ul { margin: auto; } ul li { display: inline; float: left; } .menu_class { border:1px solid #1c1c1c; } ul.file_menu { cursor:pointer; display:none; width:260px; border: 1px solid #1c1c1c; margin:0; padding:0; list-style:none; } .file_menu li { background-color: #302f2f; } .file_menu li a { color:#FFFFFF; text-decoration:none; padding:10px; display:block; } .file_menu li a:hover { padding:10px; font-weight:bold; color: #F00880; } </style> </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. PO"hair pulling" side-by-side floating div's
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USJim
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. PO"hair pulling" side-by-side floating div's
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
3. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. CO+1 for this approach. My 2 cents - things are harder than need be because the HTML is a bit wonky. Gr3mlin's approach not only looks nicer, but will likely allow you to do what you are looking for more easily.
  singulars
  PostPostId
  PO
  UserUserId
  USTim Hobbs
2. COAll of these replies were very helpful; thanks.
  singulars
  PostPostId
  PO
  UserUserId
  USStephen

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.