ggouweloos
-
Posts
12 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by ggouweloos
-
-
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?
Images loading different in IE and Firefox
in HTML/XHTML
Posted