Antworten auf deine Fragen:
Neues Thema erstellen

Roll over in Internet Explorer

mrssaxobeat

Noch nicht viel geschrieben

hallo,
also ich bin grade dabei eine website zu erstellen und beim navi menü möcht ich roll over bilder haben, in Firefox funktioniert alles einwandfrei
aba sobald ichs mir am iexplorer anschaue, kommt zwar der rahmen vom bild aba das bild nicht also gut deutsch.. ein fehler.. egal ob ichs in einem div tag mache oda in einer tabelle, im iexplorer funktionierts nicht :/
kann mir da wer helfen??
 

simonpicos

Mod | Forum

AW: Roll over in Internet Explorer

Unter diesen Bedingungen nicht ;)

Lad doch mal ein Testcase hoch, dann kann man sich das Problem gut vor Augen führen und dir helfen :)
 

mrssaxobeat

Noch nicht viel geschrieben

AW: Roll over in Internet Explorer

muss mich erst bei einem webspace anmelden..
würde dir der code auch weiterhelfen?

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>template: home</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <link rel="stylesheet" type="text/css" href="style/style.css" />
  <link rel="stylesheet" type="text/css" href="style/colour.css" />
<style type="text/css">
body,td,th {
 font-size: 0.68em;
 color: #000000;
}
body {
 background-color: #CCCCCC;
 background-image: url(images/background.jpg);
 background-repeat: no-repeat;
}
</style>
<script type="text/javascript">
function MM_preloadImages() {
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() {
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}</script>
</head>
<body>
  <div id="main">
    <div id="logo"></div>
    <div id="content">
      <div id="menu">
        <ul>
          <li></li>
          <li>
            <div align="center"></div>
          </li>
          <li></li>
        
          <li></li>
          <li></li>
        </ul>
      <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','style/images/home2.jpg',0)"><img src="style/images/home1.jpg" width="143" height="60" border="0" id="home" /></a></div>
      <div id="column1">
        <div class="sidebaritem">
          <div class="sbihead">
            <h1 align="left"> neuigkeiten...          </h1>
          </div>
          <div class="sbicontent">
            <p align="center"></p>
          </div>
        </div>
      </div>
      <div id="column2">
        <h1><strong>Willkommen auf meiner Website</strong></h1>
<p>Hier findet </p>
      </div>
    </div>
    <div id="footer">
      <div align="center">copyright &copy; 2012
      </div>
    </div>
</div>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:

simonpicos

Mod | Forum

AW: Roll over in Internet Explorer

muss mich erst bei einem webspace anmelden..

dann mach das. gibt etliche, wos kostenlos ist, wie z.b. bplaced.net . da kannst du dann jedesmal deine testcases hochladen, und dir ist einfacher zu helfen. Und irgendwann soll die seite ja auch sicher mal online gehgen ;)

würde dir der code auch weiterhelfen?

So nicht, da ich keine styleangaben hab, bis auf die styles vom body. Am besten mach dir aber nen webspace. Ist nämlich 5x einfacher für uns! :)
 

Misco

Nicht mehr ganz neu hier

AW: Roll over in Internet Explorer

Für einen Rollover Effekt brauchst du kein Javascript. Speicher die Bilder als eine Datei und verschiebe mit CSS (selector:hover{background-postion: 200px 0px;}) den Auschnitt.
 

Gwanun

Nicht mehr ganz neu hier

AW: Roll over in Internet Explorer

Hallo,

es kann sein das der IExplorer das "lokal" nicht anzeigt weil der dann JavaScript nicht richtig ausführt. Eigentlich müsste eine Meldung kommen (Geblockte Inhalte ausführen ja/nein), wenn diese Meldung bei dir nicht kommt schau doch bitte einmal in deine IExplorer Einstellungen.
Ich würde dir aber auch dazu raten dir Webspace an zu mieten, da viele dinge lokal nicht so funktionieren wie online.

Gruß Gwanun
 

DrEddison

Nicht mehr ganz neu hier

AW: Roll over in Internet Explorer

Die wichtigste Antwort ist meines Erachtens die von Misco. Ich verstehe es einfach nicht, warum sich Leute (besonders Anfänger) mit Javascript rumplagen für einen Hover-Effekt, wenn der mit zwei Zeilen CSS-Code zu erledigen ist und in jedem Browser funktioniert.

Mir macht am meisten Sorgen, warum (wie von mrssaxobeat wohl auch) der Dreamweaver eingesetzt wird. Nur geklickt und gezogen wird und fast alle überhaupt nicht verstehen, was die WYSIWYG-Editoren für Quelltext erzeugen. Dadurch werden Stunden so viele verschwendet. :-/
 

mrssaxobeat

Noch nicht viel geschrieben

AW: Roll over in Internet Explorer

hmm also ich habs heute nochmals versucht und jetzt funktioniert alles auch im Iexplorer, da kommt zwar dann das geblockte inhalte zulassen aber es klappt..
nur hab ich jetzt ein anderes problem :/
hab ich mei funpic.de angemeldet und ich verwende filezilla um alles hochzuladen, aber wenn ichs hochlade kommt nur das



