10 Replies Latest reply: Dec 7, 2012 7:50 PM by PJClark RSS

    Not all images appear in browser?

    PJClark

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


        • 1. Re: Not all images appear in browser?
          Jon Fritz II CommunityMVP

          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.

          • 2. Re: Not all images appear in browser?
            Jon Fritz II CommunityMVP

            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.

            • 3. Re: Not all images appear in browser?
              PJClark Community Member

              Thank you so much! That was it. I won't use the riders numbers any more. Very grateful for your quick reply.

              • 4. Re: Not all images appear in browser?
                PJClark Community Member

                I took a look but am not advanced enough to correct the issues myself. Any advice?

                • 5. Re: Not all images appear in browser?
                  Jon Fritz II CommunityMVP

                  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.

                  • 6. Re: Not all images appear in browser?
                    PJClark Community Member

                    Thanks for the generous and kind help. I put the page back up not finished yet as I am going to eat. I will definitely take the time to make the corrections noted below.

                    P.J. Connell

                    • 7. Re: Not all images appear in browser?
                      PJClark Community Member

                      Jon,

                       

                      Do you mind my asking how to make the entire bg of a table the same color at one time instead of choosing each section at a time? I select the whole table but can't find a way to change the entire bg at once. For example make the bg of every cell in the table black. I can only find how to do it individually.

                       

                      I know you can tell I haven't tried to work with html in a very long time and I sure do appreciate your help.

                       

                      P.J.

                      • 8. Re: Not all images appear in browser?
                        Jon Fritz II CommunityMVP

                        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.

                        • 9. Re: Not all images appear in browser?
                          Jon Fritz II CommunityMVP

                          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.

                          • 10. Re: Not all images appear in browser?
                            PJClark Community Member

                            Awesome. I have been wondering in the back of my mind how else to do it because I just felt tables were too old but have been very busy. I have another shoot tomorrow and haven't seen all of the last 4,000 photos I have taken yet. Thank you for pointing me in the right direction. I will take the time to go there to learn.

                            P.J.