|
|||
Text-Hover
Hallo,
ich erstelle gerade eine kleine Website, die einer Freundin dienen soll, um in ihrem Studium das Thema Social Networks zu präsentieren. Nun sollen für alle Bilder Quellenangaben dabei sein. Ich möchte die Website ungern verunstalten indem ich unter jedes Bild die Quelle schreibe. Kann man mit Hilfe von CSS umsetzen, dass man mit der Maus über ein Bild geht und dann so etwas wie ein "Quicktipp" erscheint, der die Quelle (URL) anzeigt? |
Sponsored Links |
Sponsored Links |
|
|||
Hmm na ja den Alternativtext sieht man doch nur, wenn das Bild nicht angezeigt werden kann oder?
Die Website wird ja präsentiert und wenn man über ein Bild geht sollte die Quelle erscheinen, ich weiß dass es total einfach geht in anderen Webeditoren. Es sei denn du hast einen Tipp wie man das mit Dreamweaver CS3 einfacher hinbekommt? |
|
|||
Hm funktioniert leider nicht, ich hab folgenden Code benutzt:
<tr> <td colspan="3"> <img src="pictures/screen_head.jpg" alt="Quelle" width="725" height="120" /></td> </tr> Muss dazu sagen, dass sich das Bild in einer Tabellenzelle befindet. Sollte aber keine Rolle spielen oder? Jedenfalls tut sich nix wenn ich mit der Maus über das Bild fahre. |
|
||||
In deinem Fall gehören Bilder in keine Tabelle.
Es sei denn Du ziehst dir gerne Socken über die Ohren und trägst deine Schuhe als Handschuhe. Dann kannst Du das natürlich machen. Bild-Beschreibungen oder Quellenangaben würde ich so auszeichnen: HTML-Code:
<div class="caption"> <img src="url" width="x" height="y" alt="Hello World"/> <p>Description / <a href="url">Quelle</a></p> </div> Code:
.caption p { display:none; } .caption:hover p { display:block; }
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
|||
Na ja die Tabellensache ist erst mal nebensächlich. Hab den Fehler erkannt. Das alt-Attribut funktioniert nur im IE. Ich benutze aber Safari und Firefox. Mit title= funktioniert es nun endlich.
|
|
||||
Zitat:
Aber es ging hier doch um eine :hover-Lösung? Das mit der Tabelle empfinde ich nicht als nebensächlich.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
|||
Doch, ist nebensächlich, ist nämlich ein Gerüst zum Probieren, dass nicht von mir stammt.
Jepp ichw eiß, der IE benutzt das alt- Attribut als etwas, dass es gar nicht ist. Nun es muss kein perfektes "Hover" sein, ist echt nur ne kleine Seite zum Präsentieren, da reicht mir das title- Attribut völlig! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |