12 replies [Last post]
aadil7
Offline
Regular
Last seen: 10 years 17 weeks ago
Timezone: GMT+1
Joined: 2011-06-16
Posts: 12
Points: 14

hi everyone

i have just made my first site using dreamweaver CS5 and felt real proud until i got a call saying i cannot see anything on the page!

ive had a look and am pretty sure its CSS issues. its a information page and i just cant believe IE... I HATE IE!!!

the site is: www.rrwills.com and it works perfectly fine on phones, chrome and firefox.
i have only tried it on IE8 so far but i just want it to be working overall. I am not the greatest CSS coder... guess you could spot that with me using dreamweaver so i will need a tiny bit of help

Kindest of regards, all help is much appreciated

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 32 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

You have syntax errors. IE

You have syntax errors. IE tends to be more sensitive to errors (that's a Good Thing imo) than other browsers. The IE9 DOM shows the body of the document as <body/>; in other words, as a self closed empty element. Fixing the errors may be sufficient.

//edit: link emphasized --gt

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

aadil7
Offline
Regular
Last seen: 10 years 17 weeks ago
Timezone: GMT+1
Joined: 2011-06-16
Posts: 12
Points: 14

hi thanks for the reply but

hi thanks for the reply but when i tried searching for i did not really find anything and to mention i am quite a beginner. it would be appreciated if you could explain what you mean

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 32 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Validator

Did you follow the link? The validator lists each error it finds. Fix what you can, and we can help you with the rest.

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

aadil7
Offline
Regular
Last seen: 10 years 17 weeks ago
Timezone: GMT+1
Joined: 2011-06-16
Posts: 12
Points: 14

i am using the validator but

i am using the validator but to be honest i dont understand anything in there or in the code so there is a huge barrier stuck between me and the site

i am afraid that if i take code out that because i dont know what it is doing it will just screw me up

aadil7
Offline
Regular
Last seen: 10 years 17 weeks ago
Timezone: GMT+1
Joined: 2011-06-16
Posts: 12
Points: 14

i had used the validator to

i had used the validator to make all the necessary changes and i came out with a w3c passed. this can be located:

www.rrwills.com/test.html

i still have an issue with IE as it just wants to load the background and nothing else

i do not know what to do at all now!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 1 day ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

Your image rollover script is

Your image rollover script is outdated and needs a complete CSS rewrite.

However in the meantime, your images shouldn't have spaces in the filenames. Fix that up and see what happens.

Verschwindende wrote:
  • CSS doesn't make pies

aadil7
Offline
Regular
Last seen: 10 years 17 weeks ago
Timezone: GMT+1
Joined: 2011-06-16
Posts: 12
Points: 14

i have taken the spaces out

i have taken the spaces out of every image and also updated the code on
www.rrwills.com/test.html

but still on IE nothing loads but the background and its starting to get fustrating

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 32 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

By removing (commenting out)

By removing (commenting out) this javascript:

<!--
<script type="text/javascript">
//<![CDATA[
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_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_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>
-->
the page loads except for the top image (IE only). Firefox is fine.

Since this appears to be a javascript issue, I'm moving the thread to "Off Topic".

cheers,

gary

p.s. I am truly sorry you're stuck with using DW and its outmoded js code. --gt

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

aadil7
Offline
Regular
Last seen: 10 years 17 weeks ago
Timezone: GMT+1
Joined: 2011-06-16
Posts: 12
Points: 14

thanks for the reply but when

thanks for the reply but when i made the change you stated (commenting out the javascript) it still did not load and just showed the same background image

im not sure now whether it is a javascript issue

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 32 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

What can I say? It solved the

What can I say? It solved the issue for me [and created another :shrug:]. Screen cap attached. I also show the total source code for my test.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
 
Name       : Combination     
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20101222
 
-->
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta content="HTML Tidy for Linux (vers 6 November 2007), see <a href="http://www.w3.org" rel="nofollow">www.w3.org</a>"
          name="generator" />
    <meta content=""
          name="keywords" />
    <meta content=""
          name="description" />
    <meta content="text/html; charset=utf-8"
          http-equiv="Content-Type" />
 
    <base href="http://www.rrwills.com/test.html" />
 
    <title>
      LOCAL TEST Red Ribbon Wills
    </title>
 
    <link href="http://www.rrwills.com/style.css"
          media="screen"
          rel="stylesheet"
          type="text/css" />
 
    <style type="text/css">
 
    /*<![CDATA[*/
    body {
        background-repeat: repeat-x;
    }
    body,td,th {
        color: #393939;
    }
    a:link {
        color: #FFF;
    }
    a:visited {
        color: #FFF;
    }
    a:active {
        color: #FFF;
    }
    /*]]>*/
    </style>
 
<!--
<script type="text/javascript">
//<![CDATA[
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_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_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>
-->
 
    <script type="text/javascript">
//<![CDATA[
    <!--
    // Dynamic Images by Kaosweaver
    // Copyright 2007, All rights reserved
    var rI = {
        init:function(o,t) {rI.obj=o;rI.rT=t;},
        addImg:function() {
                var a=arguments;rI.imgList.push(a[0]);rI.altList.push((a[1]?a[1]:''));
                rI.linkList.push((a[2]?a[2]:''));rI.tgtList.push((a[3]?a[3]:''));},
        showImg:function() {
                if (rI.rT==0){var j=parseInt(Math.random()*rI.imgList.length);
                j=(isNaN(<img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/crazy.png" title="Crazy" alt="Crazy" class="smiley-content" />)?0:j;}else{var oneDay=60*60*24*1000, d=new Date();
                jk=d.getTimezoneOffset()*60*1000;
                j=(parseInt((d.getTime()-jk)/oneDay))%rI.imgList.length;}
                d=document;     newImg=d.createElement("img");
                newImg.src=rI.imgList[j];newImg.alt=rI.altList[j];
                tO=d.getElementById(rI.obj);if (tO) {if (rI.linkList[j]!='') {
                newLink=d.createElement("a");newLink.href=rI.linkList[j];
                newLink.target=rI.tgtList[j];newLink.appendChild(newImg);
                tO.appendChild(newLink);} else {tO.appendChild(newImg);}}},
        addEvent: function(o,evt, fn) {
                if (o.addEventListener) {o.addEventListener(evt, fn, false);
                } else if (o.attachEvent) {o.attachEvent('on'+evt, fn);
                } else {o['on'+evt]=fn;}},
        imgList:[],altList:[],linkList:[],tgtList:[],obj:"",rT:0
    }
    rI.init("randomImage",0);
    rI.addImg("Images/104087773big.png","","","");
    rI.addImg("Images/beachsunsetbig.png","","","");
    rI.addImg("Images/pierebig.png","","","");
    rI.addImg("Images/sunsetbig.png","","","");
    rI.addEvent(window,'load',rI.showImg);
 
    -->
    //]]>
    </script>
 
    <style type="text/css">
/*<![CDATA[*/
    body {
    color: #FFFFFF;
    }
    :link { color: #FFFFFF }
    div.c1 {clear: both;}
    /*]]>*/
    </style>
  </head>
  <body onload=
  "MM_preloadImages('Images/willwritingbuttonover2.png','Images/Shariahlawbuttonover.png','Images/TrustsButtonover.png','Images/Probatebuttonover.png','Images/Powersofattorneybuttonover.png','Images/Consultationsbuttonover.png','Images/Articlesbuttonover.png','Images/JointOwnershipbuttonover.png')">
  <div id="wrapper">
      <div id="header-wrapper">
        <div id="header">
          <div id="logo">
            <h1>
              <a href="index.html">Red Ribbon Wills</a>
            </h1>
 
            <p>
              Professional Will Writers &amp; Estate Planners
            </p>
          </div>
 
          <div id="menu">
            <ul>
              <li>
                <a href="Consultations.html">Consultations</a>
              </li>
 
              <li>
                <a href="About.html">About</a>
              </li>
 
              <li>
                <a href="FAQ.html">FAQ</a>
              </li>
 
              <li>
                <a href="Contact.html">Contact</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- end #header -->
 
      <div id="page">
        <div id="page-bgtop">
          <div id="page-bgbtm">
            <div class="topimg"
                 id="randomImage">
              <noscript><img alt="Dynamic Image"
                   src="Images/104087773%20big.png" /></noscript>
            </div>
 
            <div class="right-container">
              <a href="Will%20Writing.html"
                   onmouseout="MM_swapImgRestore()"
                   onmouseover=
                   "MM_swapImage('WillWritingButton','','Images/willwritingbuttonover2.png',1)">
              <img alt="Will Writing"
                   border="0"
                   height="40"
                   id="WillWritingButton"
                   name="WillWritingButton"
                   src="Images/willwritingbutton2.png"
                   width="200" /></a><a href="Shariah%20Law.html"
                   onmouseout="MM_swapImgRestore()"
                   onmouseover=
                   "MM_swapImage('ShariahLawButton','','Images/Shariahlawbuttonover.png',1)"><img alt="Shariah Law"
                   border="0"
                   height="40"
                   id="ShariahLawButton"
                   name="ShariahLawButton"
                   src="Images/Shariahlawbutton.png"
                   width="200" /></a><a href="Trusts.html"
                   onmouseout="MM_swapImgRestore()"
                   onmouseover=
                   "MM_swapImage('TrustsButton','','Images/TrustsButtonover.png',1)"><img alt="Trusts"
                   border="0"
                   height="40"
                   id="TrustsButton"
                   name="TrustsButton"
                   src="Images/TrustsButton.png"
                   width="200" /></a><a href="Probate.html"
                   onmouseout="MM_swapImgRestore()"
                   onmouseover=
                   "MM_swapImage('ProbateButton','','Images/Probatebuttonover.png',1)"><img alt="Probate"
                   border="0"
                   height="40"
                   id="ProbateButton"
                   name="ProbateButton"
                   src="Images/Probatebutton.png"
                   width="200" /></a><a href="Powers%20of%20Attorney.html"
                   onmouseout="MM_swapImgRestore()"
                   onmouseover=
                   "MM_swapImage('PowersofAttorneyButton','','Images/Powersofattorneybuttonover.png',1)"><img alt="Powers of Attorney"
                   border="0"
                   height="40"
                   id="PowersofAttorneyButton"
                   name="PowersofAttorneyButton"
                   src="Images/Powersofattorneybutton.png"
                   width="200" /></a><a href="Joint%20Ownership.html"
                   onmouseout="MM_swapImgRestore()"
                   onmouseover=
                   "MM_swapImage('JointOwnershipButton','','Images/JointOwnershipbuttonover.png',1)"><img alt="Joint Ownership"
                   border="0"
                   height="40"
                   id="JointOwnershipButton"
                   name="JointOwnershipButton"
                   src="Images/JointOwnershipButton.png"
                   width="200" /></a><a href="Consultations.html"
                   onmouseout="MM_swapImgRestore()"
                   onmouseover=
                   "MM_swapImage('ConsultationsButton','','Images/Consultationsbuttonover.png',1)"><img alt="Consultations"
                   border="0"
                   height="40"
                   id="ConsultationsButton"
                   name="ConsultationsButton"
                   src="Images/Consultationsbutton.png"
                   width="200" /></a><a href="Articles.html"
                   onmouseout="MM_swapImgRestore()"
                   onmouseover=
                   "MM_swapImage('ArticlesButton','','Images/Articlesbuttonover.png',1)"><img alt="Articles"
                   border="0"
                   height="40"
                   id="ArticlesButton"
                   name="ArticlesButton"
                   src="Images/Articlesbutton.png"
                   width="200" /></a>
            </div>
 
            <div id="content">
              <div class="post">
                <h2 class="title">
                  <a href="#">Welcome to Red Ribbon Wills</a>
                </h2>
 
                <div class="entry">
                  <p>
                    Red Ribbon Wills is a noble company providing Professional
                    Will Writing and Estate Planning services to help you
                    abolish Inheritance Tax. We provide Innovative, Cost
                    Effective and Practical legal solutions to the residents of
                    the United Kingdom. We offer consultations at the comfort
                    of your home with one of our legally trained consultants,
                    so we can establish your individual circumstances.
                  </p>
                </div>
 
                <div class="byline">
                  <p class="links">
                    <a href="About.html">Read More...</a>
                  </p>
                </div>
              </div>
 
              <div class="post">
                <h2 class="title">
                  <a href="#">Shariah Compliant Wills</a>
                </h2>
 
                <div class="entry">
                  <p>
                    At Red Ribbon Wills we pride ourselves in being the UK&#8217;s
                    leading company helping to spread awareness to our Muslim
                    community about the importance of Shariah (Islamic)
                    Compliant Wills and Trusts. We use the Shariah Law to
                    create legal Wills and Trusts that are compliant in the UK.
                  </p>
                </div>
 
                <div class="byline">
                  <p class="links">
                    <a href="Shariah%20Law.html">Read More...</a>
                  </p>
                </div>
              </div>
 
              <div class="post">
                <h2 class="title">
                  <a href="#">Our Services</a>
                </h2>
 
                <div class="entry">
                  <p>
                    Red Ribbon Wills aims to offer you <strong>Ease of
                    Mind</strong>, so you would not have to worry about your
                    assets once your onboard with us. We provide all the
                    services which are necessary for you to diminish all of
                    your Inheritance Tax. Our services come at an exclusively
                    low cost benefiting you now and in the long run.
                  </p>
                </div>
 
                <div class="byline">
                  <p class="links">
                    <a href="Will%20Writing.html">Read More...</a>
                  </p>
                </div>
              </div>
 
              <div class="c1">
              </div>
            </div>
            <!-- end #content --><!-- end #sidebar -->
 
            <div class="c1">
            </div>
          </div>
        </div>
      </div>
      <!-- end #page -->
 
      <div id="footer">
        <p>
          Copyright (c) 2011 RED RIBBON WILLS LTD. All rights reserved.
        </p>
      </div>
    </div>
    <!-- end #footer -->
  </body>
</html>

Curiosity begs me to ask, why did you name the column on the left, "right-container"? There are reasons that best practice calls for naming classes and ids for what they contain, not for how they are presented. That box should probably be an id, not a class, and a good name might be "page-nav".

cheers,

gary

AttachmentSize
scrncap.png 58.7 KB

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

aadil7
Offline
Regular
Last seen: 10 years 17 weeks ago
Timezone: GMT+1
Joined: 2011-06-16
Posts: 12
Points: 14

Ha the right container has a

Ha the right container has a joke about it and a huge mistake!
when i get home i will check this up but this is not the final version of the site
i just want it ie compatible hopefully your changes work
thank you for your reply

aadil7
Offline
Regular
Last seen: 10 years 17 weeks ago
Timezone: GMT+1
Joined: 2011-06-16
Posts: 12
Points: 14

thanks alot gary your help is

thanks alot gary
your help is much appreciated