StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
7794740
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2011-10-17T13:48:41.233
FavoriteCount
0
LastActivityDate
2011-10-17T13:48:41.233
LastEditDate
2017-05-23T12:01:16
LastEditorUserId
-1
OwnerUserId
411022
ParentId
7794077
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
You could look at how Google does it in Firebug (or any equivalent tool). I just did, and apparently they wrap each image in a div (actually, a <li>) with height set to the height of the image and vertical padding set to make up the difference. For example, here's one of them from a search I just ran: <pre><code><li class="rg_li" style="width: 140px; height: 89px; padding: 11px 0pt;"> </code></pre> (See <a href="https://stackoverflow.com/questions/7794077/aligning-images-like-google-image-search-does/7794142#7794142">watcher's answer</a> for the styles applied to the class <code>rg_li</code>.) Apparently, they also adjust the height of each line dynamically to match the height of the tallest image on it, so if I resize the window, the padding values get recomputed. But anyway, if you just want a bunch of images vertically centered, you don't need any of this trickery. Just wrap all the images together in a or <div> and style them with <code>vertical-align: middle</code>. <pre><code> <img style="vertical-align: middle" src="..." /> <img style="vertical-align: middle" src="..." /> ... </code></pre> You can even do this without CSS if you want, by using the old HTML <code>align</code> attribute, like this: <pre><code> <img align="middle" src="..." /> <img align="middle" src="..." /> ... </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POAligning images like google image search does
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USIlmari Karonen
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. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. COThat worked just fine, thanks ;)
 singulars
 PostPostId
 PO
 UserUserId
 USnatli

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.