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.map
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