Tooltips

Hi,

For some Months now I use Sportal as a nice template. However, I have been spending hours and hours now, before I figured it out that the tooltip function in this template is not working. I came out of this by watching the issue in an other template. Than it works well.

I have attached two images. The one in Sportal and an images coming from the Joomla 1.6 demo.

What I mean is that when I mouseover on the calender of the eventslist mod, the tooltip only presents text with NO background. This makes it difficult to read.

Can someone tell me how this can be solved in this template? Would be very nice.

Thanks and regards,
Ed
URL:

---

Default Joomla 1.6 template:

Sportal 1.6 template:

Here is html for that tootip:

<div class="tip-wrap" style="position: absolute; top: 818px; left: 1281px; display: block; ">
<div class="tip-top">
</div>
<div class="tip">
<div class="tip-title">
1 Evenement
</div>
<div class="tip-text">
Electronic Beats<br>
</div>
</div>
<div class="tip-bottom">
</div>
</div>


Add following css classes to your css (you may use template_css.css ), and add them css properties:

.tip-top{

}
.tip{

}
.tip-title{

}
.tip-text{

}
.tip-bottom{

}

Hi Ivan

Thanks very much for your fast reply.

Sorry, but I do not exactly understand what I should do.

- Must I integrated the html for that tooltip into the mod -> tmpl/default.php?
- Must I place the CSS code into template_css.css? If yes, is there a special place where I should place the code?

Thanks and best regards,
Ed

You could do that but best put this classes at the bottom of template_css.css

.tip-top{

}
.tip{

}
.tip-title{

}
.tip-text{

}
.tip-bottom{

}


then add to this classes background-color, color, font-size ... properties as you like.

GREAT!!! THIS SOLVED IT !!!

Thanks. I now understand what you meant with the htmlcode. Simply place the css and the HTML lines presents the code that is used in this module.

Have a nice day

Regards,
Ed