|
|||
Mouseover Bild zentriert anzeigen
Mouseover Bild zentriert anzeigen
Ich möchte im Rahmen einer Kundenbefragung, die mit der Spezialsoftware Sawtooth für Conjoint-Analysen erstellt ist, Bilder beim Mouseover über Text anzeigen, um bestimmte Sachverhalte genauer zu erklären. Mit dem folgenden Code hat bisher auch alles gut geklappt. Code:
<span class="tool_tip_link">Text</span> <div class="tool_tip_text"> <p><strong>Text</strong></br>Text</p> <img src="[%GraphicsPath()%]pic1.jpg" alt="" border="0"> </div> Eine Entschuldigung vornweg, falls diese Frage zu banal für das Forum ist, aber ich habe mich als Programmier-Neuling nun schon seit Tagen durch etliche Foren gelesen, vieles allein auf die Beine gestellt, muss aber diese Spezialproblem einmal gesondert anfragen. |
Sponsored Links |
|
|||
So könnte es aussehen, wenn ich dich richtig verstanden habe.
HTML-Code:
<style> div.tool_tip_text{ position: fixed; /* border: 1px solid #333; padding: 5px; */ top: 10px; left: 100px; } div.tool_tip_text > p{ text-align: center; } div.tool_tip_text img{ /* border: 2px solid #333; */ width: 100px; height: 100px; } </style> <span class="tool_tip_link">Text0</span> <div class="tool_tip_text"> <p><strong>Text1</strong><br />Text2</p> <img src="[%GraphicsPath()%]pic1.jpg" alt="Bild" /> </div> Border sollte auch per css vergeben werden MfG |
Sponsored Links |
|
|||
Problem leider noch nicht gelöst.
@ gabischatz: Vielen Dank für deine Mühe.
Leider funktioniert es noch nicht richtig. Und leider habe ich noch keine Ahnung, woran es liegt. Die Bildgröße würde ich nicht per CSS vergeben wollen, da die angezeigten Bilder unterschiedliche Größen haben müssen. (Nur als Hintergrund-Info: Es werden Screenshots von Startseiten angezeigt, welche wegen der Erkennbarkeit auch ziemlich groß sein müssen. Daher habe ich ohne Zentrierung bzw. Fixierung im oberen Bereich des Browsers das Problem, dass ein Teil abgeschnitten wird.) Weiterhin würde ich auch auf den Text verzichten und diesen direkt als Erklärung im Screenshot verarbeiten. Damit möchte ich die Problematik etwas vereinfachen, da ich dann nur noch mit dem Bild hantieren muss. Könntest du mir diesbezüglich noch helfen? Hast du eine Idee, wie der Code dann aussehen müsste? Danke für die Hilfe. Das bereitet mir schlaflose Nächte. Das passiert, wenn man Leute mit minimalen Programmierkenntnissen auf so ein Masterarbeitsthema loslässt. |
|
|||
Das ist das Problem, was es so kompliziert macht.
Der Code wird an den entsprechenden Stellen im Programm SSI Web (Sawtooth) eingegeben. Dieses generiert dann für jeden Umfrageteilnehmer unterschiedliche Html-Seiten. Derzeit liegt das Projekt auch noch nicht auf dem Server, ist also noch nicht online verfügbar. Wenn es nur darum geht, es sich besser vorzustellen, kann ich auch Screenshots schicken, würde das aber ungern hier in einem Post tun. |
|
|||
Dann wünsch ich dir einen schönen Urlaub.
Ich denke, ich muss mich dann anders behelfen, da ich maximal noch diese Woche Zeit habe zur Lösung des Problems. Dennoch danke für die Mühe. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Mouseover -wie kann ich ein Bild verändern wenn ich mit der Maus über ein Wort fahre? | hrhr87 | (X)HTML | 3 | 16.03.2010 11:47 |
Bild zentriert in DIV-Bereich | muetzenman | CSS | 4 | 19.05.2009 16:37 |
Mouseover Bild Zentrieren | superwasi | CSS | 4 | 13.07.2008 20:45 |
bild statisch anzeigen lassen | playaz | CSS | 3 | 01.12.2006 11:59 |
text zentriert über bild problem | clory | CSS | 7 | 07.03.2005 11:37 |