StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
1745594
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2009-11-16T23:37:06.120
FavoriteCount
0
LastActivityDate
2009-11-16T23:37:06.120
LastEditDate
LastEditorUserId
0
OwnerUserId
137626
ParentId
1740347
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>I'd try to use <code>display: inline-block;</code> to style the elements containing each image. Example of HTML code for one container:</p> <pre> <style> .figure { display: inline-block; } </style> <div class="figure"> <img src="littlepony.jpg" alt="My cute little pony" width="13" height="37" /> </div> </pre> <p>Now there a few pitfalls using this with IE6, IE7 and Firefox 2:</p> <ul> <li>IE 6 and 7 will only style inline elements that have hasLayout triggered, I mean you'll see inline-block <em>behavior</em> if you do this:</li> </ul> <pre>  </pre> <ul> <li>Firefox 2 doesn't understand <code>display: inline-block;</code> so you'll have to precede the latter by another display instruction:</li> </ul> <pre> .figure { display: -moz-inline-stack; display: inline-block; } </pre> <ul> <li>now Firefox 2 is going to annoy you a bit. First, you must have only one child element in your <code>.figure</code> element, otherwise the children would ... stack. So if you have a legend under your image, insert a div between div.figure and img+p</li> </ul> <pre> <div> <img src="littlepony.jpg" alt="Photo of my cute little pony" width="13" height="37" /> <p>Second child of .figure>div and not .figure</div> </div> </div> </pre> <p>Second (still only in Fx2), you'll notice from time to time that you can't anymore neither select text inside the -moz-inline-stack'ed element nor click on links it could contain. The fix is to position the added div relatively:</p> <pre> .figure div { position: relative; } </pre> <p>Of course the conditional comment for IE6/7 must occur after regular CSS, otherwise it'll be of little help.</p> <p>And finally, if no elegant solution works for you, use a TABLE. A simple table with only td and no th. If it occurs that: </p> <ul> <li>IE6 and 7 don't like <code>display: table-sth</code></li> <li>your CMS causes problems to what would otherwise work fine on another site</li> <li>Firefox 3 support for <code>inline-block</code> is of no help</li> </ul> <p>than yes it's better for everybody that you use a table and no half-solution causing problems to half your users ;)</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POclearing nested floats
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USFelipeAls
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. This table or related slice is empty.
CommentsPostId
1. COno offense, but for web development, if the answer starts with "Now there a few pitfalls using this with IE6, IE7 and Firefox 2", that solution should be scrapped at that point, especially when easier alternatives(such as simple floating) can be used. very technical answer, but just not practical
  singulars
  PostPostId
  PO
  UserUserId
  USjaywon

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.