Webstatt.org - Community seit 2006 - 2012 (2025?)

Rollover

user-157
16.05.2006 14:51
Hey,
wie macht man eigentlich links, die so ein kleines fenster öffnen und dann so text steht.
bei css4you.de finde ich nur das:
<style type="text/css"><!--



 .vis {visibility:hidden;}

 a:hover .vis {visibility:visible;}



//--></style>



</head>

<body>



  <a href="datei.htm">Klick<span class="vis">««</span></a>


und den code versteh ich net. dat is aber net wirklich dat wat ich will
wisst ihr das?
asdf!
Avatar user-255
16.05.2006 15:03
Original von user-157
dat is aber net wirklich dat wat ich will

Was willst du dann? Schau mal bei http://www.google.de/search?q=css+tooltip

Und nenne es bitte hover, nicht rollover. Das klingt so nach überfahren traurig
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-157
16.05.2006 17:59
ja dann halt hover. aber bei google find ich nix traurig traurig traurig
asdf!
Avatar user-162
16.05.2006 18:02
milahu's Links.... 3er Eintrag.... das meintest du doch?
Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
user-157
16.05.2006 18:12
so wirklich check ich dat net ???
aber du meinst doch den code hier oder:


a.info{

    position:relative; /*this is the key*/

    z-index:24; background-color:#ccc;

    color:#000;

    text-decoration:none}



a.info:hover{z-index:25; background-color:#ff0}



a.info span{display: none}



a.info:hover span{ /*the span will display just on :hover state*/

    display:block;

    position:absolute;

    top:2em; left:2em; width:15em;

    border:1px solid #0cf;

    background-color:#cff; color:#000;

    text-align: center}

das mit position und display check ich net
asdf!
Avatar user-162
16.05.2006 18:17
position relative heisst, dass die Box bzw das div oder wie auch immer du das nennst relativ zum Link augerichtet wird...

display none heisst, dass es unsichtbar ist. Die Box ist immer da einfach nicht sichtbar und wenn du über den Link fährst dann wird display block d.h. er wird sichtbar
Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
user-157
16.05.2006 18:37
joa das hab ich jetzt halbwegs verstanden. aber wie binde ich dat ein?
ich hab da schon rumprobiert, aber da ich den code net ganz checke ?(
asdf!
user-228
16.05.2006 21:01
ich hoffe ich versteh dich richtig - nur der benötigte kram:

a:link span, a:visited span {
display: none;
}

a:hover span {
display: inline;
}

<a href="#">Klick<span>««</span></a>

sowas in der art.
gruß - user-228.
user-157
17.05.2006 12:49
ne user-228 dein code funzt net.
wie binde ich denn diesen einen anderen code in html ein
asdf!
user-210
17.05.2006 13:34
Eingebunden sieht das so aus:



<html>

<head>

<style type="text/css">

<!--

a:link span, a:visited span {

  display: none;

}

a:hover span {

  display: inline;

}

//-->

</style>

<title>Titel</title>

</head>

<body>

<a href="#">Klick<span>««</span></a>

</body>

</html>


müsste eigentlich funktionieren zwinkern
Sie haben soeben die Position Ihres Mauszeigers auf dem Monitor verändert. Bitte starten sie Windows neu damit die Änderungen wirksam werden.
user-228
17.05.2006 14:43
Original von user-157
ne user-228 dein code funzt net.


öhm...doch.

julian zeigt ja eine einbindungsmöglichkeit - par exemple.

gruß.
user-157
17.05.2006 17:37
ja das ist aber net richtig dat wat ich will.
http://crooked.redio.de/sonstiges.htm
hier sieht man, was der code macht.
aber hmm... geht mal unter dem post hier auf online oder email des members. da wird so n gelbliches fenster geöffnet und dat will ich
asdf!
user-137
17.05.2006 18:12 
<a href="LINK" alt="Das meinst du!" titel="Das geht auch">Text</a>
user-157
17.05.2006 18:22
guck doch nochmal das klappt net
http://crooked.redio.de/sonstiges.htm
asdf!
user-137
17.05.2006 18:26
sry, bei Links benutzt du:

TITLE


und bei Bildern

ALT
user-157
17.05.2006 18:34
na also es geht doch Fettes Grinsen
aber BNS dein code war n bisschen falsch
das heißt title und net titel
also die lösung ist:
<a href="TITLE" alt="Das meinst du!" title="Das geht auch">Text</a>


Danke nochmal zwinkern
asdf!
Avatar user-300
17.05.2006 18:51
Original von user-137
sry, bei Links benutzt du:

TITLE


und bei Bildern

ALT


Nein, nein, nein! Nur weil es der Internet Explorer so handhabt ist es noch lange nicht so.
Das alt Attribut steht für "alternativ" und wird anstelle von fehlerhaften/nicht vorhandenen Bilder angezeigt. Der Internet Explorer missbraucht diese Attribut leider für einen Tooltip. Die Funktion eines Tooltips stellt sowohl bei Bildern als auch bei Text das Attribut "title" zur Verfügung. zwinkern