StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POImage DIV Covering Child DIV
primarykey
Id
15181458
data
AcceptedAnswerId
15181898
AnswerCount
1
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2013-03-03T01:27:22.030
FavoriteCount
0
LastActivityDate
2013-03-03T02:50:42.397
LastEditDate
2013-03-03T02:50:42.397
LastEditorUserId
1333999
OwnerUserId
2127833
ParentId
0
PostTypeId
1
Score
0
ViewCount
110
LastEditorDisplayName
text
Body
<p>I have a simple program that echoes images out to a page from a database. I want to have a child element, just a simple slightly transparent box shown on top of the images.</p> <p>I know child elements always has a higher z-index than it's parent but the image always covers over the box I want on top. When the page is loading I can see the box in the position I want but then when the images load and the box it disappears. </p> <p>Here is a jsFiddle: <a href="http://jsfiddle.net/EBvCZ/" rel="nofollow">http://jsfiddle.net/EBvCZ/</a></p> <h1>PHP</h1> <pre><code>echo '<div id="wrapper">'; while ($data = mysql_fetch_array($query_run)) { echo '<div id="picback"><div id="centerpic"><a href="image.php?photo_id='.$data['photo_id'].'" title="View Photo"><'.'img src="resizeimage.php?photo_id='.$data['photo_id'].'"></a>'; echo '<br style="clear:both;" />'; echo '<div id="titlepic">This is an image</div>'; echo '</div></div>'; } echo '</div> </code></pre> <h1>CSS</h1> <pre><code>#wrapper { overflow:auto; width:1000px; height:1000px; margin: 20px auto; } #titlepic { background-color:rgba(0, 0, 0, 0.5); top:100px; width:200px; height:35px; position:relative; } #centerpic { position:relative; margin:auto; width: 200px; height: 150px; top:18.75px; overflow:hidden; } #picback { position:relative; margin:10px 23px; top:75px; float:left; width:250px; height:187.5px; overflow:hidden; } #picback:hover { background-color:rgb(190,190,190); -webkit-border-radius:0.4em; -webkit-transition: background-color 0.5s; } </code></pre>
Tags
<php><css><html5>
Title
Image DIV Covering Child DIV
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USPachonk
UserOwnerUserId
1. USuser2127833
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
  POImage DIV Covering Child DIV
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
2. VO
  singulars
  PostPostId
  POImage DIV Covering Child DIV
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
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.