Anmelden
ist gerade angekommen
Dienstag, 5. Mai 2009, 07:28
Kleines Fenster
Hallo ihr lieben,
ich bin ja noch ein halber Anfänger
Ich arbeite gerade an einer Vereins Seite und da habe ich jetzt eine Rubrik mit Mitglieder. Jetzt möchte ich es gerne so haben, das wenn man mit der Maus auf ein Bild geht (ohne zu klicken) ein kleines Fenster aufgeht wo informationen drin stehen. Wie mache ich das am besten???? Vielleicht kann mir hier jemand helfen.
ich bin ja noch ein halber Anfänger
Ich arbeite gerade an einer Vereins Seite und da habe ich jetzt eine Rubrik mit Mitglieder. Jetzt möchte ich es gerne so haben, das wenn man mit der Maus auf ein Bild geht (ohne zu klicken) ein kleines Fenster aufgeht wo informationen drin stehen. Wie mache ich das am besten???? Vielleicht kann mir hier jemand helfen.
Dienstag, 5. Mai 2009, 09:33
Hallo,
das kannst du mit unterschiedlichen Mitteln erreichen. Eine wäre mit reinem CSS.
Setze um das Bild einen SPAN Container und nutze ein wenig CSS Dazu, um es ein bzw. aus zu blenden. Das könnte dann in etwa so aussehen:
BILD:
CSS:
Aussehen könnte es dann so: http://maxus.space4free.net/hovertest.html
Andere Lösungen wären noch JavaScript, was aber icht sicher stellt, dass es bei allen funktioniert. Die CSS Werte können natürlich noch angepasst werden, damit es am Ende etwas schöner aussieht. Sollte nur eine schnelle Anleitung sein
das kannst du mit unterschiedlichen Mitteln erreichen. Eine wäre mit reinem CSS.
Setze um das Bild einen SPAN Container und nutze ein wenig CSS Dazu, um es ein bzw. aus zu blenden. Das könnte dann in etwa so aussehen:
BILD:
|
Quellcode |
1 2 3 4 |
<span class="bildMitInfo"> <img src="cams_suche_bg.jpg" width="200" height="286" border="1" alt="" title="" /> <em>Hallo ich bin eine Information</em> </span> |
CSS:
|
|
Quellcode |
1 2 3 |
.bildMitInfo{position:relative;}
.bildMitInfo em{display:none;border:1px solid #f00;background-color:#ddd;}
.bildMitInfo:hover em{display:block;position:absolute;top:35%;left:15%;}
|
Aussehen könnte es dann so: http://maxus.space4free.net/hovertest.html
Andere Lösungen wären noch JavaScript, was aber icht sicher stellt, dass es bei allen funktioniert. Die CSS Werte können natürlich noch angepasst werden, damit es am Ende etwas schöner aussieht. Sollte nur eine schnelle Anleitung sein
Ähnliche Themen
-
alte Versionen [1.6.03|1.6.1|1.6.4] »-
Popup bei neuer PN
(3. Juli 2008, 23:22)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
Wer Hilft mir Bei Der Installation der Laberecke 3.0 für 1.6.4
(7. August 2008, 13:51)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
Neues Fenster bei Download
(15. Mai 2008, 17:11)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
Hacker problem
(11. März 2008, 20:17)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
Downloads
(9. Februar 2008, 09:04)
