Witam.
Na czarnym tle mam umieszczony po lewej stronie obrazek, a po prawej stronie tekst. Chciałbym, aby na całym obszarze tego czarnego tła wyskoczył mi tooltip z tekstem "Odśwież bieżącą stronę" po najechaniu myszką. Pomiędzy obrazkiem, a tekstem jest wolne miejsce i nie wyskakuje ten tooltip.
<div id="header">
<div class="logo">
<a href="index.php" title="Odśwież bieżącą stronę"><img src="obrazki/logo.png" width="120px" height="57px" /></a>
</div>
<div class="text">
<a href="index.php" title="Odśwież bieżącą stronę">Strona <span>internetowa</span></a>
</div>
</div>
#header
{
position: relative;
margin-bottom: 50px;
margin-top: 50px;
width: 500px;
line-height: 50px;
font-family: Ek Mukta;
background-color: #000000;
text-align: right;
}
#header .logo
{
float: left;
}
#header .text a
{
color: silver;
font-size: 38px;
text-decoration: none;
}
#header .text span
{
color: red;
font-size: 38px;
text-decoration: none;
}
Wiem, że zrobiłem to po amatorsku.
Ten zapis powinien być zastosowany tylko jeden raz w kodzie:
<a href="index.php" title="Odśwież bieżącą stronę">...</a>
Ja zastosowałem taki zapis 2x, aby to jakoś zadziałało.
Co muszę poprawić w kodzie, aby na całym obszarze tego czarnego tła wyskoczył mi tooltip z tekstem po najechaniu myszką?
Będę wdzięczny za pomoc.