Text und Grafik - nPage.de

andy83 · #1 (**permalink**) 13.06.2008, 11:28

Hallo!

Eine Frage: normalerweise kann ich mit dem Attribut "alt" bei Grafiken einen Text anzeigen lassen, wenn die Maus auf dem Bild stehen bleibt. Aber es klappt bei mir nicht??

Weiß jemand Rat?

Danke, Andy!

moeverich · #2 (**permalink**) 13.06.2008, 11:38

alt= = alternativ text, dieser wird angezeigt wenn das bild nicht gefunden wird oder eingefügt werden kann, dabei weiss ich gerade nicht ob, dieser text, dann auch bei jeden browser angezeigt wird, wenn man mit der maus, drüber "steht".

bei mir hat wunderbar gerade title="test" funktioniert ... dieses fügt man auch im <img tag ein ...

HTML-Code:

<img src="test.picture" border="0" title="title" alt="alternativ text">

andy83 · #3 (**permalink**) 13.06.2008, 11:41

daaanke. hatte das Attribut "title" vergessen....

Vielen Dank!!!!

Vielleicht kannst du mir noch mal helfen, die Codes, die ich gefunden habe, hauen irgendwie nicht hin.

ich habe einen TEXT. wenn man mit der Maus darüber geht, möchte ich, dass ne Zusatzinfo erscheint... ist das möglich??? und magst mir helfen?????

moeverich · #4 (**permalink**) 13.06.2008, 11:48

wie soll den die zusatzinfo erscheinen ?

andy83 · #5 (**permalink**) 13.06.2008, 11:51

genauso wie mit dem Bild zuvor, nur dass statt des Bildes, n Text steht.

Habe ne Fußball-Tabelle, da steht "US", wenn man auf "US" geht, hätte ich gerne am Cursor stehen: unentschieden

moeverich · #6 (**permalink**) 13.06.2008, 11:57

okay ...

schau mal hier -> http://forum.de.selfhtml.org/archiv/2003/7/t52319/ der beitrag von molily, 14. 07. 2003, 03:58

da musste das dann in ein <a tag reinschreiben ... ich würd da sagen wenn du das nicht anders linken möchtest machst du dann

HTML-Code:

<a href="#">US<span> USA</span></a>

edit:

ich hab nochn wenig getestet

HTML-Code:

<style type="text/css">
div {position:relative; text-decoration:underline;}
div span {display:none;}
div:hover {border-style:none;}
div:hover span {display:block; position:absolute; top:1.2em; left:0; width:5em; color:black; background-color:silver; text-decoration:none; padding:0.1em; 

border:thin solid navy;}
</style>

<div>US<span> USA </span></div>

und das funktioniert eigentlich im firefox auch recht gut ...

andy83 · #7 (**permalink**) 13.06.2008, 12:03

das habe ich auch schon versucht, aber wenn ich
<a href="#">US<span> USA</span></a>
einfüge, erscheint auf der Page: US USA und wenn ich drüber fahre, passiert nix.... aber ich hätte gerne US und wenn ich rüber fahre, steht am Cursor USA..... hmm...

moeverich · #8 (**permalink**) 13.06.2008, 12:06

ja du brauchst auch den CSS part in deiner HTML datei !!!!

html datei hier mit dem div container:

HTML-Code:

<html>
<head>
<title>test</title>
<style type="text/css">
div {position:relative; text-decoration:underline;}
div span {display:none;}
div:hover {border-style:none;}
div:hover span {display:block; position:absolute; top:1.2em; left:0; width:5em; color:black; background-color:silver; text-decoration:none; padding:0.1em; 

border:thin solid navy;}
</style>
</head>
<body>
<div>US<span>USA</span></div>
</body>
</html>

edit: das mit dem div scheint im ie leider nicht zu funktionieren ...

andy83 · #9 (**permalink**) 13.06.2008, 12:10

das ist schon richtig toll... aber: jetzt erscheint es schon, wenn ich irgendwo auf der Seite bin und geht erst weg, wenn ich die Seite mit dem Cursor verlasse. soll halt nur erscheinen, wenn man auf dem Wort ist.....

sorry, dass ich so nerve, aber ich suche schon lange und freue mich sehr, dass mir endlich jemand hilft

moeverich · #10 (**permalink**) 13.06.2008, 12:16

hmn ? hast du die tags auch richtig geschlossen ?

HTML-Code:

<div>US<span>USA</span></div>
<div>DE<span>Deutschland</span></div> [...]

oder eben mit <a

HTML-Code:

<a href="#">US<span>USA</span></a>
<a href="#">DE<span>Deutschland</span></a> [...]