Problem mit MouseOver.

iFag

Hey,

ich habn' Problem mit meinem MouseOver. Also ich möchte, dass im Hintergrund meines Textes bzw. Linkes, eine Sprechblase erscheint (die hab' ich mit Photoshop gemacht), aber bei mir kommt nur ein Teil der Sprechblase, nicht die ganze.

Das ist die Sprechblase die erscheinen soll :

und das ist der Code welchen ich verwende :

* Bodyteil :

Code

<a class="graf" href="#">Textlink</a>

*CSS-Teil :

Code

a.graf:link, a.over:visited {
color:#000000;
font-size:17px;
width:59px;
height: 45px;
}


a.graf:hover, a.graf:focus,a.graf:active {
color:#000000;
font-size:17px;
width:59px;
height: 45px;
background-image:url(../Bilder/MousOver.png);
}

Alles anzeigen

Also so schaut es jetzt aus :

und so will ich es :

Ich hoffe, dass mir irgendwer helfen kann, den es ist sehr wichtig, brauch es für die Schule :x
Danke schonmal.

*electriZer*

[FONT="Century Gothic"][COLOR="DeepSkyBlue"][SIZE="2"]also das liegt daran das die tabelle zu klein ist =)

eventuell etwas höher und ei weniger breiter machen, dann den text in die mitte positionieren.
und wenn du keine Unterstreichung willst, dann noch folgendes einbauen:

Code

text-decoration:none;

[/SIZE][/COLOR][/FONT]

felix

Zitat

also das liegt daran das die tabelle zu klein ist =)

Aha. Nein.

Tags mit einem Display:inline Attribut kannst du keine feste Größte zuweisen (span, a, ...)
wenn du sie nicht vorher einer Absoluten Position oder einem Float zuweist. Beispiel:

span.button {
color:white;
text-align:center;
line-height: 45px;
width:59px;
height: 45px;
float:left;
}

Btw, dein Hover würde mit dem IE nicht funktionieren, deswegen brauchst du dafür Javascript.

Ithron

Oder man nutzt die unkonfortable Art, einfach nen padding setzen für die Zellen.
Jaja erschlagt mich, das würde man niemals so machen, wollte es nur erwähnen das es gehen würde *g*

h4te: Würde nicht ne CSS Browserweiche reichen oder hat man beim alten IE dann gar keine Chance? Da kenn ich mich nicht so aus.

felix

Ob man den IE irgentwie austricksen kann weiß ich jetzt spontan nicht, aber ich hab
damals selbst viel rumprobiert, und letztendlich hats nur mit js geklappt.

Hab auch schon auf mehreren Tutorial Seiten gelesen das Bilder per Hover zu
ver#ndern einfach unmöglich ist.

Problem mit MouseOver.

Jetzt mitmachen!

SCHNELLZUGRIFF

HILFE & COMMUNITY

RECHTLICHES