Witam
Proszę o pomoc w poprawieniu styli css tak żeby dymki wyły wyświetlane prawidłowo.
sam kod dymka w osobnym pliku działa jak trzeba jednak gdy dołączam go do reszty styli z głównego pliku to sie rozsypuje..
tekst z dymka wyświetla się także obok linka przez cały czas.
css
* {
color: #5F9EA0;
font-family: verdana;
font-size: 11px;
}
.td {
border-top: solid black 0px;
border-bottom: solid black 0px;
border-left: solid black 0px;
border-right: solid black 0px;
}
input, textarea, select {
color: #FFE149;
font-size: 11 px;
background: black;
border: solid gray 1px;
}
input:hover, textarea:hover {
background: #2F4F4F;
color: white;
opacity: 1;
}
a {
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
text-transform: none;
color: #00FFFF;
font-size: 11px;
weight:bold;
}
a:hover {
text-decoration: none;
text-transform: none;
color: red;
font-size: 11px;
}
body {
background: #2F4F4F;
}
body, iframe, select, textarea {
scrollbar-face-color: black;
scrollbar-highlight-color: gray;
scrollbar-shadow-color: gray;
scrollbar-3dlight-color: black;
scrollbar-arrow-color: gray;
scrollbar-track-color: black;
scrollbar-darkshadow-color: black;
scrollbar-base-color: black;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}
.staty
{
color: #00FF00;
}
.nikname
{
font-size: 13px;
color:#FF0000;
}
.lokalizacja
{
font-size: 13px;
color:#B3BBC3;
}
.staty_2 td
{
border: 1px solid #385F5F;
cellspacing:0px;
cellpadding:1px ;
}
<!-- style chmurek --->
a.dymek span {
display: none;
padding: 2px 3px;
margin-left: 8px;
width: 130px;
}
a.dymek:hover span{
display: inline;
position: absolute;
margin: 5px 0 0 5px;
background: #dddddd;
border: 1px solid #b30000;
color: #000000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
text-align: left;
line-height:14px;
}
<!-- koniec -->
przykładowe linki
<a class="dymek" href="#"> w dymku
<span>To jest taki sobie dymek :)
</span></a><br> <a class="dymek" href="#"> dymek
<span> tresc dymkaa
</span></a>
Jeszcze dodatkowo chciałbym żeby tekst z dymka pojawiał się najlepiej z lewej strony linka lub nad linkiem lekko z lewej(prawy dolny róg dymka koło kursora).
Ten post edytował tofik1778983 7.12.2010, 12:02:30