16 Replies Latest reply on May 31, 2011 11:42 AM by nelworthy539

    New website is up! Have some problems...

    nelworthy539

      I've never designed a website before, this is my first run. Sorry about all the questions, but I can't find the answers on the internet. Questions are in order of importance.

       

      Problem 1)

       

      For some reason the company contact info (email & phone #) is not showing up on one of my pages (look at top right). The info is all there in dreamweaver but for some reason it's not showing up after being put online:

       

      tacticalimports.ca/sig.html

       

      See for example: tacticalimports.ca/firearms.html

       

      Problem 2a)

      On a google search the website is all fractured, not organized with the page catagories laid out under the main page.

       

      I'd like it to look like the following (minus the search bar):

       

      http://www.google.ca/search?hl=en&source=hp&biw=1061&bih=844&q=george+brown+college&aq=f&a qi=g10&aql=&oq=

       

       

      Mine looks like this (2nd one down):

       

      http://www.google.ca/search?hl=en&safe=active&biw=1061&bih=844&q=tactical+imports&aq=f&aqi =g3g-v1g-m6&aql=&oq=

       

      Problem 2b) Also, how would I be able to put a company intro blurb that will show up on a google search but not on the website? Right now the intro blurb is an image, since I wanted the intro to be in a non-standard font. Is there a way to have this intro blurb show up in a google search, but just use the image once the page is loaded?

       

      Problem 3)

      No matter how fast the connection, the front page takes a while to load the slideshows. The slideshow is one of the dreamweaver widgets. Is there any way to have a static image in place until the sldieshow loads, or to have the slideshow load faster?

      See:

      tacticalimports.ca

       

      Server response is pinged at good, so I know its not a server issue.

       

      Problem 4)

      Is there an easy way to have my url extnesions without html tags?

        • 1. Re: New website is up! Have some problems...
          FrazzledInOK

          With Google Chrome I see the email address and phone number on the top right (under the banner image, to the right of the menu bar) and in the footer, also on the right. Which browser and version are you using?

          • 2. Re: New website is up! Have some problems...
            nelworthy539 Level 1

            I'm using IE. But its only the "SIG Pistols" page (tacticalimports.ca/sig.html) that has the issue. All other pages work fine.

            • 3. Re: New website is up! Have some problems...
              FrazzledInOK Level 1

              Yes, I am seeing the information on the page sig.html:

               

              temp.jpg

              1 person found this helpful
              • 4. Re: New website is up! Have some problems...
                FrazzledInOK Level 1

                I see the problem when viewing the page with IE8.  The problem is that the font size for the contact information is 0px, which is inherited from the body style.  You should look at the differences between the formatting applied to the first and third cells in that row of the table.

                .

                1 person found this helpful
                • 5. Re: New website is up! Have some problems...
                  Nancy OShea Adobe Community Professional & MVP

                  Problem 2b:

                  Hiding text from humans is generally frowned upon by Google.  That said, if you want to risk it, you could place your <h2>blurb text goes here</h2> into a container and use text-indent: -9999em to move it off screen.  This text remains visible to search engines, translators and screen readers (which don't use CSS).  But make certain you use identical text in your heading as is in your image or Google could blacklist your site.

                   

                  Problem 3:

                  Your images are massive.  You need to crop, resize and optimize images beforehand using a good graphics editor like Photoshop or Fireworks.  You have one image that is 800px wide and 539.85 KB in file size. Multiply that by the total number of images on your site and it's too huge for words. Full size images on the web need to be around 45 KB.  Thumbnail images should be around 10 KB.  Certainly not 300-500 KB.

                   

                  The total size of your home page is            1,797,550  bytes, which will load in  360.65  seconds            (about 6.5 minutes) on a 56K modem.  Some people still use Dial-ups. Consider reducing total size of your home page to less than 200K.

                   

                   

                  Nancy O.
                  Alt-Web Design & Publishing
                  Web | Graphics | Print | Media  Specialists 
                  http://alt-web.com/
                  http://twitter.com/altweb

                  • 6. Re: New website is up! Have some problems...
                    FrazzledInOK Level 1

                    Nancy, do the search engines look at the alt keyword of the img tag?  The would seem to be the logical place to put the text corresponding to the image, and wouldn't have the risk of hiding the h2 tag.

                    • 7. Re: New website is up! Have some problems...
                      Nancy OShea Adobe Community Professional & MVP

                      Owing to past abuses by keyword stuffers, Google and other search engines place almost no importance on text inside ALT attributes.  The main purpose for the ALT attribute is for web accessibility: to give some indication of what the image is for unsighted people and to display in browsers when the image fails to load.

                       

                      The TITLE attribute (tooltip on hover) is another place where the slogan could be inserted.  But again, almost no importance is awarded to attributes.  You get the most bang for your buck if you put important keywords and phrases inside heading tags <h1>, <h2>, <h3>, etc...

                       

                      I have used the text-indent: method on several commercial sites without a problem.  And it is widely used in most WordPress Themes.  Providing text-indent method is used appropriately (exactly matching the text contained on an image) and not to manipulate search results with false or misleading content, I don't think Google will penalize your site.

                       

                       

                       

                      Nancy O.
                      Alt-Web Design & Publishing
                      Web | Graphics | Print | Media  Specialists 
                      http://alt-web.com/
                      http://twitter.com/altweb

                      • 8. Re: New website is up! Have some problems...
                        Nancy OShea Adobe Community Professional & MVP

                        @nelworthy,

                        I owe you an apology.  I looked at American Tactical's web site thinking it was yours and their images are really huge.   Sorry about that.

                         

                        Problem 2a )

                        There is nothing you can do about this unless you host your site on a dedicated server that has the same server name as your site.   i.e.  Apple.com, Adobe.com, Brown.edu,  etc...

                         

                         

                         

                        Nancy O.
                        Alt-Web Design & Publishing
                        Web | Graphics | Print | Media  Specialists 
                        http://alt-web.com/
                        http://twitter.com/altweb

                        • 9. Re: New website is up! Have some problems...
                          nelworthy539 Level 1

                          Ok, did some work on the weekend.

                           

                          1) Resolved - I couldn't for the life of me figure out what the problem was with the "SIG" page contact info. The code looked just like all the others. I even copied and pasted everything from the others and still no solution. I ended up cheating by screencapping an image of one of the others then just image hotspotting the email link.

                           

                          2a) Partially resolved -I wasn't able to make it look right, but over time google seems to have picked up the right page. In a google search the main page now comes up. Still don't know how to make it come up with all the sub pages under the main page search result.

                           

                          2b) Resolved -Ended up ditching the image and just using the non-standard font anyways. 90% of computer users will have the font anyways, the last 10% will just have to live with whatever comes up. I'm hoping now that next time my website get scanned by google the intro blurb will come up.

                           

                          3)& 4) Still have no clue about 3 & 4. Is there no way to speed up the intro slideshow boot time? 

                          • 10. Re: New website is up! Have some problems...
                            FrazzledInOK Level 1

                            re: (1) - You may want to check the page again.  I just looked at it and saw where the HTML includes the image, but the contact inforation is not being displayed by either Chrome or IE8.

                             

                            BTW - the code on the Sig page was not the same as all the others.  Note on the home page class arial2 is applied to the contact information via a span tag; this was not present on the Sig page.  The class arial2 sets the font size to 12px, overriding the 0px attribute in the body definition.

                            • 11. Re: New website is up! Have some problems...
                              nelworthy1987

                              Your right. For some reason the page worked in preview, but when it went live it did the same thing.

                               

                              I finally got it fixed. I copied the code from the other column then formatted it accordingly. It is still strange that all of a sudden the code for the right column that was used on all the other pages worked fine except for on this one.

                               

                               

                              But now I ran into another huge problem out of norwhere; for some reason the zoom widget has no transparency when you zoom an image!!! I've even tried pasting in old saved versions of the SIG page (with the contact issue problem) and there is still the issue.

                               

                              The background on a zoomed image is solid grey now and I didn't even touch anything to do with the widget! Help!

                               

                              I am using the lightbox gallery widget.

                              • 12. Re: New website is up! Have some problems...
                                FrazzledInOK Level 1

                                The strange thing is that some browsers rendered the 0px test the same size as 12px text all the time; IE did so in some cases, but not in this one.  I checked with the IE and Chrome Developer windows, and the font-size was definitely 0px in several cases where the text was rendered at normal (approx 12px) size.

                                 

                                Perhaps some of the more experienced folks can explain this?

                                • 13. Re: New website is up! Have some problems...
                                  Nancy OShea Adobe Community Professional & MVP

                                  Mozilla & Opera sensibly impose a limit to how small text can be rendered on screen and still be visible (10px).

                                  Internet Explorer & WebKit (Chrome & Safari) do not.

                                   

                                  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                                  <html xmlns="http://www.w3.org/1999/xhtml">
                                  <head>
                                  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                                  <title>Font Size Test</title>
                                  
                                  <style type="text/css">
                                  html {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%}
                                  </style>
                                  
                                  </head>
                                  
                                  <body>
                                  <p>Internet Explorer and Web Kit show graduated small fonts even though they
                                  may not readable on most displays.  Mozilla and Opera display 10px min.</p> 
                                  <p style="font-size: 1px">here is a 1 px font.</p>
                                  <p style="font-size: 3px">here is a 3 px font.</p>
                                  <p style="font-size: 5px">here is a 5 px font.</p>
                                  <p style="font-size: 7px">here is a 7 px font.</p>
                                  <p style="font-size: 9px">here is a 9 px font.</p>
                                  <p style="font-size: 10px">here is a 10 px font.</p>
                                  <p style="font-size: 12px">here is a 12 px font.</p>
                                  <p style="font-size: 15px">here is a 15 px font.</p>
                                  <p style="font-size: 18px">here is an 18 px font.</p>
                                  <p style="font-size: 21px">here is a 21 px font.</p>
                                  <p style="font-size: 24px">here is a 24 px font.</p>
                                  <p style="font-size: 27px">here is a 27 px font.</p>
                                  <p style="font-size: 30px">here is a 30 px font.</p>
                                  <p style="font-size: 33px">here is a 33 px font.</p>
                                  <p style="font-size: 36px">here is a 36 px font.</p>
                                  <p style="font-size: 39px">here is a 39 px font.</p>
                                  </body>
                                  </html>
                                  
                                  

                                   

                                   

                                   

                                  Nancy O.
                                  Alt-Web Design & Publishing
                                  Web | Graphics | Print | Media  Specialists 
                                  http://alt-web.com/
                                  http://twitter.com/altweb

                                  • 14. Re: New website is up! Have some problems...
                                    FrazzledInOK Level 1

                                    Thanks, Nancy.

                                     

                                    What I found most curious was that on one page of the OP's site IE8 rendered the 0px text at10-12px, but on another page it rendered nothing.

                                     

                                    BTW -- The results I obtained with your test file (modified to include a 0px line) using the Adobe BrowserLab and testing with IE (7, 8), Chrome (11), and Firefox (4) installed on my PC (Windows Vista) were that all attempted to render text down to 1 px.  The difference in behavior between browsers was that IE 6,7,9 and Safari 4.0 and 5.0 rendered the 0px text very small (approximately the same as the 1px test), whereas IE8, FF 3.0, 3.6, 4.0, and Chrome 9, 10, 11 all rendered a blank line for the 0px text.

                                    • 15. Re: New website is up! Have some problems...
                                      nelworthy539 Level 1

                                      Thanks guys.

                                       

                                      Does anybody have any suggestions about the transparency issue with the jquery lightbox widget?

                                       

                                      I checked using my blackberry and work computer (ie7) and it works fine, however my home computer (windows 7 and latest IE) does not show the background as transparent (just solid grey) when an image is selected on the SIG page. It used to work prior to me changing the SIG page on the sever last night. But throwing in an old version of the SIG page still renders the same problem for some odd reason.  Works in live view though.

                                      • 16. Re: New website is up! Have some problems...
                                        deko77

                                        I have the same problem once!
                                        I have time limit to finish the site for a big client and the logo text form upside of the site not showing!!
                                        Anyway this is something that happent in the past and know i check this every time i have this issue!
                                        So what i must do to never have 0 px font size!?