MouseOver Effekt [Hilfe]

[Kid Ink']

Hallo Epvp*Community

Ich benötige Hilfe, ich möchte einen Sponsorenbalken machen, dieser ist schon fertig ist, sobald man über Sponsoren-Logos mit Maus rüber geht, soll sich eine box neben dem Logo öffnen, wo dann der Name des Sponsoren steht

Könnte wer mir dabei helfen?

mfg
Kid Ink'

[Shawak]

title="Name des Sponsors"

Für alles andere brauchst du JS

[Stjubit]

In jQuery gibt es dafür eine sehr nützliche Funktion:


Mfg,
Stjubit

[Kid Ink']

Danke für die schnellen Antworten

[Menan]

Lässt sich auf per HTML und CSS implementieren.
Falls gewünscht werde ich es erklären

[MrDami123]

sieht gut aus.

[Kid Ink']

Würde mich über die HTML und CSS Erklärung freuen.

mfg
Kid Ink'

[LekoArts]

Würde mal das hier in den Raum werfen (HTML/CSS):

[Kid Ink']

so habe nun etwas hinbekommen

a.tooltip {
position: relative;
text-decoration: none;
}
a.tooltip:after {
content:attr(data-tooltip);
position:absolute;
border:1px solid #CCC;
bottom:50%;
right: 100%;
background-color:#FFF;
padding: 12px;
color: black;
opacity: 0;
}

a.tooltip:hover:after, a:hover:before {
opacity: 1;
}

meine frage ist jetzt, ich möchte das der rahmen, auch um das icon drumherum ist, das icon ist 50x50 groß.