Salve, qualcuno può darmi una mano? Sto tentando di introdurre del codice css in un articolo, ma evidentemente sbaglio qualcosa.
Questo è il codice:
<html>
<head>
<style type="text/css">
a{
color: #990000;
text-decoration: none;
}
a span.tooltip{
color: #999999;
border: 1px solid #808080;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a.tooltip>span.tooltip{
display: none;
}
a.tooltip:hover>span.tooltip{
position: absolute;
display: block;
margin-left: 20px;
margin-top: 10px;
padding-left: 3px;
line-height: normal;
width: auto;
height: auto;
}
span.tooltip>span.titolo{
margin-left: -3px;
display: block;
background-color: #990000!important;
color: #FFFFFF!important;
}
</style>
<!--[if IE 7]>
<style type="text/css">
a.tooltip span.tooltip{
display: none;
}
a.tooltip:hover span.tooltip{
position: absolute;
display: block;
border: 1px solid #808080;
background-color: #fffff0;
width: 200px;
height: 200px;
padding-left: 3px;
}
span.tooltip span.titolo{
margin-left: -3px;
display: block;
background-color: #404040 !important;
color: #fffff0 !important;
}
</style>
<![endif]-->
</head>
<body>
<a href="#" class="tooltip"> prova
<span class="tooltip">
<span class="titolo"> Titolo della prova
</span> Testo della prova.
</span>
</a>
</body>
</html>
Se lo provate su browser vedrete che passando il mouse sopra la parola prova comparirà un box di testo nascosto nello script. Il problema è che non riesco a far funzionare questo script negli articoli di Joomla. Dove sbaglio? La console di scrittura articoli prevede un menu di modifica del css ma francamente non so usarlo.
