PmWiki | Cookbook / LinkIcons-Talk

Summary: Talk page for the LinkIcons recipe

Maintainer: MatthiasGünther

Please add your comments about the LinkIcons recipe here. --MatthiasGünther Februray 21, 2008, at 03:47 PM

Odd layout with markup

When a linked icon appears on a line with the markup -< the line is left indented too much.

This appears to affect all browsers. See tests.

simon September 24, 2009, at 04:46 PM @]

Hello simon, I noticed the bug you mentioned. It has somethin to do with the css-behavior of -< and the css of the recipe. I will look to implement a solution for this problem as soon as possible.

MatthiasGünther September 25, 2009 6:37 AM

An outdent is formatted with inline CSS, viz

<div class='outdent'>outdent</div>

the class is defined as follows

.outdent { margin-left:40px; text-indent:-40px; }

So the combination of outdent and padding-right:20px; must be the issue.

A tentative solution is

body .outdent a.external {text-indent: 0px;}

How do I display a separate icon for mailto links?

simon September 09, 2009, at 04:10 PM

Hello simon, do you mean something like this mailto:meineadresse@example.com?

MatthiasGünther September 10, 2009 10:00 AM

exactly, currently displays as Simon September 10, 2009, at 04:43 PM

thank you for the incredibly quick update simon September 11, 2009, at 06:25 AM

I found this article quite useful in understanding Matthias's work. I'm just trying to find out why it appears not to work with DeObMail, but it might be my browser (Chrome) instead. simon September 12, 2009, at 05:59 AM

You should add to pub/css/local.css such a block (should work in Chrome and IE):

/* mailto links */
a.mail {
  background:transparent url(../linkicons/email.png) center right no-repeat;
  padding-right:20px;
  line-height:15px;
}

DeObMail sets a "mail" class to the generated mailto links. --Petko September 12, 2009, at 06:24 AM

A big thanks, simon September 12, 2009, at 05:45 PM

Can be done using css only

http://pooliestudios.com/projects/iconize/

--VKrishn December 06, 2011, at 01:00 PM

Talk page for the LinkIcons recipe (users).