Autor |
Nachricht |
Flambo
Threadersteller
Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 10.09.2008 07:28
Titel Rollover-Effekt wird in IE fehlerhaft angezeigt |
|
|
Hallo,
ich habe in mit Dreamweaver eine Website erstellt, die drei Navigationsgrafiken enthält. Diese sollen per Rollover ausgetauscht werden. Dazu gibts in DW ja eine ganz simple Funktion in der ich einfach die Quellen der Grafiken angebe. Klappt soweit auch problemlos. Der Effekt funktioniert auch so wie er soll, nur leider schiebt der IE ein "schwarzes Loch" rechts neben den letzten Link.
Zu sehen hier: http://www.byte-commander.de/
Im Firefox tritt der Fehler nicht auf. Ich habe schon diverse Versuche mit den Tabellenzellen gemacht, was aber lediglich andere Fehler produziert hat (zB ein vertikaler Streifen auf der linken Seite usw.).
Code: |
<tr>
<td width="30%"><a href="html/bild.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bild','','layout/bild02.jpg',1)"><img src="layout/bild01.jpg" name="bild" width="72" height="49" border="0"></a></td>
<td width="33%"><a href="html/bild.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ton','','layout/ton02.jpg',1)"><img src="layout/ton01.jpg" name="ton" width="79" height="49" border="0"></a></td>
<td width="37%"><a href="html/bild.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('text','','layout/text02.jpg',1)"><img src="layout/text01.jpg" name="text" width="92" height="49" border="0"></a></td>
</tr>
|
Hat jemand ne Ahnung woran das liegen könnte??
|
|
|
|
|
Benutzer 80255
Account gelöscht
Ort: -
|
Verfasst Mi 10.09.2008 07:51
Titel
|
|
|
// ups sorry, war 'n Versehen
Zuletzt bearbeitet von am Mi 10.09.2008 07:55, insgesamt 3-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
r0xXz
Dabei seit: 15.10.2003
Ort: Nürnberg
Alter: 43
Geschlecht:
|
Verfasst Mi 10.09.2008 08:09
Titel
|
|
|
warum machst du anstatt onMouseOverblabla
das ganze nicht mit css?
zb.
Code: | <div id="all">
<ul class="menu">
<li><a href="#" title="#">Label 1</a></li>
<li><a href="#" title="#">Label 2</a></li>
<li><a href="#" title="#">Label 3</a></li>
</ul>
</div> |
dann mit ul.menu li a {} und ul.menu li a:hover {} formatieren
(ist nur ein kleiner snippet)
|
|
|
|
|
Flambo
Threadersteller
Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 10.09.2008 08:30
Titel
|
|
|
Weil ich von css absolut keinen Schnall habe.
Deinen Code kann ich zB nicht wirklich einwandfrei zuordnen, so dass ich jetzt nicht wüsste wie ich damit weitermachen muss.
Webdesign hab ich halt nie wirklich gelernt und das Ganze soll auch nur ne private Geschichte sein. Von daher mach ich halt nur das was ich so einigermaßen kann. Leider erkenne ich nur eben nicht woran dieser dumme Fehler liegt. Muss ja irgendwas mit der Interpretation des Codes durch den IE zu tun haben, denn Firefox hat ja kein Problem damit.
Die Frage wäre also wie ich den Code verändern muss damit auch IE den richtig auslesen kann.
Alternativ könntest Du mir - wenn Du magst - aber gerne nochmal im Detail erklären wie das mit css zu bewerkstelligen wäre.
So oder so: Danke für den Tip.
|
|
|
|
|
r0xXz
Dabei seit: 15.10.2003
Ort: Nürnberg
Alter: 43
Geschlecht:
|
Verfasst Mi 10.09.2008 08:48
Titel
|
|
|
dann solltest du dich mit CSS mehr auseinandersetzen und dich spielen das du es lernt
http://www.css4you.de/
um ein css menu zu erstellen empfehle ich dir die seite, da dir css kenntnisse fehlen musst dir aber im klaren sein das du wissen musst wie du es einbindest.... doing by learning
http://www.cssmenumaker.com/
zu deinen problem, benützt du einmal die index.html und verweisst im menu zb. auf bild.html, in der bild.html ist ja ein schwarzesloch "wie du ausgedrückt hast" zu sehen.... das kommt davon weil dein menü nicht eingebunden ist.
einfach.... kopiere die index.html, füge sie in /html/ ordner ein und benne sie um in (wie du hast [bild.html, ton.html])
änder den content und gut is....
und nein bei mir im FF sehe ich auch das "schwarzeloch" sowie im IE, Chrome, Opera, Safari.................
Zuletzt bearbeitet von r0xXz am Mi 10.09.2008 08:53, insgesamt 2-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
|
|
|
|
Flambo
Threadersteller
Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 10.09.2008 09:24
Titel
|
|
|
r0xXz hat geschrieben: | dann solltest du dich mit CSS mehr auseinandersetzen und dich spielen das du es lernt
http://www.css4you.de/
um ein css menu zu erstellen empfehle ich dir die seite, da dir css kenntnisse fehlen musst dir aber im klaren sein das du wissen musst wie du es einbindest.... doing by learning
http://www.cssmenumaker.com/
|
Werde mich wohl mal damit befassen müssen. Danke für die Links.
r0xXz hat geschrieben: |
zu deinen problem, benützt du einmal die index.html und verweisst im menu zb. auf bild.html, in der bild.html ist ja ein schwarzesloch "wie du ausgedrückt hast" zu sehen.... das kommt davon weil dein menü nicht eingebunden ist.
einfach.... kopiere die index.html, füge sie in /html/ ordner ein und benne sie um in (wie du hast [bild.html, ton.html])
änder den content und gut is....
und nein bei mir im FF sehe ich auch das "schwarzeloch" sowie im IE, Chrome, Opera, Safari................. |
Ich weiß nicht ob wir von demselben schwarzen Loch sprechen. Das auf der bild.htm eins ist weiß ich, denn da fehlen wie Du ja gemerkt hast die entsprechenden Grafiken. Liegt aber nur daran das auf dem Server nur eine alte bild.htm liegt. Lokal hab ichs genau so gemacht wie Du sagst: index unter anderem Namen gespiechert und Content geändert.
Dasschwarze Loch das ich meine, ist schon auf der index zu sehen; und zwar direkt rechts neben der "text"-Grafik. Das sieht aus als wäre da eine leere Tabellenzelle oder so. Da sollte aber eigentlich nur die Datei 010.jpg zu sehen sein.
Bei mir ist es zudem tatsächlich so, das diesere Fehler im IE auftaucht, im FF aber nicht (was anderes hab ich nicht probiert).
|
|
|
|
|
Flambo
Threadersteller
Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 11.09.2008 07:12
Titel
|
|
|
OK, inzwischen taucht der Fehler nicht mehr auf. Allerdings habe ich eigentlich nichts getan um das zu bewirken. Die einzige Änderung war das ich Code eingefügt habe um einen farbigen Scrollbalken entstehen zu lassen... Naja, man muss ja nicht alles verstehen.
Nachtrag: Es liegt offenbar am Content. Sobald ich im unteren Bereich irgendwo Text einfüge verschiebt sich im IE die Anzeige der Navigation. Kann mir nur leider immer noch nicht erklären warum.
Zuletzt bearbeitet von Flambo am Do 11.09.2008 07:31, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
rollover effekt
Rollover-Effekt im IE
Rollover- Effekt Golive Cs2
Dreamweaver CS4 - Rollover-Effekt - Bug?
rollover backgorund effekt, nur wie?
Fotolia-Rollover-Effekt
|
|