Über Submit Button ein Tooltip

Robbyn- · 04.03.2010

Hy ich habe da ein Problem und zwar würde ich gerne ein Tooltip über einen Submit button amchen mithilfe von CSS. Habe auch schon haufen scripts gefunden aber eigentlich nur welche für "<a href>" und sowas nichts für inputs oder form fields.
Gibt es den da schon sowas???

P.S. Bitte keine Antworten wie "Kannst ja <input type... title:" nutzen.... neine das nutze ich nciht erstens versteht dieser Tooltip kein html und zweitens hässlicher Style.

Mfg.Robbyn

sokie · 04.03.2010

AW: Über Submit Button ein Tooltip

deine schreibe ist schwierig zu verstehen.
ich habe verstanden, dass ein Tooltip angezeigt werden soll, wenn die Maus über dem Submit Button steht. Ich habe ausserdem gelesen, dass das "title" -Attribut nicht in frage kommt, weil du das für schlechten Stil hältst (was zunächst erstmal zeimlich unlogisch ist).

erstens versteht dieser Tooltip kein html

was genau heisst das? "dieser" ist genau "welcher"?
wenn du den kompletten Code psotest, wird es möglicherweise eine Antwort geben - so kann man nur den Tip geben, dass eine Tooltip zu einem Element dann beim hovern angezeigt wird, wenn das Element ein "title"-Attribut hat.

kleeaar · 04.03.2010

AW: Über Submit Button ein Tooltip

HTML:

<html><head><style type="text/css">
div span {display: none;}

div:hover span {
display: block;
width:100px;
height:50px;
position:absolute;
left:120px;
top:30px;
}
</style>


</head>

<body>
<div><span>dein Tooltipp</span><input type="submit"></div>

</body></html>

probiere mal das...

Grüße

Robbyn- · 04.03.2010

AW: Über Submit Button ein Tooltip

sokie schrieb:
deine schreibe ist schwierig zu verstehen.
was genau heisst das? "dieser" ist genau "welcher"?

Da ich bei diesem Abschnitt beim Thema title war werde ich wohl das gemeint haben.

kleeaar schrieb:

HTML:

<html><head><style type="text/css">
div span {display: none;}

div:hover span {
display: block;
width:100px;
height:50px;
position:absolute;
left:120px;
top:30px;
}
</style>


</head>

<body>
<div><span>dein Tooltipp</span><input type="submit"></div>

</body></html>

probiere mal das...

Grüße

Vielen Dank funktioniert einwandfrei

Mfg.Robbyn