StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAlign <div> with bottom-right of parent <div>?
primarykey
Id
17201613
data
AcceptedAnswerId
17202281
AnswerCount
2
ClosedDate
CommentCount
8
CommunityOwnedDate
CreationDate
2013-06-19T21:23:33.797
FavoriteCount
1
LastActivityDate
2013-06-19T22:48:13.417
LastEditDate
2013-06-19T22:02:01.447
LastEditorUserId
2171490
OwnerUserId
2171490
ParentId
0
PostTypeId
1
Score
1
ViewCount
1631
LastEditorDisplayName
text
Body
<p>I have a couple groups of links at the top of a layout page for an MVC app, and I'm having trouble getting these links positioned properly.</p> <p>Here's what they SHOULD look like (I'm making some huge changes to this site, but keeping the layout intact):</p> <p><img src="https://i.stack.imgur.com/sSlDK.png" alt="enter image description here"></p> <p>Keep in mind that this photo is at the center-right of my page, that is to say, the page extends further to the right, but there's no content in that area.</p> <p>After altering these image-based links to text-based, they lose their styling integrity and scramble.</p> <p>Here's some code from my current links to give an idea of how they're contained:</p> <pre><code><div class="top-links"> <div id="top-nav"> <a class="top-link" href="#" title="My Profile"> <span>MY PROFILE</span> </a> <a class="top-link" href="#" title="Account Profile"> <span>ACCOUNT PROFILE</span> </a> <a class="top-link" href="#" title="Sign Out"> <span>SIGN OUT</span> </a> </div> </div> <div class="links"> <div id="nav"> <a class="home-link home-link-left" href="#" title="My Component Books"> <span>MY COMPONENT BOOKS</span> </a> <a class="home-link" href="#" title="New Component Book"> <span>NEW COMPONENT BOOK</span> </a> <a class="home-link" href="#" title="System Logs"> <span>SYSTEM LOGS</span> </a> </div> </div> </code></pre> <p>I left out pieces of the tags themselves for readability.</p> <p>And finally, the relevant CSS:</p> <pre><code>/*----------- TOP NAVIGATION -----------*/ .top-links { float: right; height: 31px; margin: 0 0 0 0; width: auto } .top-link { font: 7pt Georgia, serif; color: #E1915C; text-align:center; text-decoration: none; line-height: 34px; padding: 10px; } #top-nav { float: right; margin: 0 0 0 0; overflow: hidden; } /*----------- NAVIGATION -----------*/ .links { float: right; width: auto; height: 36px; overflow: hidden; bottom: 0; right: 0; } .home-link { font: 7.25pt Georgia, serif; color: #E1915C; text-decoration: none; font-weight: bold; border-right: 1px solid #E1E1E1; text-align: center; line-height: 36px; width: auto; padding: 10px; } .home-link:hover { color: #369AAA; } .home-link-left { border-left: 1px solid #E1E1E1; } .home-link-right { border-right: 1px solid #E1E1E1; } #nav { position: absolute; float: right; overflow: hidden; } </code></pre> <p>Sorry if it seems like a bit much, some of it isn't my original code and I'm not sure what I should/shouldn't include.</p> <p>I'm not the best with CSS, so could any styling gurus give me some insight on how I can make the links lay out as they are in the screenshot?</p>
Tags
<html><css>
Title
Align <div> with bottom-right of parent <div>?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USRoach Lord
UserOwnerUserId
1. USRoach Lord
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
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POAlign <div> with bottom-right of parent <div>?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POAlign <div> with bottom-right of parent <div>?
  UserUserId
  USRoach Lord
  VoteTypeVoteTypeId
  VTFavorite
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.