StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
13041663
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-10-24T01:12:53.407
FavoriteCount
0
LastActivityDate
2012-10-24T01:12:53.407
LastEditDate
LastEditorUserId
0
OwnerUserId
1055987
ParentId
13032633
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<pre><code>...except I'm not able to style the pop-up box. It seem like it will not pick up my css. </code></pre> <p>Well, you got to know how fancybox works with <code>inline</code> content (the hidden <code><div></code> you want to display in fancybox) :</p> <p>First, you are targeting the container with <code>id="melding"</code> with this html :</p> <pre><code><a id="popup" href="#melding"></a> </code></pre> <p>When you open fancybox, the <code><div id="melding">...</div></code> is <strong>MOVED</strong> from its original position in the document into fancybox. A temporary <em>placeholder</em> is left instead so the content can be returned to where it was when you close fancybox.</p> <p>... so this is how your (<code>inline</code>) content looks <strong>before</strong> opening fancybox:</p> <pre><code><div style="display: none;"> <div class="fancybox"> <div id="melding"><br /> <br /> <h3>Velkommen til min nye hjemmeside.</h3> <br /> <p>Testing - Testing. </p> </div> </div> </div> </code></pre> <p>.... and this is how it looks <strong>after</strong> you open fancybox (v2.1.2)</p> <pre><code><div style="display: none;"> <div class="fancybox"> <div class="fancybox-placeholder" style="display: none; "></div> </div> </div> </code></pre> <p>.... of course <code><div id="melding">...</div></code> is inside fancybox.</p> <p>A question for you : Can you see the issue? Answer : you are applying your style to the selector <code>.fancybox</code></p> <pre><code>.fancybox { width: 600px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; padding-top: 30px; } </code></pre> <p>... but that selector never made it to fancybox, so this why you cannot style it.</p> <p>Your options :</p> <p><strong>One</strong> : set the style you want to <code>#melding</code> as properly pointed out by <strong>@bbosternak</strong></p> <p>...or</p> <p><strong>Two</strong> : change your html structure like</p> <pre><code><div id="melding" style="display: none;"> <div class="fancybox"> <h3>Velkommen til min nye hjemmeside.</h3><br /> <p>Testing - Testing. </p> </div> </div> </code></pre> <p>Notice that I moved the <code>id="melding"</code> to the parent <code><div></code> of the <code><div class="fancybox"></code></p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POFancybox and css
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USJFK
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. CONow I've updated to Fancybox 2.1.2 and done the changes you set up for me, and it works!!! Thank you so very much!
  singulars
  PostPostId
  PO
  UserUserId
  USuser1768537

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.