mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 14:13 Benutzername: Passwort: Auto-Login

Thema: Umgekehrter Mouseover vom 11.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Umgekehrter Mouseover
Seite: Zurück  1, 2
Autor Nachricht
chromax
Threadersteller

Dabei seit: 28.10.2003
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 11.10.2007 17:26
Titel

Antworten mit Zitat Zum Seitenanfang

Ich steh heute auf dem Schlauch,

Zitat:
<a href="charaktere/cibo.html" onmouseover="over('LinkC')" onmouseout="out('LinkC'">


geht auch nicht!?

Hätte ich lieber doch NonPrint gelernt! Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bluespoon

Dabei seit: 10.11.2006
Ort: Hannover
Alter: 41
Geschlecht: Männlich
Verfasst Do 11.10.2007 17:31
Titel

re

Antworten mit Zitat Zum Seitenanfang

Jepp ... hat m Recht.

Aber auch wenn Du meinen Part da einfach nur reinkopiert hast
um das Ganze mal zu testen, ist der Aufbau Deiner Datei fehlerhaft.

Hab' mir das nur zur Hälfte angeschaut, aber die Meta-Angaben unter
dem halben Doctype gehören in den Head.

Und damit Deine Links bei img-hover genauso aussehen, als wenn Du
mit der Maus direkt über die Textlinks fährst, musst DU nochmal das
Script tauschen:

Code:
<script type="text/javascript">
   function over(Link) {
      document.getElementById(Link).style.color = "#cccccc";
      document.getElementById(Link).style.textDecoration = "underline";
   };
   
   function out(Link) {
      document.getElementById(Link).style.color = "#666666";
      document.getElementById(Link).style.textDecoration = "none";
   };
</script>


Und solltest Du dich letztendlich für dieses Script entscheiden, dann würde
ich es auch auf die Textlinks anwenden ... also das Du auch hier das over und out
anwendest. Sonst hast Du später Probleme mit den Links, die via out() einmal die
Farbe #666666 bekommen haben. Dann funzt das im Stylesheet(oder -bereich)
definierte a:hover net mehr richtig.

Nachtrag: Nur auf die Textlinks, die Du auch mit den Bildern zusammen "hoverst".


Zuletzt bearbeitet von bluespoon am Do 11.10.2007 17:36, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
bluespoon

Dabei seit: 10.11.2006
Ort: Hannover
Alter: 41
Geschlecht: Männlich
Verfasst Do 11.10.2007 17:33
Titel

re

Antworten mit Zitat Zum Seitenanfang

tausche
Code:
<a href="charaktere/cibo.html" onmouseover="over('LinkC')" onmouseout="out('LinkC'">


gegen
Code:
<a href="charaktere/cibo.html" onmouseover="over('LinkC')" onmouseout="out('LinkC')">
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
chromax
Threadersteller

Dabei seit: 28.10.2003
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 11.10.2007 23:00
Titel

Antworten mit Zitat Zum Seitenanfang

Danke Danke für die Hilfe.

Ich denke ich werde es so lassen. Das ist mal was anderes mit den Links.
Werde mir erstmal alle Charaktere zusammensuchen die rein müssen...
Scheint ja auch BLAME! Fans zu geben in dem Forum (Gästebuch).

Dann bis zu meinem nächsten ungooglebaren Problem! *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Fido67
Account gelöscht


Ort: -

Verfasst Fr 12.10.2007 09:53
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:

CSS
Code:
img:hover + a { text-decoration: underline; }


Funzt bei mir jedenfalls nicht.
Firefox 2.0.0.7
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 12.10.2007 15:41
Titel

Antworten mit Zitat Zum Seitenanfang

Fido67 hat geschrieben:
m hat geschrieben:

CSS
Code:
img:hover + a { text-decoration: underline; }


Funzt bei mir jedenfalls nicht.
Firefox 2.0.0.7


Dann "funzt" vielleicht bei dir in der korrekten Anwendung etwas nicht richtig.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bluespoon

Dabei seit: 10.11.2006
Ort: Hannover
Alter: 41
Geschlecht: Männlich
Verfasst Fr 12.10.2007 15:58
Titel

re

Antworten mit Zitat Zum Seitenanfang

Doch, es klappt! Aber ich sehe da keinen Sinn drin.
Er müsste das ganze doch 5x mit verschiedenen Bildern
und Textlinks machen.

Und dazu müsste das ganze noch mit einer Klasse oder
ID versehen werden ... und eben das geht net.

Zeig mal bitte den Code, wie das gehen soll. Wäre echt
mal interessant.

Nachtrag: Folgendes funzt bei mir:

CSS:
Code:
<style type="text/css"><!--
   img:hover + a { color:#00ff00; }
--></style>


HTML:
Code:
<img src="BildA" />
<a href="#">LinkA</a>
<img src="BildB" />
<a href="#">LinkB</a>


Ist doch aber unpraktikabel, da jeweils
nur der erste nach Bild kommende Link
angesprochen wird. Ich hab' ja keine
Möglichkeit, das ganze zu kontrollieren!?


Zuletzt bearbeitet von bluespoon am Fr 12.10.2007 16:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 12.10.2007 16:07
Titel

Antworten mit Zitat Zum Seitenanfang

Es geht auch nicht darum einen Sinn zu machen. Ich habe das nur wegen Fido67 erster
Aussage mal ergänzt. In dem Fall hier, wenn es keine Bildunterschrift ist, sondern die
Namen in einer Zeile nacheinander stehen ist es natürlich auch nicht möglich. Das war
ja aber zum Zeitpunkt meines Hinweises noch nicht erkenntlich. Im anderen Fall, sollte
der Quelltext wie folgt aussehen:

Code:
<img src="bild.jpg"><a href="">Name</a>
<img src="bild.jpg"><a href="">Name</a>


oder aber

Code:
<a href=""><img src="bild.jpg"></a><a href="">Name</a>
<a href=""><img src="bild.jpg"></a><a href="">Name</a>


dann wäre es natürlich eine Möglichkeit die wie gesagt jedoch nicht jeder Browser
unterstützt usw..
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Umgekehrter Formmailer
Bildergalerie Mouseover andere Position & Mouseover Scroll
Mouseover
Mouseover bei Links
Mouseover Effect
Mouseover auf Landkarte
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.