Improve company productivity with a Business Account.Sign Up

x
?
Solved

image not appearing in IE

Posted on 2013-01-13
11
Medium Priority
?
237 Views
Last Modified: 2013-01-13
on this web page ( http://nkarch.lifeintheuktest.co/the-work.aspx) the fisrt image separator vertical bar in the top navigation (THE WORK, NK , THE PRACTICE) is not appearing in IE and firefox. Any ideas
0
Comment
Question by:mmalik15
  • 5
  • 4
  • 2
11 Comments
 
LVL 102

Expert Comment

by:John
ID: 38771952
The vertical bar is showing on my IE 9 (Windows 7 Pro 64-bit, IE 9 is the 32-bit version).

Take a look at the IE 9 settings. My settings are very bland, but they seem to work. Perhaps on a test machine, reset IE (Tools, Internet Options, Advanced, click on Reset). Restart IE and test.

.... Thinkpads_User
0
 

Author Comment

by:mmalik15
ID: 38771958
it does show in chrome for me but not in IE and firefox even though i can see the image in the source. this is really strange and i have seen it another system as well and refreshed the pages and cache several times.
0
 
LVL 102

Expert Comment

by:John
ID: 38771967
First, I am definitely not a web design person. I responded purely as a user.

However, now I shall make it really strange. Here is what I see on the system above.

Test-Image
Now, on my other (Desktop) Windows 7 Pro 64-bit machine with IE 9 32-bit, I see the right hand bar (in the white area) but I do not see the left hand bar (beside the red words.

I cannot figure out why I can see one bar and not the other on one machine and both white bars on the other machine.

.... Thinkpads_User
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
LVL 102

Assisted Solution

by:John
John earned 1600 total points
ID: 38771976
I check Advanced Options and Add-ins between the two machines and they are essentially the same.  I changed one Add-in on my Thinkpad but that did not make any difference.

.... Thinkpads_User
0
 

Author Comment

by:mmalik15
ID: 38771979
yeah exactly. I m trying on different systems and browsers. on my laptop i have tried IE,firefox,chrome and safari. Its fine in chrome and safari as well.
0
 
LVL 102

Accepted Solution

by:
John earned 1600 total points
ID: 38771992
My two machines have two different video cards and drivers. The desktop is newer than the Thinkpad (which came as Vista and rebuilt (new drive) into Windows 7.

I wonder if it is colour display or rendition?  That is about the only difference I see (as a user).

It shows up properly on my iPhone (Safari for IOS).

... Thinkpads_User
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 400 total points
ID: 38772130
20 errors in the HTML validator.  Strange rendering problems are almost always caused by junk code.  Fix the errors, and then maybe it will work.

Cd&
0
 

Author Comment

by:mmalik15
ID: 38772138
:) thanks for that i managed to fix the issue, set the width of the image used in spacer and it is working fine. Will definitely do the validation before the site will go live.
0
 

Author Comment

by:mmalik15
ID: 38772205
the page is now all validated!
0
 
LVL 102

Expert Comment

by:John
ID: 38772270
@mmalik15 - Thank you and thanks for the update.

.... Thinkpads_User
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38772319
Glad it is working and validated. :^)

Cd&
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

606 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question