?
Solved

Images in a Table Do Not Display Properly

Posted on 2005-03-09
11
Medium Priority
?
157 Views
Last Modified: 2013-12-24
I have a gallery on my website that is causing some problems for some of my visitors (a selected view).  I suspect the following;

1. They are not using the most recent version of Explorer OR
2. They are using a MAC

When they view the following link all the images in the gallery 'merge into one'.  Does anyone have any ideas on what might be causing this issue?

http://www.dieselhousestudios.com/martinperryman gallery2.htm

I have got numerous friends and visitors to view the site using Explorer 6.0 or above and there is not any complaints or problems with the site.

Also, is there any way of choosing a background colour on this page when you 'click' on the picture to enlarge i.e. the background colour of the enlarged image?

Yours hopefully,
David

0
Comment
Question by:davidascott
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 5
11 Comments
 
LVL 29

Expert Comment

by:coreybryant
ID: 13500978
I did not see any javascript in there - this would be the "first" issue with a Mac.  Everything looks like regular HTML. Can you tell us what a problem might be?

Also, as far as changing the background - no.  You would need to first insert each image into an HTML page.  Right now - you are pointing to a JPG

-Corey
0
 

Author Comment

by:davidascott
ID: 13508915
Hi Corey,

Thanks for the response.

Do you mean that if they are viewing with javascript enabled they might encounter problems?

What they (the people complaining) see is all the images blurring into one i.e. there are not any spaces between the pictures as you/me see them.  I do know that the people viewing the work are primarily MAC based and these seem to be the only ones with problems.

Would this be resolved by placing a suggestion on the front page that 'javascript' is disabled?

Would earlier versions of Explorer encounter problems as well?

Thanks and best regards,
David
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 13509000
Yes - the JS sometimes does not fair well in Mac. And no, I do not recommend about the JS is disabled, since you are not using it

Another issue - you are using a height attribute, which sometimes is not rendered properly one some browsers.  You might consider getting a small spacer.gif and inserting that accordingly.  

-Corey
0
NEW Veeam Agent for Microsoft Windows

Backup and recover physical and cloud-based servers and workstations, as well as endpoint devices that belong to remote users. Avoid downtime and data loss quickly and easily for Windows-based physical or public cloud-based workloads!

 

Author Comment

by:davidascott
ID: 13512517
Corey,

Where would I get a 'small spacer gif' from, and how would I insert it?

Thanks,
David
0
 

Author Comment

by:davidascott
ID: 13512529
Corey,

Where would I get a 'small spacer gif' from, and how would I insert it?

Thanks,
David
0
 
LVL 29

Accepted Solution

by:
coreybryant earned 1000 total points
ID: 13512583
Well a spacer.gif is usually very tiny - 1X1 pixel.  http://www.loudhost.com/images/spacer.gif - right click on here & choose save as.  This should allow you to save this image image to your local HD and then you can put this into your website & use accordingly.

You might have to change the height / width thru HTML since this is a very small image :)

-Corey
0
 

Author Comment

by:davidascott
ID: 13515185
Corey,

What code should I look for (I have only 'basic skills in html) and how would I adjust it?  Also, I can't link to the spacer.gif file.  Are there any other sources?  I assume that I would add this 'spacer/image' after/before each image to split it up?

Thanks for you help so far and your patience :)

Regards,
David
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 13516469
Well I would get rid of all those heights.

And then probably on about line 28-29, you will see:
<p align="center"><a href="Martyn%202.jpg">
    <img border="0" src="Martyn%202_small.jpg" xthumbnail-orig-image="Martyn 2.jpg" width="100" height="100"></a>
And assuming you are putting the spacer.gif in the same folder as Martyn 202.jpg, change it to some thing like:
<p align="center"><a href="Martyn%202.jpg">
    <img border="0" src="Martyn%202_small.jpg" xthumbnail-orig-image="Martyn 2.jpg" width="100" height="100"></a><br>
    <img border="0" src="spacer.gif" width="1" height="47">

-Corey
0
 

Author Comment

by:davidascott
ID: 13525386
Corey,

Thanks for the above.  I could not get through to the link that you gave for the spacer.gif.  Are there any other sources for this image?

Thanks,
David
0
 

Author Comment

by:davidascott
ID: 13525398
Corey,

Just ignore my stupid remark above.  I have now 'right clicked'!!!!....will test the result on Monday.  Thanks for your help so far.

Best,
David
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 13525431
no worries :) - it is a very small image - but I promise you it was there!  LOL

-Corey
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this short web based tutorial, I wanted to show users how they can still use the powers of FrontPage in conjunction with Expression Web 3.  Even though Microsoft eliminated the use of Web components, we can still use them with FrontPage and edit …
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
The purpose of this video is to demonstrate how to create a Printer Friendly PDF on a WordPress Page. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome Screenshot” Google Chrome Extension, and SmallPDF.com Log…
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
Suggested Courses

752 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