Willkommen in der Webstatt
User-1 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?
User-2 am 16.05.06 17:03

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

User-1 am 16.05.06 19:59

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

User-3 am 16.05.06 20:02

xyz-145's Links.... 3er Eintrag.... das meintest du doch?

User-1 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

User-3 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

User-1 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 ?(

User-4 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ß - xyz-118.

User-1 am 17.05.06 14:49

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

User-5 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 ;)

User-4 am 17.05.06 16:43

Quote
Original von xyz-47
ne xyz-118 dein code funzt net.


öhm...doch.

julian zeigt ja eine einbindungsmöglichkeit - par exemple.

gruß.

User-1 am 17.05.06 19:37

ja das ist aber net richtig dat wat ich will.
http://xyz-47.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

User-6 am 17.05.06 20:12

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

User-1 am 17.05.06 20:22

guck doch nochmal das klappt net
http://xyz-47.redio.de/sonstiges.htm

User-6 am 17.05.06 20:26

sry, bei Links benutzt du:

Quote
TITLE


und bei Bildern

Quote
ALT

User-1 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>

xyz-48ke nochmal ;)

User-7 am 17.05.06 20:51

Quote
Original von xyz-27
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