Willkommen in der Webstatt Zum Webstatt Blog und Stories
crooked am 16.05.06 16: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?

netcup.de Warum gibt es hier Werbung?
milahu milahu am 16.05.06 17:03

Quote
Original von crooked
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 :(

crooked am 16.05.06 19:59

ja dann halt hover. aber bei google find ich nix :( :( :(

der_nic der_nic am 16.05.06 20:02

milahu's Links.... 3er Eintrag.... das meintest du doch?

crooked am 16.05.06 20: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

der_nic der_nic am 16.05.06 20: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

crooked am 16.05.06 20: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 ?(

leo am 16.05.06 23: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ß - leo.

crooked am 17.05.06 14:49

ne leo dein code funzt net.
wie binde ich denn diesen einen anderen code in html ein

Julian am 17.05.06 15: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 ;)

leo am 17.05.06 16:43

Quote
Original von crooked
ne leo dein code funzt net.


öhm...doch.

julian zeigt ja eine einbindungsmöglichkeit - par exemple.

gruß.

crooked am 17.05.06 19: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

BNightSpeeder am 17.05.06 20:12

<a href="LINK" alt="Das meinst du!" titel="Das geht auch">Text</a>

crooked am 17.05.06 20:22

guck doch nochmal das klappt net
http://crooked.redio.de/sonstiges.htm

BNightSpeeder am 17.05.06 20:26

sry, bei Links benutzt du:

Quote
TITLE


und bei Bildern

Quote
ALT

crooked am 17.05.06 20:34

na also es geht doch :D
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 ;)

sili sili am 17.05.06 20:51

Quote
Original von BNightSpeeder
sry, bei Links benutzt du:

[QUOTE]TITLE


und bei Bildern

Quote
ALT
[/quote]

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. ;)

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt