Autor |
Nachricht |
chromax
Threadersteller
Dabei seit: 28.10.2003
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 11.10.2007 17:26
Titel
|
|
|
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!
|
|
|
|
|
bluespoon
Dabei seit: 10.11.2006
Ort: Hannover
Alter: 41
Geschlecht:
|
Verfasst Do 11.10.2007 17:31
Titel re |
|
|
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
|
|
|
|
|
Anzeige
|
|
|
bluespoon
Dabei seit: 10.11.2006
Ort: Hannover
Alter: 41
Geschlecht:
|
Verfasst Do 11.10.2007 17:33
Titel re |
|
|
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')"> |
|
|
|
|
|
chromax
Threadersteller
Dabei seit: 28.10.2003
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 11.10.2007 23:00
Titel
|
|
|
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!
|
|
|
|
|
Fido67
Account gelöscht
Ort: -
|
Verfasst Fr 12.10.2007 09:53
Titel
|
|
|
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:
|
Verfasst Fr 12.10.2007 15:41
Titel
|
|
|
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.
|
|
|
|
|
bluespoon
Dabei seit: 10.11.2006
Ort: Hannover
Alter: 41
Geschlecht:
|
Verfasst Fr 12.10.2007 15:58
Titel re |
|
|
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
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 12.10.2007 16:07
Titel
|
|
|
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..
|
|
|
|
|
|
|
|
Ähnliche Themen |
Umgekehrter Formmailer
Bildergalerie Mouseover andere Position & Mouseover Scroll
Mouseover
Mouseover bei Links
Mouseover Effect
Mouseover auf Landkarte
|
|