«

I want to show extra information about a link and am doing this by placing a
short narrative in the title attribute of an <a href... link. This works
fine in Internet Explorer (and I'm hoping in other browsers - I know I
should have checked but I've not done so yet), IE shows a tool-tip style box
when I hover the mouse over the link. My question is whether it is possible
to apply any formatting to this? what I'm really after is a line break, but
if I put a <br> it comes out as part of the title.

Any ideas would be appreciated. So too would be the knowledge that it can't
be done (if it can't be done).

Thanks in advance.
--
Brian Cryer
www.cryer.co.uk/brian

Brian Cryer wrote:

[title attribute]

> Any ideas would be appreciated. So too would be the knowledge that it can't
> be done (if it can't be done).

It can't be done. Not reliably.

In any case if the title text is so long as to need line breaks it is no
longer title text but content and should be on the page, not in a title
attribute.

--
Cheers
Richard

"rf" <> wrote in message
news:1bhoj3e5x0hli.nhlueqd0r71h$....
> Brian Cryer wrote:
>
> [title attribute]
>
>> Any ideas would be appreciated. So too would be the knowledge that it
>> can't
>> be done (if it can't be done).
>
> It can't be done. Not reliably.
>
> In any case if the title text is so long as to need line breaks it is no
> longer title text but content and should be on the page, not in a title
> attribute.
>
> --
> Cheers
> Richard

Thanks Richard.

--
Brian Cryer
www.cryer.co.uk/brian

Once upon a time *Brian Cryer* wrote:
> I want to show extra information about a link and am doing this by placing a
> short narrative in the title attribute of an <a href... link. This works
> fine in Internet Explorer (and I'm hoping in other browsers - I know I
> should have checked but I've not done so yet), IE shows a tool-tip style box
> when I hover the mouse over the link. My question is whether it is possible
> to apply any formatting to this? what I'm really after is a line break, but
> if I put a <br> it comes out as part of the title.
>
> Any ideas would be appreciated. So too would be the knowledge that it can't
> be done (if it can't be done).

You could try to use the same technic as is used here with pure CSS:
http://www.meyerweb.com/eric/css/edge/popups/demo.html

--
/Arne
Now killing all posts originating at GoogleGroups
Workaround: http://www.safalra.com/special/googlegroupsreply/
-------------------------------------------------------------

Brian Cryer wrote:

> I want to show extra information about a link and am doing this by placing a
> short narrative in the title attribute of an <a href... link. This works
> fine in Internet Explorer (and I'm hoping in other browsers - I know I
> should have checked but I've not done so yet), IE shows a tool-tip style box
> when I hover the mouse over the link. My question is whether it is possible
> to apply any formatting to this? what I'm really after is a line break, but
> if I put a <br> it comes out as part of the title.
>
> Any ideas would be appreciated. So too would be the knowledge that it can't
> be done (if it can't be done).

You cannot format the tooltip created by the title attribute, and if you
get your title text too long some (maybe all) UA's will truncate the text

There are JavaScript tooltips, but of course require JavaScript to be
enabled

You can use CSS

A .tip { display: none; }
A:hover .tip {display: inline; }
..tip DIV {
border: 1px solid black;
color: black;
background-color: #ffd;
font-size: 80%;
width: 15em;
padding: .2em;
}

<a href="#">Lorem ipsum
<span class="tip">
<div>
Lorem ipsum dolor sit amet, consectetuer ...
</div>
</span>
</a>

This will cause your text to reflow, I think I have see some examples
with position : absolute but lining up the div will be tricky...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Brian Cryer wrote:
> I want to show extra information about a link and am doing this by placing a
> short narrative in the title attribute of an <a href... link.

Stick it in a <span> instead (inside the <a>...</a>), hide it by
default and use some CSS to make it behave however you want.

Jonathan N. Little wrote:

> Brian Cryer wrote:
>
>> I want to show extra information about a link and am doing this by
>> placing a short narrative in the title attribute of an <a href...
>> link. This works fine in Internet Explorer (and I'm hoping in other
>> browsers - I know I should have checked but I've not done so yet), IE
>> shows a tool-tip style box when I hover the mouse over the link. My
>> question is whether it is possible to apply any formatting to this?
>> what I'm really after is a line break, but if I put a <br> it comes
>> out as part of the title.
>>
>> Any ideas would be appreciated. So too would be the knowledge that it
>> can't be done (if it can't be done).
>
>
> You cannot format the tooltip created by the title attribute, and if you
> get your title text too long some (maybe all) UA's will truncate the text
>
> There are JavaScript tooltips, but of course require JavaScript to be
> enabled
>
> You can use CSS
>
> A .tip { display: none; }
> A:hover .tip {display: inline; }
> .tip DIV {
> border: 1px solid black;
> color: black;
> background-color: #ffd;
> font-size: 80%;
> width: 15em;
> padding: .2em;
> }
>
> <a href="#">Lorem ipsum
> <span class="tip">
> <div>
> Lorem ipsum dolor sit amet, consectetuer ...
> </div>
> </span>
> </a>
>
> This will cause your text to reflow, I think I have see some examples
> with position : absolute but lining up the div will be tricky...
>
This might be what you are looking for:

Pure CSS Tooltips
http://psacake.com/web/jl.asp

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

With neither quill nor qualm, Jonathan N. Little quothed:

> Brian Cryer wrote:
>
> > I want to show extra information about a link and am doing this by placing a
> > short narrative in the title attribute of an <a href... link. This works
> > fine in Internet Explorer (and I'm hoping in other browsers - I know I
> > should have checked but I've not done so yet), IE shows a tool-tip style box
> > when I hover the mouse over the link. My question is whether it is possible
> > to apply any formatting to this? what I'm really after is a line break, but
> > if I put a <br> it comes out as part of the title.
> >
> > Any ideas would be appreciated. So too would be the knowledge that it can't
> > be done (if it can't be done).
>
> You cannot format the tooltip created by the title attribute, and if you
> get your title text too long some (maybe all) UA's will truncate the text
>
> There are JavaScript tooltips, but of course require JavaScript to be
> enabled
>
> You can use CSS
>
> A .tip { display: none; }
> A:hover .tip {display: inline; }
> .tip DIV {
> border: 1px solid black;
> color: black;
> background-color: #ffd;
> font-size: 80%;
> width: 15em;
> padding: .2em;
> }
>
> <a href="#">Lorem ipsum
> <span class="tip">
> <div>
> Lorem ipsum dolor sit amet, consectetuer ...
> </div>
> </span>
> </a>

-A div in a span?

>
> This will cause your text to reflow, I think I have see some examples
> with position : absolute but lining up the div will be tricky...
>
>

--
Neredbojias
Contrary to popular belief, it is believable.

Neredbojias wrote:

<snip>
>
> -A div in a span?
>
Yep, should just dump the span, not needed...



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

With neither quill nor qualm, Jonathan N. Little quothed:

> Neredbojias wrote:
>
> <snip>
> >
> > -A div in a span?
> >
> Yep, should just dump the span, not needed...

Well, if it's any consolation, finding it gave me an almost licentious
thrill.

--
Neredbojias
Contrary to popular belief, it is believable.