IE Not Displaying IMG
http://www.orangedropcreative.com/ccl
When you view it in FireFox, everything is fine, and it's fine for the most part in IE too. The only thing is that the header graphic isn't displayed in IE. I have no idea why!
Also, my import css file doesn't seem to be working, so I had to put them into one big css file.
Here's the import code:
/*
Cambridge Community Library Layout
All text, code, and other design properties are copyright
2005 Cambridge Community Library
Last updated 05.27.05
*/
/* This is the file read by all browsers */
@import "ccl2005.css";
/* This is the file is also read by all browsers, but
contains data only interpreted by IE */
@import "ie2005.css";Comments on design are welcome also. I think it's a bit cookie color, but I like the bright colors. I hope they're not too bright.
AyntRyte posted this at 02:05 — 28th May 2005.
He has: 145 posts
Joined: Jun 2004
IE doesn't support png does it?
Dragon of Ice posted this at 03:49 — 28th May 2005.
He has: 578 posts
Joined: Jun 2004
Yes it does, it just doesn't support png transparency.
Roo posted this at 04:10 — 28th May 2005.
She has: 840 posts
Joined: Apr 1999
Validate your code.
You are missing a closing div tag somewhere in all of those nested divs.
You have no doctype specified, you have no charecter encoding meta tag.
Roo
AyntRyte posted this at 04:11 — 28th May 2005.
He has: 145 posts
Joined: Jun 2004
Sorry, that's what I meant. Tried a gif or a png hack to test the transparency?
BTW, I like the design.
Roo posted this at 04:13 — 28th May 2005.
She has: 840 posts
Joined: Apr 1999
Here is where you have a missing closing div tag:
That needs to be:
Dragon of Ice posted this at 19:52 — 28th May 2005.
He has: 578 posts
Joined: Jun 2004
I know the code's messy, I haven't really goten into cleaning it up yet. I don't see why that would make the img display, and I tried it and it didn't.
Also, it's not a matter of transparency, it's a matter of displaying the img. It just doesn't show up!
Dragon of Ice posted this at 20:00 — 28th May 2005.
He has: 578 posts
Joined: Jun 2004
I fixed it. I had a Quote:
Line 12, column 6: end tag for "head" which is not finished
Most likely, You nested tags and closed them in the wrong order. For example ... is not acceptable, as must be closed before . Acceptable nesting is: ...
Another possibility is that you used an element (e.g. 'ul') which requires a child element (e.g. 'li') that you did not include. Hence the parent element is "not finished", not complete.
I understand what it's saying, but I don't think either of those are the problem!
Roo posted this at 21:58 — 28th May 2005.
She has: 840 posts
Joined: Apr 1999
Exactly....see that missing closing div.
Not closing tags, closing tags in the wrong order, missing quote marks, are among the most common errors.
Roo posted this at 22:08 — 28th May 2005.
She has: 840 posts
Joined: Apr 1999
First how about correcting your doctype info?
Next....are you wanting to import an additional stylesheet with @import?
@import "whatever.css";
Write clean code to start with! You won't be driving yourself nuts with cleanup!
Roo
Roo posted this at 22:27 — 28th May 2005.
She has: 840 posts
Joined: Apr 1999
You had li tag issues too.
Corrected valid code displays correctly in Firefox and IE6:
Cambridge Community Library
New Library
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi aliquam, nunc vitae volutpat ullamcorper, elit dolor viverra magna, vitae interdum ante augue nec ligula. Integer quis neque. Donec a metus nec libero auctor nonummy. Nam est erat, varius sit amet, dictum sit amet, fermentum in, metus. Vivamus id turpis vitae lectus egestas iaculis. Proin elementum, tellus nec ornare elementum, purus pede convallis magna, et elementum urna ante eu sapien.
Header
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi aliquam, nunc vitae volutpat ullamcorper, elit dolor viverra magna, vitae interdum ante augue nec ligula. Integer quis neque.
©2005 Cambridge Community Library
design by orangedrop
{XHTML} {CSS} {WAI AAA} {U.S. Section 508}
Roo
Dragon of Ice posted this at 02:11 — 29th May 2005.
He has: 578 posts
Joined: Jun 2004
I got rid of the missing div, that wasn't the problem. It doesn't have the problem any more, and I didn't change anything there... I dunno what was up with the thing.
As far as the messy code, I wasn't thinking logically. I got into a kind of coding frenzy and just kept typing! I really like it better when I take it slowly (saves a lot of frustration) but sometimes it's just hard to stop when you're "in the zone." Not so much "in the zone" with ideas and skill, but "in the zone" on finishing something.
I have a stylesheet that imports all my other stylesheets, and I use @import, but it doesn't seem to be working!
What was wrong with my doctype?
Also, what were my li tag issues?
Thanks, BTW. You're a huge help!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.