07.02.2013, 19:48
07.02.2013, 19:56
08.02.2013, 09:52
Hallo eret12,
füge deiner #tlf:hover-pseudoclass einfach
füge deiner #tlf:hover-pseudoclass einfach
Code:
top: -200px;
hinzu (-200px ist hier beispielhaft, kannst an deine Anforderung anpassen).
Falls du das Bild noch etwas weiter Links angezeigt haben möchtest kannst du mit
Code:
left: -100px;
arbeiten.
Gruß,
dee
10.02.2013, 20:37
Hi,
eine soweit funktioniert das nun alles...
Allerdings gefällt mir die Version der alten Seite besser...
Hier folgt der Mouseover Befehl der Maus, am besten einfach schnell auf der Seite angucken, ich weiß nicht wie man das richtig beschreiben soll.
Einfach über eins der Bilder mit der Maus fahren:
[Link: Registrierung erforderlich]
Der Code müsse in etwa so aussehen:
eine soweit funktioniert das nun alles...
Allerdings gefällt mir die Version der alten Seite besser...
Hier folgt der Mouseover Befehl der Maus, am besten einfach schnell auf der Seite angucken, ich weiß nicht wie man das richtig beschreiben soll.
Einfach über eins der Bilder mit der Maus fahren:
[Link: Registrierung erforderlich]
Der Code müsse in etwa so aussehen:
PHP-Code:
<img onmouseover="(src='Link Bild Groß')" onmouseout="(src='Link Bild Klein')" src="Link bild Klein" alt="" border="0" />
Wen ich den Code aber übernehme auf die neue Seite wird so lediglich ein ganz normales :hover wie mit css auch erstellt...
wie bekomm ich es nun aber so hin wie auf der alten Seite?
Lg eret12
10.02.2013, 20:58
Wieso möchtest du jetzt javascript benutzen ?
10.02.2013, 20:59
Schau dir doch einfach den Quelltext an vond er alten Seite.
Dort steht:
Dort steht:
Code:
<a class="Stil18" onmouseout="UnTip()" onmouseover="Tip('<img src=../Bilder/tooltip_bilder/vu_28_10_1.png width=650 height=500 center>', WIDTH, 650, PADDING, 6, BGCOLOR, '#ffffff')">
<img width="auto" height="auto" border="0" src="../Bilder/einsatzbilder/vu_28_10_2011/vu_28_10_1_tmb.png">
</a>
so und die Funktion Tip() sowie UnTip() kommen aus dieser Datei
Code:
<script src="../java_Daten/wz_tooltip.js" type="text/javascript">
Diese in den <head> oder in den <body>(musst du gucken, wie es funktioniert) einbinden. Den Pfad ggf. noch abändern.
10.02.2013, 21:06
@Fujikatoma:
mir gefällt es so wie in der alten Seite eben besser...
Daher benutzt ich jetzt doch java...
@myfarynet.eu:
Vielen Dank!
Ich wusste nicht dass ich die Datei in den <head> bereich einbinden muss...
bzw. dass die Datei benötigt wird...
mir gefällt es so wie in der alten Seite eben besser...
Daher benutzt ich jetzt doch java...
@myfarynet.eu:
Vielen Dank!
Ich wusste nicht dass ich die Datei in den <head> bereich einbinden muss...
bzw. dass die Datei benötigt wird...
Seiten: 1 2