button animieren
0 Infobox
0 0 
Gunnar Bittersmann
0 Lösung ;-)
0 0 0 
Detlef G.
0
button animieren
Ersteinmal ein supi hallo an alle. Nun mein Prob. Ich habe einen Button. Nun möchte ich, dass, wenn man mit der Maus draufgeht (nicht klicken) eine Menüliste angezeigt wird. die Liste soll aber keine Navi - Liste sein, sondern nur reine info. Ich such schon seit zwei Tagen nach dieser Möglichkeit, finde aber leider nichts. Helft mir bitte.
ciao catwoman
-
Hallo catwoman.
Ersteinmal ein supi hallo an alle. Nun mein Prob. Ich habe einen Button. Nun möchte ich, dass, wenn man mit der Maus draufgeht (nicht klicken) eine Menüliste angezeigt wird.
Möchtest du eine Infobox?
Einen schönen Mittwoch noch.
Gruß, Ashura
-
Hi catwoman!
die Liste soll aber keine Navi - Liste sein, sondern nur reine info.
Und was ändert sich deiner Meinung daran?
Du kannst diese ausklappbare Liste von Begriffen genauso per hover sichtbar machen, wie ein ausklappbares Menü von Links.
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:) -
Ich such schon seit zwei Tagen nach dieser Möglichkeit, finde aber leider nichts. Helft mir bitte.
catwoman,
Du suchst Tooltips und das title-Attribut? Oder http://1ngo.de/web/infobox.html?Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein) -
Hallo Catwoman,
da habe ich genau das Richtige für Dich: XHTML - nur mit CSS realisiert.
Hier der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>Info-Navigation</title><style type="text/css">
a {
display:block;
text-decoration: none;
background-color: white;
color:#cc0000;
font-family:"courier new", "sans serif";
font-weight:bold;
width:auto;
height:16px;
font-size:14px;
border:1px solid white;
padding:5px;
}div#navi {
width:125px;
border: 1px solid red;
}div#navi a {
position: relative;
}div#navi a:hover {
border:1px solid black;
}div#navi a span {
display:none;
padding:5px;
width:100px;
background-color:white;
color: black;
border:1px solid #223344;}
div#navi a:hover span {
display:block; /* damit die Info angezeigt wird */
position:absolute; /* Positionierung der Info */
left:135px;
top:0px;
}</style>
</head><body>
<div id="navi">
<a href="#">Seite 1<span>Beschreibung von Link 1</span></a>
<a href="#">Seite 2<span>Beschreibung von Link 2</span></a>
<a href="#">Seite 3<span>Beschreibung von Link 3</span></a>
<a href="#">Seite 4<span>Beschreibung von Link 4</span></a>
<a href="#">Seite 5<span>Beschreibung von Link 5</span></a>
</div></body>
</html>Liebe Grüsse
Alix-
Hallo Catwoman,
da habe ich genau das Richtige für Dich:
unter Umständen vielleicht
XHTML - nur mit CSS realisiert.
Das ist ja schön und auch sehr lieb, dass du da so was tolles gefunden hast, aber ich kann mir ehrlich gesagt durchaus bessere "Lösungen"
, wie z.B. die Tooltip-Bibliothek von Walter Zorn vorstellen. Bei der klappt im Gegensatz zu Ingo's Tooltips der Text auch nur beim Hovern über das Element und nicht auch über der Box. Ich muss jedoch dazu sagen, dass ich mir Ingo's Infobox nicht wirklich angeschaut habe, sondern nur einmal über die Links gefahren bin.Hier der Code:
[...]
</html>
Bei deiner Lösung gibt es jedoch das Problem, dass zumindest im Internet Explorer 5.5 die Inhalte abgeschnitten werden und der Rahmen beim Verlassen nicht verschwindet.
Liebe Grüsse
Danke, ebenfalls.
schönen Mittwochnachmittag noch,
scherzkeks-
Hi
Das ist ja schön und auch sehr lieb, dass du da so was tolles gefunden hast, aber ich kann mir ehrlich gesagt durchaus bessere "Lösungen"
, wie z.B. die Tooltip-Bibliothek von Walter Zorn vorstellen. Bei der klappt im Gegensatz zu Ingo's Tooltips der Text auch nur beim Hovern über das Element und nicht auch über der Box. Ich muss jedoch dazu sagen, dass ich mir Ingo's Infobox nicht wirklich angeschaut habe, sondern nur einmal über die Links gefahren bin.Ist ja auch nett, allerdings wird hierfür javascript verwendet.
Gruss
Alix-
Ist ja auch nett, allerdings wird hierfür javascript verwendet.
stimmt. daran habe ich nicht gedacht ;)
Gruss
AlixDanke, ebenfalls.
schönen Mittwochnachmittag noch,
scherzkeks -
Hallo Alix.
[Infobox]
Ist ja auch nett, allerdings wird hierfür javascript verwendet.
Es geht auch ohne.
Einen schönen Mittwoch noch.
Gruß, Ashura
-
-
Hallo scherzkeks
... Bei der klappt im Gegensatz zu Ingo's Tooltips der Text auch nur beim Hovern über das Element und nicht auch über der Box.
Weshalb ich Ingos Lösung den Vorrang geben würde.
Ich (und bestimmt nicht nur ich) zeige häufig mit der Maus auf die gerade
gelesene Textzeile. Da ist es ziemlich unangenehm, wenn der Text dadurch
verschwindet.Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
-
-
Hi Alix
danke für die schnelle hilfe, werde morgen alles prob. gebe bescheid wenn alles funzt. Vielen dank nochmals
schönen Abend noch
LG Catwoman
-