was mach ich falsch?? :/
 
Zuletzt bearbeitet:

Misco

Nicht mehr ganz neu hier

AW: Roll over in Internet Explorer

Da stimmen wohl die Pfade nicht zudem haben einige Dateinamen Umlaute (g&auml;stebuch2.jpg) das geht so nicht.
 

mrssaxobeat

Noch nicht viel geschrieben

AW: Roll over in Internet Explorer

welche Pfade?? ich hab das mit den Umlauten jetzt geändert..
also ich hab die einzelnen sites mit dreamweaver in html format.. tu das auf filezilla hochladen auch die bilder die in der webiste sind, und dann kommt wenn ichs mir auf funpic anschaue, eben nur die graue seite mit dem text der bisher drin steht.. aber eben ohne dem aufbau und bildern und alles wie ichs mir in der dreamweaver vorschau in iexplorer oder firefox anschauen kann
 

simonpicos

Mod | Forum

AW: Roll over in Internet Explorer

Also ich fange jetzt einfach mal von 0 an, aber komm dir nicht doof vor, ich hab auch 2 Monate gebraucht bis ich gerafft hab, wie man alles gescheit hochlädt ;)

1. Alle relevanten Dateien in einem Ordner lokal auf dem Computer speichern. Die Startseite in index.html umbenennen. (Wichtig: Alle (!) Dateien Incl. CSS und Bildern.) Am einfachsten ist es wenn du erst mal alle Dateien in einem Ordner hast, dann musst du keine komplizierten Pfade zu den Dateien in der html datei angebn. z.b. einfach nur: <link type="text/css" rel="stylesheet" href="style.css".

2. Mit filezilla Verbindung zum Server herstellen. Alle Dateien aus dem Ordner in das Stammverzeichnis schieben. (Erstmal keine Unterordner, der Einfachheit halber.)

3. Wenn du jetzt deine url aufrufst, dürfte deine Seite komplett geladen sein.



Wie man sieht, scheint die htmldatei ja schon auf dem server zu liegen, allerdings ist wohl noch keine CSS vorhanden, bzw. falsch verlinkt.

2.
 

mrssaxobeat

Noch nicht viel geschrieben

AW: Roll over in Internet Explorer

hach gott das is doch zum Kinder kriegen :D
jaja das hab ich eigentlich alles gemacht ich hab alles was mit der website zu tun hat in einem ordner, und die Bilder davon in einem Unterordner.. die startseite heißt index.html
und auf filezilla lade ich die index und die anderen seiten hoch und dann hab ich die bilder und alles auch dazu getan, aber nich in einem ordner, sondern gleich dazu.. und das wird nix, also nerven braucht man das schon haha :D


also die rechte seite von filezilla (also die dinge die hochgeladen sind) schauen so aus..
 
Zuletzt bearbeitet:

simonpicos

Mod | Forum

AW: Roll over in Internet Explorer

Wie gesagt, ich sehe keine CSS-Datei .. ;)

Die index ist aufem server, sieht man ja. und sie verweist auf eine css datei, die im unterordner /styles/ liegt. Weder der unterordner noch die datei ist zu sehen..
 

mrssaxobeat

Noch nicht viel geschrieben

AW: Roll over in Internet Explorer

ja, ich hab 2 css dateien.. die hab ich jetzt einzeln in das gesamte hochgeladene gegen.. und es tut sich noch immer nix :/
muss ich das irgendwie verbinden mit dem index?? schönlangsam komm ich mir echt doof vor xD
 

simonpicos

Mod | Forum

AW: Roll over in Internet Explorer

Schau mal, ich kann zaubern :lol:

2012-02-03_184703ajx3o.jpg


Geh mal in dein html Dokument. Dort änderst du diesen Abschnitt:
HTML:
  <link rel="stylesheet" type="text/css" href="style/style.css" />    <link rel="stylesheet" type="text/css" href="style/colour.css" />

in

HTML:
  <link rel="stylesheet" type="text/css" href="style.css" />    <link rel="stylesheet" type="text/css" href="colour.css" />

mit style/ verlinkst du nämlich in den unterordner style, der gar nicht existiert ;)


So, und jetzt kann man dir auch mit deinem Problem helfen. Ich kanns jetzt leider nicht, weil ich weg muss, aber vlt schau ich heut abend nochmal rein.

Gruß
Simon
 

mrssaxobeat

Noch nicht viel geschrieben

AW: Roll over in Internet Explorer

oh gott du bist mein Held!! :)
ich hab erstmal alles aus dem unterordner rausgetan die bilder wie dus eigentlich eh vorher schon gesagt hast^^ und jetzt funktioniert alle tadellos, auch das rollover navi menü, also zumindest funktionierts bei mir gerade :)
daaaaaankeschöööön :D
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben