Bom pessoal, o atributo title de qualquer elemento html não suporta quebra de linha nem formatação, o que se pode fazer é improvisar usando css.

No código abaixo vamos inserir o title dentro de uma tag qualquer (classe="recebe_title"), em seguido criamos o próprio title dentro da tag div que vai receber o title.
Quando o usuário passar o mouse sobre a tag, ela vai acionar o evento hover que exibirá o tão esperado title. Simples assim:

<style>
span.recebe_title {
color:#009900;
cursor:default;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
position:relative;
}
span.recebe_title div {
display:none;
}
span.recebe_title:hover div {
background:#FFFFCC none repeat scroll 0 0;
border:1px solid #999999;
display:block;
left:100%;
padding:5px 10px;
position:absolute;
text-align:justify;
width:230px;
}
</style>

<span class="recebe_title">Tag que receberá o Title <div>

<p>Conteúdo do Title <br />
Aceita
Formatação <strong>HTML</strong> </p>
</div>
</span>

O código acima terá a seguinte saída:

Tag que receberá o Title

Comentários

Adicionar novo Busca

José Silva  - Bacana   |200.198.42.xxx |2008-12-03 09:14:27 Interessante o post, mas parece que só funciona no Firefox Responder | Citar 0   1

Juan  - IE 7   |201.95.178.xxx |2009-01-17 11:03:32 Não, não, funciona também no IE 7. Responder | Citar 1   0

Escrever um comentário
Nome:
E-mail:	não notificarnotificar
Website:
Título:
UBBCode:	-cor-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -tamanho-minúsculopequenomédiograndemuito grande
	Por favor coloque o código anti-spam que você lê na imagem.

Powered by !JoomlaComment 3.26

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."