Click to See Complete Forum and Search --> : Cross Browser Image Issue
Acedafunk
03-25-2007, 02:23 PM
Hi there,
I'm having trouble getting my thumbs to display in IE7. Works fine in FF2.0.0.3 I'm kind of a beginner so I'm not sure what to look for. I used a thumb generator for the thumbs table and FrontPage for the rest. Have a look...
http://andyjepkes.com/projects/utah
Any Ideas?
WebJoel
03-25-2007, 04:43 PM
check your URL. It seems to be not working.
Holistic
03-27-2007, 05:45 AM
Hi,
I have used css on two of my websites.
Place all the images in a div on top of eachother (absolute positioning - negative values) and put the visibility: hidden;
Then make a hyperlink (where you want to move your mouse over). And include:
onmouseover="document.getElementById('introtop1').style.visibility='visible'" onmouseout="document.getElementById('introtop1').style.visibility='hidden'"
See two examples at:
www.holistic-vibes.com --> with image map
and
www.timbertom.ch
As you can see from the comments in the source, I also tried javascript: bad idea.
Good luck!
Acedafunk
03-27-2007, 07:48 AM
That's a good Idea. Up until now I have just been coding HTML by hand, but I started using FrontPage and I just get more problems. I may use css but I would like to find an HTML fix. You know, just so I understand.
I tried to post a new link earlier. I must be a retard. Here try this:
http://andyjepkes.com/projects/Utah/
Thanks
Major Payne
03-27-2007, 09:54 AM
Checked your page. Like the panaramic image at the top. Usually you put your thumbs on your main page so it loads faster for viewers. If they wish to see the larger image, you could arrange to have it load the larger ones in a popup window the size of the original. Might check this out of a site I did which may give you the idea:
SAE (http://www.saemg.com/photos.html)
I didn't cut the file size of the originals as the client didn't want them cut, but it would have been a quicker load on the popup up window of original image for some of them. LOL
Ron
Acedafunk
03-27-2007, 06:26 PM
Thanks. It is a lot to load in one page but they are still thumbs, just big thumbs (300x300 max). The large size opens in a new tab.
The problem remains that they cant be seen from IE7.
Major Payne
03-27-2007, 08:21 PM
I'm surprised FF is displaying the page, but problem with IE may be because you have 749 coding errors. Since you're using <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">, you need to close tags that do not normally have close tags. This is the majority of the errors. Could attach list in text file if you're interested in taking the time to clean up your code.
Ron
Acedafunk
03-29-2007, 09:01 AM
I have no idea what doctype I should be using. Could it be that I just have the wrong one? I'm interested in fixing the errors, but if its more than just a few find and replace commands I may just redo the page.
Thanks
Major Payne
03-29-2007, 03:14 PM
Hi:
For info on document types, see the W3C Recommended Lists of DTDs (http://www.w3.org/QA/2002/04/valid-dtd-list.html). I would still recommend making smaller thumbs or set the page up in a gallery view/slideshow or something similar. There are ways to have only one image loaded into a preview window with a Forward/Previous set of buttons to view each thumb with option to click image to open in a window full size. Could even add a Auto button option for slideshow. Takes JS so people who have JS turned off will have to be notified to turn JS on or go to alternate page with your pix.
Attached is list of errors. Your choice as to how you want to correct them.
Ron