Sliced html page displays gaps in IE
i have begun pick creating web pages non profit organizations in area. have photoshop , dreamweaver knowlege, relatively new me.
the page created , sliced in photoshop , linked using dreamweaver displays fine in browsers except ie.
i have few important questions.
what causes these gaps?
is there quick fix web page i've created display correctly in internet explorer, if it?
is there better way create pages more professionally, using adobe suite, if know of links literature online can point me in right direction?
how page display cented no matter monitor resolution in being viewed?
below source code home page of site in working on.
please , thanks.
<html>
<head>
<title>serenity community services</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<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]; (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>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="mm_preloadimages('images/aboutrollover_link.jpg','images/servicesrollover_link.jp g','images/counselingrollover_link.jpg','images/careersrollover_link.jpg','images/contactr ollover_link.jpg','images/carfrollover_link.jpg','images/faqsrollover.jpg','images/eventsr ollover.jpg','images/addtlrollover.jpg','images/carfrollover_weblink.jpg')">
<!-- save web slices (scs_sitefinal_slicefinal001.psd) -->
<table id="table_01" width="1681" height="1201" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="8">
<img src="images/leftmargin.jpg" width="172" height="1200" alt=""></td>
<td colspan="11">
<img src="images/header.jpg" width="1335" height="186" alt=""></td>
<td rowspan="8">
<img src="images/rightmargin.jpg" width="173" height="1200" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="186" alt=""></td>
</tr>
<tr>
<td>
<img src="images/homepressed_link.jpg" width="97" height="36" alt=""></td>
<td><a href="about.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('about_pagelink','','images/aboutrollover_link.jpg',1)"><img src="images/about_link.jpg" alt="about us" width="124" height="36" id="about_pagelink"></a></td>
<td><a href="services.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('services_pagelink','','images/servicesrollover_link.jpg',1)">< img src="images/services_link.jpg" alt="services" width="125" height="36" id="services_pagelink"></a></td>
<td><a href="counseling.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('counseling_pagelink','','images/counselingrollover_link.jpg',1 )"><img src="images/counseling_link.jpg" alt="counseling" width="129" height="36" id="counseling_pagelink"></a></td>
<td colspan="2"><a href="careers.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('careers_pagelink','','images/careersrollover_link.jpg',1)"><im g src="images/careers_link.jpg" alt="careers" width="132" height="36" id="careers_pagelink"></a></td>
<td colspan="2"><a href="contact.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('contact_linkpage','','images/contactrollover_link.jpg',1)"><im g src="images/contact_link.jpg" alt="contact us" width="131" height="36" id="contact_linkpage"></a></td>
<td><a href="carf.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('carf_pagelink','','images/carfrollover_link.jpg',1)"><img src="images/carf_link.jpg" alt="carf" width="122" height="36" id="carf_pagelink"></a></td>
<td colspan="2">
<img src="images/linkmargin.jpg" width="475" height="36" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="6">
<img src="images/home_textarea.jpg" width="573" height="978" alt=""></td>
<td colspan="2"><a href="construction.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('faqs_pagelink','','images/faqsrollover.jpg',1)"><img src="images/faqs.jpg" alt="faqs" width="141" height="148" id="faqs_pagelink"></a></td>
<td colspan="4" rowspan="3">
<img src="images/home_mediacenter.jpg" width="621" height="406" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="148" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="construction.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('events_pagelink','','images/eventsrollover.jpg',1)"><img src="images/eventscalander.jpg" alt="coming events" width="141" height="167" id="events_pagelink"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="167" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2"><a href="construction.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('addtl_pagelink','','images/addtlrollover.jpg',1)"><img src="images/addtlresources.jpg" alt="external resources" width="141" height="143" id="addtl_pagelink"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="91" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="images/undermedia.jpg" width="440" height="572" alt=""></td>
<td rowspan="2"><a href="http://www.carf.org/home/" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('carf_webpagelink','','images/carfrollover_weblink.jpg',1)"><im g src="images/carf_weblink.jpg" alt="www.carf.org" width="181" height="125" id="carf_webpagelink"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/midmargin.jpg" width="141" height="520" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="73" alt=""></td>
</tr>
<tr>
<td>
<img src="images/undercarf.jpg" width="181" height="447" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="447" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="172" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="124" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="125" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="129" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="98" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="107" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="122" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="294" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="181" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="173" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- end save web slices -->
</body>
</html>
try adding below bit of code <style> </style> between closing </script> tag , closing </head> tag. times gets rid of spaces.
</script>
<style type="text/css">
img {
display: block;
}
</style>
</head>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment