nicht angemeldet
IE öffnet Link nicht
Der MartinHallo,
ich muss zugeben, dass ich seit 15 Jahren keine Webseiten mehr gemacht habe und inzwischen viel passiert ist.
Ich arbeite mit Expression Web, was nicht so der Knaller ist. Das Merkwürdige: In Chrome sieht alles so aus und funktioniert auch so, wie ich es haben will, nur im IE 10 nicht.
Da sind im IE z.B. die hässlichen Linkrahmen um Bilder, in Chrome nicht.
Mache gerade eine Testseite mit Fade-in, Fade-out-Effekten. Dazu habe ich jetzt einen Link angefügt, der einfach eine HTML-Seite (test1a.html) öffnen soll. In Chrome und Expression Web Vorschau funktioniert es, in IE nicht. Es wird zwar in der Statuszeile der korrekte Pfad angezeigt, der wird nur nicht geladen. Was mache ich falsch?
<!doctype html>
<html lang="de">
<head>
<title>Fade To Color Hover Effect | jquerydemo.com</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" >
<link href="css/style.css" rel="stylesheet" type="text/css" >
</head>
<body>
<div class="photos">
<div id="img1">
<img src="images/thomas.png" alt="Bild" class="nocolor" >
<img src="images/servicecol.png" alt="Bild" class="color" >
</div>
<div id="img2" >
<a href="team1a.html" ><img src="images/sch_sw.png" alt="Bild" class="nocolor" ></a>
<img src="images/sch.gif" alt="Bild" class="color" >
</div>
<div id="img3">
<img src="images/woman-grey.jpg" alt="Woman" class="nocolor" >
<img src="images/woman.jpg" alt="Woman" class="color" >
</div>
<div id="img4">
<img src="images/testsw.gif" alt="Woman" class="nocolor" >
<img src="images/servicecol.png" alt="Woman" class="color" >
</div>
</div>
<script src="js/lib/jquery-1.9.0.min.js" type="text/javascript"></script>
<script src="js/jquery.index.js" type="text/javascript"></script>
</body>
</html>
Ein weiteres Unding, was mich gestern 3 h gekostet hat: Eine Bilddatei, die ich in Paint.NET erstellt habe (in gif, png und jpg) wurde vom IE 10 zum Verrecken nicht geladen. Manuell über öffnen ging es einwandfrei. In Chrome ging natürlich alles perfekt.
-
Hi,
Da sind im IE z.B. die hässlichen Linkrahmen um Bilder, in Chrome nicht.
a img { border: none; }Mache gerade eine Testseite mit Fade-in, Fade-out-Effekten. Dazu habe ich jetzt einen Link angefügt, der einfach eine HTML-Seite (test1a.html) öffnen soll. In Chrome und Expression Web Vorschau funktioniert es, in IE nicht. Es wird zwar in der Statuszeile der korrekte Pfad angezeigt, der wird nur nicht geladen. Was mache ich falsch?
Möglicherweise hast du dich in der Namensgebung vergaloppiert. In deinem Code finde ich nämlich nur einen Link auf team1a.html, aber nicht auf test1a.html.
Abgesehen davon starren mich auffällig viele div-Elemente an. Meinst du nicht, dass es andere Elemente gibt, die die Struktur besser wiedergeben? Gerade HTML 5 definiert ja eine ganze Reihe neuer Elemente (z.B. main, section), aber die Abfolge von mehreren Blöcken ähnlicher Struktur lässt eventuell auch eine Liste (ol, ul) sinnvoll erscheinen - je nachdem, was das gesamte Konstrukt tatsächlich sein möchte.
Ein weiteres Unding, was mich gestern 3 h gekostet hat: Eine Bilddatei, die ich in Paint.NET erstellt habe (in gif, png und jpg) wurde vom IE 10 zum Verrecken nicht geladen. Manuell über öffnen ging es einwandfrei. In Chrome ging natürlich alles perfekt.
Falsche Pfadangabe??
Ciao,
Martin--
Wie kann es sein, dass ich von 100 Gramm Schokolade zwei Kilo zunehme?
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(-
Hallo Martin,
das mit den Linkrahmen hatte ich inzwischen genau so gelöst. Danke!
Es soll team1.html heißen. Hatte mich da im Text verschrieben. In Chrome funktioniert es ja auch einwandfrei. Ich kapiere es nicht. Die Seite ist jetzt wirklich übersichtlich.
Das Laden des einen Bildes funktionierte in Chrome einwandfrei, nur im IE 10 nicht.
Anbei noch die JS und CSS Codes meiner Testseite. Evtl. hat es damit zu tun. Obwohl, wenn ich sie lösche, funktioniert der Link auch nicht.
a img { border:0px; } .photos div { float: left; display: block; position: relative; margin: 10px; height: 200px; width: 200px; } .photos div img.nocolor { position: absolute; left: 0; top: 0; z-index: 99; } .photos div img.color { position: absolute; left: 0; top: 0; }$(document).ready(function() { // when hover over any div inside div with class=photos, find // the grey image and change its opacity to 0 // opacity = 0 - invisible, opacity = 1 - completely opaque $('.photos div').hover( function() { $(this) .find('img.nocolor') .stop() .animate({ 'opacity': '0' }, 800); }, function() { $(this) .find('img.nocolor') .stop() .animate({ 'opacity': '1' }, 800); }); });Die jQuery lib
/*! jQuery v1.9.0 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license */(function(e,t){"use strict";function n(e){var t=e.length,n=st.type(e);return st.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof Inhalt gekürzt!!! //@ sourceMappingURL=jquery.min.mapHi,
Da sind im IE z.B. die hässlichen Linkrahmen um Bilder, in Chrome nicht.
a img { border: none; }Mache gerade eine Testseite mit Fade-in, Fade-out-Effekten. Dazu habe ich jetzt einen Link angefügt, der einfach eine HTML-Seite (test1a.html) öffnen soll. In Chrome und Expression Web Vorschau funktioniert es, in IE nicht. Es wird zwar in der Statuszeile der korrekte Pfad angezeigt, der wird nur nicht geladen. Was mache ich falsch?
Möglicherweise hast du dich in der Namensgebung vergaloppiert. In deinem Code finde ich nämlich nur einen Link auf team1a.html, aber nicht auf test1a.html.
Abgesehen davon starren mich auffällig viele div-Elemente an. Meinst du nicht, dass es andere Elemente gibt, die die Struktur besser wiedergeben? Gerade HTML 5 definiert ja eine ganze Reihe neuer Elemente (z.B. main, section), aber die Abfolge von mehreren Blöcken ähnlicher Struktur lässt eventuell auch eine Liste (ol, ul) sinnvoll erscheinen - je nachdem, was das gesamte Konstrukt tatsächlich sein möchte.
Ein weiteres Unding, was mich gestern 3 h gekostet hat: Eine Bilddatei, die ich in Paint.NET erstellt habe (in gif, png und jpg) wurde vom IE 10 zum Verrecken nicht geladen. Manuell über öffnen ging es einwandfrei. In Chrome ging natürlich alles perfekt.
Falsche Pfadangabe??
Ciao,
Martin
-