PDA

View Full Version : I NEED HELP! Only Safari opens my webpages!


artboi01
04-25-2009, 03:50 AM
I am new to designing websites. I am using dreamweaver. My site is pretty basic, and I am using rollover images throughout. however, the only browser that seems to be able to show my site is safari. Firefox and internet explorer both turn up as white pages. The ability to click on the links is there (the curser becomes a hand and the pages can be changed) but the visual images/background are all invisible. It is very strange. I have tried emptying the cache, deleting cookies, history, etc. but to no avail. here is my code for my first webpage. PLEASE let me know what I am doing wrong/ how to fix it!!
Thanks so much!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8859-1" />
<title>studiopowell</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
body {
background-image: url(/mlpwebphotos/original%20indexjpgs/indexbackground1.jpg);
}
-->
</style></head>

<body onload="MM_preloadImages('/mlpwebphotos/original%indexjpgs/indexmpp.jpg')">
<div align="center">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/indexmlp.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','/mlpwebphotos/original indexjpgs/indexmpp.jpg',1)"><img src="/mlpwebphotos/original indexjpgs/indexmp.jpg" name="Image1" width="564" height="143" border="0" id="Image1" /></a></p>
</div>
</body>
</html>

edbr
04-25-2009, 04:34 AM
sure? look at the page source,
check the paths and names of your imges. remove any blank spaces in the names as this appears as %20

artboi01
04-25-2009, 09:05 AM
yeah. thank you for the tip. I went back in and corrected the image paths by deleting those spaces both on my comp folder names and the folder names on the server. however, same problem persists. any other ideas about what could be causing the problem?

d a v e
04-25-2009, 09:44 AM
post a link

artboi01
04-25-2009, 04:42 PM
studiopowell.net is the site.

d a v e
04-25-2009, 06:12 PM
the problem is the size of your images
indexmp is 3.29Mb for a start and it's trying to load with what i suspect are some other equally large images. aim for around 100-150k for the whole page including all code, scripts, images etc. there's no way that one image for example should be anymore than 50-75k anyway.

it also looks like the frontpage might be a splash screen but it was taking so long to load even in safari that i got bored and left - if it is then it's an unnecessary hurdle to site visitors ;)

artboi01
04-25-2009, 11:10 PM
how do i reduce the file size while still allowing it to be big enough to cover entire screen without tiling? what is the procedure? I cant seem to figure it out. thanks for all this help. ur right. it is a splash.

d a v e
04-26-2009, 06:37 AM
this image indexbackground1.jpg as far as i can tell (it won't open in photoshop or fireworks) is just a plain colour of something like #f2f2f2 and should be set as a background colour in your css and not as a jpeg. then you can make a small image to swap on mouseover.

i'm wondering how you're making you images that they are that big. i'm thinkin you're using photoshop but simply saving as jpeg, not using save for web

it's difficult to give more advice as the page loads so slowly but it looks like you need that solid colour bnackground set in css, with a centred div or just an image with a top margin to set it so far down the page and the swap out that image on mouse over.

artboi01
04-27-2009, 04:05 AM
thanks dave!
the fact that i didnt save for web was the problem.

it all works now!

thanks for being so understanding/prompt!