Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Mar 2010
    Posts
    1
    Member #
    21412
    Hey everybody, this is my first post and I hope I'm not breaking any rules!
    Please let me know nicely if I am.

    But I seem to be having a problem, I'm teaching myself how to do web design and am currently getting the same problem in every page I've made, it's really starting to annoy me, and lead me to believe that it must be something wrong I'm doing in the coding? since it's happening over again.

    The problem is.. in Opera and Safari everything is lined up perfect, no problems, but in Firefox and Internet Explorer most of the images/divs drop down a few px and make it look horrid. It's frustrating because in Dreamweaver it looks all so pretty and also in Opera and Safari. Then I notice it's completely messed in IE and FF.

    Now please remember I am teaching myself so I don't know every single rule with this sort of thing, so please be understanding! haha.

    I'll be forever greatful!
    (pasted the whole code, because I'm not to sure where it would be)
    http://www.iaresam.com
    Results in FF and IE
    Results in Opera and Safari
    as you can tell it's really annoying >_<
    <html>
    <head>
    <title>PersonalPortfolio</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    body,td,th {
    color: #333;
    }
    body {
    background-color: #000;}

    #convone {
    height:165px;
    width:350px;
    background-image: url(/images/CONV_bg1.gif);
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    }
    #convtwo {
    height:165px;
    width:351px;
    background-image: url(/images/CONV_bg2.gif);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    }
    #workrec {
    background-image: url(/images/WORK_recentmain.gif);
    height: 193px;
    width: 189px;
    }
    #work {
    background-image: url(/images/WORK_8.gif);
    height: 88px;
    width: 110px;
    }
    #he {
    }

    </style>
    <script language="JavaScript1.1">
    var slideimages=new Array()
    var slidelinks=new Array()
    function slideshowimages(){
    for (i=0;i<slideshowimages.arguments.length;i++){
    slideimages[i]=new Image()
    slideimages[i].src=slideshowimages.arguments[i]
    }
    }

    function slideshowlinks(){
    for (i=0;i<slideshowlinks.arguments.length;i++)
    slidelinks[i]=slideshowlinks.arguments[i]
    }

    function gotoshow(){
    if (!window.winslide||winslide.closed)
    winslide=window.open(slidelinks[whichlink])
    else
    winslide.location=slidelinks[whichlink]
    winslide.focus()
    }
    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>

    </head>
    <body onLoad="MM_preloadImages('/images/NAV_homeroll.gif','/images/NAV_galleryroll.gif','/images/NAV_aboutroll.gif','/images/NAV_recentroll.gif','/images/NAV_upcomingroll.gif','/images/NAV_linksroll.gif','/images/NAV_contactroll.gif')">
    <!-- Save for Web Slices (PersonalPortfolio.psd) -->
    <table width="776" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
    <td colspan="19">
    <img src="/images/HEADER_banner.gif" width="775" height="75" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="75" alt=""></td>
    </tr>
    <tr>
    <td colspan="19">
    <img src="/images/PersonalPortfolio_02.gif" width="775" height="110" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="110" alt=""></td>
    </tr>
    <tr>
    <td colspan="2">
    <a href="http://www.iaresam.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image65','','/images/NAV_homeroll.gif',1)"><img src="/images/NAV_home.gif" alt="Go Home!" name="Image65" width="103" height="23" border="0"></a></td>
    <td><a href="http://www.iaresam.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gallery','','/images/NAV_galleryroll.gif',1)"><img src="/images/NAV_gallery.gif" alt="Go to Gallery" name="gallery" width="71" height="23" border="0"></a></td>
    <td colspan="3"><a href="http://www.iaresam.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about','','/images/NAV_aboutmeroll.gif',1)"><img name="about" border="0" src="/images/NAV_aboutme.gif" alt="Go to About Me"></a></td>
    <td colspan="4"><a href="http://www.iaresam.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('recent','','/images/NAV_recentroll.gif',1)"><img name="recent" border="0" src="/images/NAV_recent.gif" alt="Go to Recent Projects"></a></td>
    <td colspan="4"><a href="http://www.iaresam.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('upcoming','','/images/NAV_upcomingroll.gif',1)"><img src="/images/NAV_upcoming.gif" alt="Go to Upcoming Projects" name="upcoming" width="152" height="23" border="0"></a></td>
    <td><a href="http://www.iaresam.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('links','','/images/NAV_linksroll.gif',1)"><img src="/images/NAV_links.gif" alt="Go to Links" name="links" width="61" height="23" border="0"></a></td>
    <td colspan="4"><a href="http://www.iaresam.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','/images/NAV_contactroll.gif',1)"><img src="/images/NAV_contact.gif" alt="Go to Contact Details" name="contact" width="174" height="23" border="0"></a></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
    <td colspan="19">
    <img src="/images/PersonalPortfolio_10.gif" width="775" height="30" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="30" alt=""></td>
    </tr>
    <tr>
    <td rowspan="9">
    <img src="/images/PersonalPortfolio_11.gif" width="22" height="572" alt=""></td>
    <td colspan="7"><div id="convone">
    <p>Welcome to my website, it's still under construction at the moment, I need to still do my rollovers and get content added and other pages done, but I wanted to get used to the file system of Cpanel first. </p>
    </div></td>
    <td colspan="3" rowspan="2">
    <img src="/images/PersonalPortfolio_13.gif" width="29" height="208" alt=""></td>
    <td colspan="7"><div id="convtwo">
    <p><strong><font color="#666666">Friday, 12th May;</font></strong><br>
    Website still under construction, need to do rollovers, temp work images etc...</p>
    </div></td>
    <td rowspan="9">
    <img src="/images/PersonalPortfolio_15.gif" width="23" height="572" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="165" alt=""></td>
    </tr>
    <tr>
    <td colspan="7">
    <img src="/images/PersonalPortfolio_16.gif" width="350" height="43" alt=""></td>
    <td colspan="7">
    <img src="/images/PersonalPortfolio_17.gif" width="351" height="43" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="43" alt=""></td>
    </tr>
    <tr>
    <td colspan="3" rowspan="5"><div id="workrec">

    <a href="javascript:gotoshow()"><img src="http://i44.tinypic.com/11tuae8.gif" name="slide" border=0 width=189 height=185></a>
    <script>
    <!--

    //configure the paths of the images, plus corresponding target links
    slideshowimages("http://i44.tinypic.com/11743rs.gif","http://i44.tinypic.com/11tuae8.gif","http://i44.tinypic.com/11743rs.gif","http://i44.tinypic.com/11tuae8.gif","http://i44.tinypic.com/11743rs.gif")
    slideshowlinks("http://www.iaresam.com","http://www.iaresam.com","http://www.iaresam.com","http://www.iaresam.com","http://www.iaresam.com")

    //configure the speed of the slideshow, in miliseconds
    var slideshowspeed=2000

    var whichlink=0
    var whichimage=0
    function slideit(){
    if (!document.images)
    return
    document.images.slide.src=slideimages[whichimage].src
    whichlink=whichimage
    if (whichimage<slideimages.length-1)
    whichimage++
    else
    whichimage=0
    setTimeout("slideit()",slideshowspeed)
    }
    slideit()

    //-->
    </script>
    </div></td>
    <td rowspan="7">
    <img src="/images/PersonalPortfolio_19.gif" width="28" height="364" alt=""></td>
    <td colspan="2" rowspan="2"><div id="work">
    <img src="http://i43.tinypic.com/6rr788.jpg" width="110" height="88">
    </div></td>
    <td colspan="2" rowspan="7">
    <img src="/images/PersonalPortfolio_21.gif" width="24" height="364" alt=""></td>
    <td colspan="3" rowspan="2"><div id="work">
    <img src="http://i43.tinypic.com/6rr788.jpg" width="110" height="88">
    </div></td>
    <td rowspan="7">
    <img src="/images/PersonalPortfolio_23.gif" width="26" height="364" alt=""></td>
    <td colspan="3" rowspan="2"><div id="work">
    <img src="http://i43.tinypic.com/6rr788.jpg" width="110" height="88">
    </div></td>
    <td colspan="2">
    <img src="/images/PersonalPortfolio_25.gif" width="133" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
    <td rowspan="6">
    <img src="/images/PersonalPortfolio_26.gif" width="23" height="363" alt=""></td>
    <td rowspan="2"><div id="work">
    <img src="http://i43.tinypic.com/6rr788.jpg" width="110" height="88">
    </div></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="87" alt=""></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="2">
    <img src="/images/PersonalPortfolio_28.gif" width="110" height="52" alt=""></td>
    <td colspan="3" rowspan="2">
    <img src="/images/PersonalPortfolio_29.gif" width="110" height="52" alt=""></td>
    <td colspan="3" rowspan="2">
    <img src="/images/PersonalPortfolio_30.gif" width="110" height="52" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="/images/PersonalPortfolio_31.gif" width="110" height="51" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="51" alt=""></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="2"><div id="work">
    <img src="http://i43.tinypic.com/6rr788.jpg" width="110" height="88">
    </div></td>
    <td colspan="3" rowspan="2"><div id="work">
    <img src="http://i43.tinypic.com/6rr788.jpg" width="110" height="88">
    </div></td>
    <td colspan="3" rowspan="2"><div id="work">
    <img src="http://i43.tinypic.com/6rr788.jpg" width="110" height="88">
    </div></td>
    <td rowspan="2"><div id="work">
    <img src="http://i43.tinypic.com/6rr788.jpg" width="110" height="88">
    </div></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="53" alt=""></td>
    </tr>
    <tr>
    <td colspan="3" rowspan="2">
    <img src="/images/PersonalPortfolio_36.gif" width="189" height="171" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="35" alt=""></td>
    </tr>
    <tr>
    <td colspan="2">
    <img src="/images/PersonalPortfolio_37.gif" width="110" height="136" alt=""></td>
    <td colspan="3">
    <img src="/images/PersonalPortfolio_38.gif" width="110" height="136" alt=""></td>
    <td colspan="3">
    <img src="/images/PersonalPortfolio_39.gif" width="110" height="136" alt=""></td>
    <td>
    <img src="/images/PersonalPortfolio_40.gif" width="110" height="136" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="136" alt=""></td>
    </tr>
    <tr>
    <td colspan="19">
    <img src="/images/FOOTER_copyright.gif" width="775" height="90" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="90" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="/images/spacer.gif" width="22" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="81" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="71" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="37" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="28" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="17" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="93" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="23" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="1" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="15" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="13" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="82" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="26" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="31" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="61" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="18" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="23" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="110" height="1" alt=""></td>
    <td>
    <img src="/images/spacer.gif" width="23" height="1" alt=""></td>
    <td></td>
    </tr>
    </table>
    <!-- End Save for Web Slices -->
    </body>
    </html>

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:27 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com