ggouweloos

IE6 is normally behaving the same as Firefox, loading and displaying images one-by-one.Only in specific situations IE6 seems to load all images before displaying them. I try to figure out what these situations are. I still think it's the nested DIV's, hope anyone can confirm that.

I have a website that has pages generated from a CMS, but images load different in IE and Firefox: In IE all text (the HTML page) loads and displays first, then all images are loaded. But the images are displayed all at once, after all images have been loaded. In Firefox the text (the HTML page) loads and displays first, then all images are loaded and displayed one by one.The Firefox way is much nicer for the user, especially when there are 30+ images on the page.I noticed IE is not always doing this, so it must be the code of the HTML. I see the CMS generates some nested DIV's around the images. Can this be the cause of the way of loading the images?Any ideas how to fix this?

That was indeed the problem.The <link rel="stylesheet"> were in the wrong order. Now I can change the color in the specif area.Thanks for all quick responses!

This were very fast replies :)I got the .bla example to work.Only the real-case is more complex, and still not working. <div class="clr"></div> <div class="zmg-album"> <div class="zmg-album-inner" style="width:49%"> <div class="zmg-album-image"> <a href="http://"www.**** > <img src="http://www.****.jpg" class="zmg-image-of-album" alt="" /><br /> LINK</a><br />TempDescription</div></div></div> <div class="clr"></div> The problem is the same, the LINK should be displayed in black.I tried, all with no result: .zmg-album-image a { color: #000;}.zmg-album a { color: #000;}.zmg-album-inner a { color: #000;} Maybe the nesting screws things up?

I have a html file, generated by a CMS, based on an own template and an own .css file.In the .css is defined:a:link, a:visited, a:hover, a:active, all with color: #ffffff;In the HTML, on one place, there is a <div> tag around an <a> tag.Like this example: <div class="bla"> <a href="bladieblabdie"> aksjhkasjdhkasdhkajdh </a> </div> The issue is that i need the <a> inside the <dib class="bla"> to be black instead of white.I tried several things, but cannot find a way to do it: .bla { font-style : italic; font-color : #000;}.bla a { font-color : #000;}a.bla:link { font-color : #000;} Any help from the css-guru's out here?