Monday, October 06, 2008 | Register | Login 
Minimize
 Module Support Forums
 
 Forum Forum metaPost Forums metaPost Forums Providers - Blo... Providers - Blo... Footnotes: including images and styling Footnotes: including images and styling
Previous Previous
 
Next Next
New Post
 5/5/2008 12:32 AM
Resolved
Dario Rossa
12 posts
No Ranking


Footnotes: including images and styling
 
Hi Don,

I am playing around with metaPost 1.1.14 and footnotes, and I think this is an awesome feature! By the way, how do you style the popup text to be displayed the same as the whole entry? In fact I experienced that adding just [mp1]My text[/mp1] and linking it works great, but creates a popup with non-styled text.

Another question (newbie I guess): is it possible to include images in the footnotes? I tried adding [mp1]<img src="..." />My Text[/mp1], but it ends up by showing the footnote at the end of the entry like normal text and a blank popup on my link. Do I miss something in my syntax or images are still not allowed in footnotes? Thanks in advance.

Best regards,
Dario Rossa



Dario RossaDario Rossa
Personal Website: http://www.dariorossa.it
DotNetNuke: http://dotnetnuke.dariorossa.it
 
New Post
 5/5/2008 7:53 AM
Don Worthley
170 posts
10th Level Poster


Re: Footnotes: including images and styling
 

Hi Dario,

Thanks so much for your feedback regarding the footnote feature.  It's new, so there may be some glitches.  The feature should support any HTML that your module accepts, so images should work fine.  Here's a test post I just created at metapost.itcrossing.com:

<p><a href="mp1">Test</a></p>

<p>[mp1]<img src="http://www.itcrossing.com/Portals/1/blog_images/WLW-VisaPABPCertification_B0AB-image_thumb.png" alt="Visa Image from blog post" border="0" style="margin-right:10px;" />Test insert with an image from the IT Crossing blog. [/mp1]</p>

The image and the stying seem to work fine here.  Is there a URL where I can view your test post? 

I did run into some initial problems with the <img> tag, but it was due to new truncation code in the beta version of the blog module which I'm running on at metapost.itcrossing.com.

 
New Post
 5/5/2008 9:26 AM
Dario Rossa
12 posts
No Ranking


Re: Footnotes: including images and styling
 
Hi Don,

I finally succeeded in showing an image in the footnote popup, but the text keeps un-styled. I also noticed that it shows correctly styled on my second blog, so I guess it has something to do with skin's css styles in the two portals (they belong to the same installation however). I will try to dig deeper and understand what's affecting the footnote style, I will keep you informed if I find something, thanks for your prompt response!

Best regards,
Dario Rossa


Dario RossaDario Rossa
Personal Website: http://www.dariorossa.it
DotNetNuke: http://dotnetnuke.dariorossa.it
 
New Post
 5/19/2008 9:52 PM
Don Worthley
170 posts
10th Level Poster


Re: Footnotes: including images and styling
 

Hi Dario,

I was looking at your blog this evening and I noticed the styling issues you were facing with the footnotes.  After firing up Firefox and using the CSS tools built into the Web Developer toolbar, I found that adding the following to your skin.css solved some of the styling problems:

.itcexpand-wrapper .itcexpand-html-content {    background-color: #c3c3c3;}
body {    font-family: Verdana;
    font-size: 11px;}

If others are facing a similar problem, there are two principles related to these fixes.  One is that the font definition should be assigned to the base body tag in order to define the font that is used in the popup.  Second, if a different background color is desired, then the background color can be overridden by setting a custom value for the following class:

.itcexpand-wrapper .itcexpand-html-content

HTH!

Don

 
New Post
 5/19/2008 11:37 PM
Dario Rossa
12 posts
No Ranking


Re: Footnotes: including images and styling
 
Hi Don,

thank you very much for your suggestion, it worked like a charm! The footnotes are styled correctly as all the other contents in the website now. I have to admit I finally gave up with that, because I decided they didn't look that bad even before, but now they are perfect. Thank you again for your help, once again I cannot decide what's best from ITCrossing: metaPost or its support!

Best regards,
Dario Rossa


Dario RossaDario Rossa
Personal Website: http://www.dariorossa.it
DotNetNuke: http://dotnetnuke.dariorossa.it
 
Previous Previous
 
Next Next
 Forum Forum metaPost Forums metaPost Forums Providers - Blo... Providers - Blo... Footnotes: including images and styling Footnotes: including images and styling
 Print