Skip navigation
Currently Being Moderated

Not all images appear in browser?

Dec 6, 2012 12:44 PM

Could someone tell me why this page shows some images but not all images? http://www.phyllisconnellphotography.com/MX_Supercross_2.html


 
Replies
  • Currently Being Moderated
    Dec 6, 2012 12:49 PM   in reply to PJClark

    Remove the special characters from your images. For example, the # in the image below...

     

    mages/MX_Supercross-119-3_#409.jpg

     

    For the names of images and pages, you should never use special characters like # or & (even spaces should be - or _ instead). Those items have special meanings in html and javascript and can cause problems. Luckily, you can kill two birds with one stone. Go into your images folder from within the DW Files tab and rename them there. That will then automatically update all of your links to the images. Reupload and you should be good to go.

     

    On a side note, I notice a mailto: link with an email address in your source code. That's a very good way to get an email address harvested by a spam bot. You may want to look into a form to email script like formmail from http://www.tectite.com which will allow you to hide that address from spammers.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 6, 2012 12:53 PM   in reply to Jon Fritz II

    I saw some other errors too. You may want to take a look at your page through the validator at:

     

    http://validator.w3.org/

     

    And clean up the issues it points out.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 6, 2012 1:19 PM   in reply to PJClark

    Sure...

     

     

    Line 45: you have marginheight"=0" that entire attribute should be removed.

     

    Line 47: marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" Is no longer valid code and should not be used (they were only technically for the <body> tag to begin with).

     

    The correct code to use for that is now a simple css line...

     

    body {margin:0;} that would go in your <style> area in the head of the page.

     

    Line 63: you have an opening <div> instead of a closing </div>

     

    Line 134: You use the name and id "DD" for the second time (was used already in line 50). HTML ids and names can only be used once per page. You can change it to anything you like, but the name and id need to be the same as each other.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 7, 2012 6:29 AM   in reply to PJClark

    Sure.

     

    In Design View, highlight the entire table by moving your mouse to the table border near the top left. When the table is ready to be selected, the outline highlight will go from a cell or column to the outer border of the table. Once that happens, click the table and in the Tag Inspector, set the bgcolor to whatever you need.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 7, 2012 6:35 AM   in reply to Jon Fritz II

    You can do the same thing by adding this to your opening <table> tag within the source code...

     

    bgcolor="#123456"  <--your hex color inside the " "

     

    So something like this...

     

    <table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#0099FF">

     

    On a side note: Tables are seriously outdated design tools and should be avoided for page layout. Definitely take the time to look into using css positioned <div> tags instead. A good place to start on basic css usage is http://www.w3schools.com. You can  go through the basics of html, javascript and a few other common web based languages too.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points