ansaurus

Question

Answer 1

A:

When I look at this example, it becomes obvious that you have to point the href of the anchor element to a div within another one with style="display:none" (see #4), so you shouldn't put the actual contents within a div with display:none, otherwise the contents will remain hidden (as you can see in Firebug).

Change your code to

<div style="display:none"><div id="inline2">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. &nbsp;&nbsp;</p>
</div></div>

BTW, there are some errors within your page, like the closing tag </a> in #inline2, and some others. When your page is rendered using an XML parser, your users will only see a (probably yellow) error page.

Marcel Korpel 2010-07-05 23:21:46

You are right. I was looking at the example proved at the frontpage, just copy'ing the way they did. Strange.I can't thank you enough.

kris 2010-07-06 00:02:23

Answer 2

A:

Assign id inline2 to the p element

<div style="display:none;">
    <p id="inline2">Lorem ipsum dolor sit amet, consectetur 
        adipiscing elit. &nbsp;&nbsp;</p>
</div>

If you want your XHTML to validate as well, you have to

Change <html lang="da"> to <html lang="da" xmlns="http://www.w3.org/1999/xhtml">.
Close the meta element properly />.
Add a title for your document.
Enclose the hyperlink in a block element.
Remove the extra </a> in your p element.

melhosseiny 2010-07-05 23:32:08

ansaurus

tags:

views:

answers:

Fancybox visibility problem

related questions