|
 |
  |
| Autor |
Nachricht |
Dimitrj
Neuer [User]
Anmeldung: 20.11.07
Beiträge: 1
|
 Verfasst am: 20.11.2007, 11:20 Titel: CSS: bei mouseover Text anzeigen |
 |
|
Hallo zusammen
Vorab: Ich habe laaaange im Web geforstet nach der Lösung, die ich will, aber nicht wirklich das gefunden, was ich brauche.
Mein Problem: Ich habe drei Buttons, denen ich per CSS nen mouseover verpasst hab.
Nun will ich, dass jeweils beim mouseover abseits der 3 (horizontal nebeneinander liegenden) Buttons text erscheint, idealerweise nicht als Bild, sondern als echter Text.
Mein Ansatz:
CSS für einen Button:
| Code: |
(positionierung des Buttons)
.nav_bilder {
position: absolute;
top: 25px;
right: 364px;
}
.nav_bilder a{
background-image: url(elfen-augen.jpg);
height:44px;
width:95px;
display:block;
overflow: visible;
} |
(der nächste tag wäre dann die Klasse für den Text (oder Bild), der neben dem Button angezeigt würde. Wie ihr seht, habe ich es zuerst ohne den mouseover probiert; Das Bild bzw. der Beispieltext wird im Dreamweaver korrekt neben dem Button angezeigt, im Browser aber nicht. Hier sitzt mein Problem.)
| Code: |
.nav_bilder a .muh {
font-size: 14px;
font-weight: bold;
text-decoration: none;
position: absolute;
top: 20px;
right: -17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #EDF8A2;
overflow: visible;
}
.nav_bilder a:hover {
background-position: left -44px;
display:block;
} |
-------------------------------------------------------------------------------
Den Button habe ich folgendermassen im HTML eingebunden:
| Code: |
<div class="nav_bilder">
<a href="bilder.php" alt="Meine Bilder">
<div class="muh">muhtest testtest</div>
<img src="SWMysticElf.jpg" width="68" height="60" class="muh"/>
</a>
</div> |
Ich hoffe es gibt einen einfachen Trick um mir zu helfen. Oder zumindest eine Lösung, die ich übersehen habe. Mit Javascript möchte ich es nicht machen, da das von IE oft geblockt wird und ich keine Ahnung hab davon 
Danke im Voraus
Dimitrj
|
|
| Nach oben |
|
 |
Timm
Neuer [User]
Anmeldung: 28.11.07
Beiträge: 1
|
|
| Nach oben |
|
|
umt
Beliebter [User]
Anmeldung: 29.11.07
Beiträge: 325
|
| Verfasst am: 04.12.2007, 20:34 Titel: |
|
|
Mit JavaScript wäre es einfach.
Ohne JavaScript ... ich glaub nicht, dass das überhaupt funktioniert. Lasse mich aber gerne eines besseren belehren.
Falls du doch noch was finden solltest, wäre es nett, wenn du es hier posten würdest.
|
|
| Nach oben |
|
|
Melzebub
Helfer [User]
Anmeldung: 15.02.08
Beiträge: 109
|
| Verfasst am: 15.02.2008, 09:59 Titel: |
|
|
du kannst um deine buttons einen div definieren, und dann per css nen hover effekt einbinden, der dann ein anderes element anzeigt , wenn du mit der maus drüberfährst. funzt aber net im ie6 und älter.
_________________
wer einen Hammer halten kann,
ist nicht unbedingt ein guter Handwerker!
 digitalmedia4u-webdesign-animation-illustration
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
