31 Replies Latest reply: Jan 14, 2014 5:28 AM by tytrackstar15 RSS

    my websites homepage has basically disappeared.

    tytrackstar15

      Capture.PNG

      this is what it should look like.

       

      Capture2.PNG

      this is what it looks like when i upload it to my schools server

      if you highlight the hompage you can see some of my text. which i had a lot more but it cut it off

       

      Here is the URL:

      http://www.usd223.org/pages/HanoverFBLA/3OH3/homepagefinal.html

        • 1. Re: my websites homepage has basically disappeared.
          Nancy O. MVP

          Code errors might explain this. 

          CSS - http://jigsaw.w3.org/css-validator/

          HTML - http://validator.w3.org/

           

           

          Nancy O.

          • 2. Re: my websites homepage has basically disappeared.
            es73 Community Member

            There is a remote possibility of an FTP error, but the likelyhood is that there is an error in your html syntax. The browser renders as much as it can, and then stops where it cant go any further. The point that its stopping at though will give you a likely clue as to where the error(s) are.

            If you cant find them, upload the code and someone here might be able to have a glance at it for you.

            • 3. Re: my websites homepage has basically disappeared.
              Herbert2001 Community Member

              You page does not validate. For a start, you have TWO <title> tags in your <head>. You also have unclosed elements.

               

              Do what Nancy told you to do, and validate and correct your html and css code first.

               

              And the other two pages contain all sorts of errors as well. Fix those first in your code.

              • 4. Re: my websites homepage has basically disappeared.
                tytrackstar15 Community Member

                What elements are unclosed

                • 5. Re: my websites homepage has basically disappeared.
                  es73 Community Member

                  I cant see any unlosed elements (except for the fact that the souce code stops mid <p>)

                  There are definitely 2 <title> elements - although this is not causing your problem.

                  Can you post up the full source code? I expect there will be errors in your code that can be fixed.

                  • 6. Re: my websites homepage has basically disappeared.
                    tytrackstar15 Community Member

                    <!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>

                    <title>3OH!3: Webpage</title>

                    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                    <title>Untitled Document</title>

                    <style type="text/css">

                    <!--

                    body {

                              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;

                              background: #42413C;

                              margin: 0;

                              padding: 0;

                              color: #000;

                              background-color: #7660A0;

                    }

                    /* ~~ Element/tag selectors ~~ */

                    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */

                          padding: 0;

                         margin: 0;

                    }

                    h1, h2, h3, h4, h5, h6, p {

                              margin-top: 0;      /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */

                              padding-right: 15px;

                              padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */

                    }

                    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ border: none;

                    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */ a:link {

                         color: #FFF;

                          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */

                    }

                    a:visited {

                         color: #6E6C64;

                         text-decoration: underline;

                    }

                    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */

                         text-decoration: none;

                    }

                    /* ~~ This fixed width container surrounds all other divs ~~ */ .container { 

                          width: 960px;

                          background: #FFFFFF;

                          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */

                    /* ~~ The header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo. ~~ */ .header {    

                         background: #ADB96E;

                    /* ~~ These are the columns for the layout. ~~ 

                    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design. 

                    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin. 

                    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document. 

                    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source. 

                    */

                    .sidebar1 {

                         float: left;

                         width: 180px;

                         background: #FFF;

                         padding-bottom: 10px;

                    }

                    .content { 

                         padding: 10px 0;

                         width: 600px;

                         float: left;

                    }

                    .sidebar2 {

                         float: left;

                         width: 180px;

                         background: #7AC4EB;

                         padding: 10px 0;

                    }

                    /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol {

                         padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */

                    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */ ul.nav {

                         list-style: none; /* this removes the list marker */

                         border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */

                         margin-bottom: 15px; /* this creates the space between the navigation on the content below */

                    }

                    ul.nav li {

                          border-bottom: 1px solid #666; /* this creates the button separation */

                    }

                    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */

                         padding: 5px 5px 5px 15px;

                         display: block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */

                         width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */

                         text-decoration: none;

                         background-color: #7AC4EB;

                    }

                    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */ color: #7AC4EB;

                    /* ~~ The footer styles ~~ */

                    .footer {

                         padding: 10px 0;

                         background: #7AC4EB;

                         position: relative;/* this gives IE6 hasLayout to properly clear */

                         clear: both; /* this clear property forces the .container to understand where the columns end and contain them */

                    /* ~~ Miscellaneous float/clear classes ~~ */ .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

                         float: right;

                         margin-left: 8px;

                    }

                    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */

                         float: left;

                         margin-right: 8px;

                    }

                    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */

                         clear:both;

                         height:0;

                         font-size: 1px;

                         line-height: 0px;

                    }

                    .container1 {

                         width: 960px;

                         background: #FFF;     

                         margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */

                    }

                    .Bio {

                         color: #FFF;

                    }

                    .Bio2 {

                         color: #7AC4EB;

                    }

                    -->

                    </style></head> 

                    <body>

                    <div class="container">

                         <div class="header"><!-- end .header --><img src="11_3OH3.jpg" width="960" height="112" /></div>

                          <div class="sidebar1">

                              <ul class="nav">

                                   <li><a href="eventschedule.html">Event Schedule</a></li>

                                   <li><a href="tickets.html">Concert Tickets</a></li>

                                   <li><!-- end .sidebar1 --></li>

                              </ul>

                         </div>

                          <div class="content">

                                <h1 align="center"><span class="Bio2">Biography </span><!-- end .content --></h1>

                                <p align="left" class="Bio"> 3OH!3 is an American electropop duo from Boulder, Colorado. The group consists of Sean Foreman, born August 27,  1985 and Nathaniel Motte, born January 13, 1984. The band was formed in 2004  and was named after the area code of Boulder, Colorado (303). 3OH!3 released  their first self-titled album: 3OH!3 in 2007. After that they signed with Photo  Finish Records, a division of Atlantic Records. Best known from their first  single “Don’t Trust Me” from their first actual album Want, which was able to  reach number seven on the Billboard Hot 100. 3OH!3’s second single, which is a  remix of  “Starstrukk” with Katy Perry  from the same album was a top ten hit in the United Kingdom, Ireland, Finland,  Poland, and Australia. 3OH!3 got even further recognition by featuring Ke$ha on  the song  “My First Kiss, which ended up  being made the lead single on their album Streets of Gold, this album ended up  peaking to number seven on the Billboard 200. The  duo has perform or been associated with Katy Perry, Ke$ha, Lil Jon, Neon Hitch, Wiz Khalifa, and I Fight Dragons. In 2008-09, 3OH!3 released their second  album, Want, which was released on July 8th, 2008. Wanted reached  number 44 on the Billboard 200. 2009-10 their album Streets of Gold was  released on June 29th, 2010. On June 18th, 2013 they  released their fourth album Omens.</p>

                         </div>

                         <div class="sidebar2">

                              <h4 align="center"><img src="twiiter.jpg" alt="" name="" width="58" height="58" border="0" usemap="#MapMap2" /> <map name="MapMap2" id="MapMap2">

                              <area shape="rect" coords="-14,-12,63,71" href="https://twitter.com/3Oh3" target="_blank" alt="Twitter" />                </map>

                              <img src="FB-f-Logo__blue_58.png" alt="" name="" width="58" height="58" border="0" usemap="#MapMap" />

                         <map name="MapMap" id="MapMap">

                              <area shape="rect" coords="-4,-16,70,61" href="http://www.facebook.com/3oh3music" target="_blank" alt="Facebook" />

                                   </map>

                              <img src="blogger-icon.png" alt="" name="" width="58" height="58" border="0" usemap="#MapMap3" />

                          <map name="MapMap3" id="MapMap3">

                              <area shape="rect" coords="-101,-57,77,66" href="http://threeohthreefblaebusiness.blogspot.com/" target="_blank" alt="Blogger" />

                                   </map>

                              <img src="YouTube-icon.png" alt="" name="" width="58" height="58" border="0" usemap="#Map" />

                         <map name="Map" id="Map">

                              <area shape="rect" coords="-23,-3,74,67" href="http://www.youtube.com/user/3oh3" target="_blank" alt="YouTube" />

                                   </map>

                              <img src="Media-iTunes-icon.png" alt="" name="" width="58" height="58" border="0" usemap="#MapMap4" />

                         <map name="MapMap4" id="MapMap4">

                              <area shape="rect" coords="-23,-3,74,67" href="http://www.youtube.com/user/3oh3" target="_blank" alt="YouTube" />

                              <area shape="rect" coords="-38,-111,67,128" href="https://itunes.apple.com/artist/3oh!3/id260388828" target="_blank" alt="iTunes" />

                    </map>

                    </h4>

                    <!-- end .sidebar2 --></div>

                    <div class="footer">

                         <div align="center">

                              <p>Template by Adobe Dreamweaver CS5</p>

                              <p>Biography information provided by 3OH!3 Offical Website and Wikipedia</p>

                              <p><a href="http://www.timelinecoverbanner.com/covers/3oh3-Facebook-cover/">Click Here</a> for Location of Cover Image</p>

                              <p><a href="https://www.facebookbrand.com">Click Here</a> for Location of Facebook Icon</p>

                              <p><a href="http://www.fool.com/investing/general/2013/10/08/twitter-gets-its-first-buy-rating.aspx">Click Here</a> for Location of Twitter Icon</p>

                              <p><a href="http://www.iconarchive.com/">Click Here</a> for Location of Blogger, Youtube, and iTunes Image</p>

                              <p><a href="http://en.wikipedia.org/wiki/File:30h3_logo_2.svg">Click Here</a> for image seen on Event Schedule page</p>

                         </div>

                    </div>

                    <!-- end .container --></div>

                    </body>

                    </html>

                    • 7. Re: my websites homepage has basically disappeared.
                      Nancy O. MVP

                      What exactly is your question and why are you posting all that code into this forum?

                      We've already told you that your site contains code errors.  Once those errors are fixed, your page content should re-appear.

                       

                       

                       

                      Nancy O.

                      • 8. Re: my websites homepage has basically disappeared.
                        tytrackstar15 Community Member

                        The other person told me to post it.

                        • 9. Re: my websites homepage has basically disappeared.
                          es73 Community Member

                          Change

                          .Bio {

                               color: #FFF;

                          }

                          to

                          .Bio {

                               color: #000;

                          }

                          remove the inline styles align="center" and include all formatting in the css.

                          Remove reserved characters btween <p> tags - in particular quotation marks, You can replace them with

                          &quot;

                          • 10. Re: my websites homepage has basically disappeared.
                            tytrackstar15 Community Member

                            I'm sorry you have totally lost me

                            • 11. Re: my websites homepage has basically disappeared.
                              osgood_ MVP

                              tytrackstar15 wrote:

                               

                              I'm sorry you have totally lost me

                               

                              The url link you posted http://www.usd223.org/pages/HanoverFBLA/3OH3/homepagefinal.html is missing a lot of code compared to that which you posted in the forum. As has been suggested this is an ftp error where the page code has not fully uploaded. Upload the page to the server again, which will overwrite the page which is currently on the server

                              • 12. Re: my websites homepage has basically disappeared.
                                Nancy O. MVP

                                No need to post code if you provide a valid URL.  As you can see from the W3C validation report below, you have 7 code errors.  Fix those and you should be good to go.

                                http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.usd223.org%2Fpages%2FHanoverF BLA%2F3OH3%2Fhomepagefinal.html

                                 

                                Use the validation tool to check the code and fix reported errors on your other pages, too.

                                http://validator.w3.org/

                                 

                                Nancy O.

                                • 13. Re: my websites homepage has basically disappeared.
                                  tytrackstar15 Community Member

                                  i'm not at my school so i can't upload it to the server.

                                  • 14. Re: my websites homepage has basically disappeared.
                                    osgood_ MVP

                                    tytrackstar15 wrote:

                                     

                                    i'm not at my school so i can't upload it to the server.

                                     

                                    We'll how do you propose to fix it - you can't until you have access to the server. What's currently on the server is only a proportion of the code so its not in a million year going to view the way you think it should.

                                    • 15. Re: my websites homepage has basically disappeared.
                                      tytrackstar15 Community Member

                                      i don't understand what most of that means. I'm only in High School

                                      • 16. Re: my websites homepage has basically disappeared.
                                        tytrackstar15 Community Member

                                        we have tried saving over it but we can't figure it out it just ends up saving like that. we have tried like 5 times

                                        • 17. Re: my websites homepage has basically disappeared.
                                          osgood_ MVP

                                          Have you tried a different ftp client to upload the page? Google free ftp clients.

                                           

                                          If you view the page code in your browser you will see that the code is truncated - it ends right here:

                                           

                                          'Best known from their first  single “Don’t Trust Me” from their first actual album Want, which was able to  reach number seven on the Billboard Hot 10'

                                           

                                          Nothing below that.

                                          • 18. Re: my websites homepage has basically disappeared.
                                            tytrackstar15 Community Member

                                            i know and that's what we can't figure out why our server is cutting it off right there.

                                            • 19. Re: my websites homepage has basically disappeared.
                                              osgood_ MVP

                                              Well it's some kind of ftp upload error or server error. This is nothing to do with whether your code validates or not.

                                               

                                              The code you supplied uploads perfectly to one of my servers, as I would expect, its just a file. Now your file may be corrupt so maybe copy all of the code and paste it into another file and try uploading that.

                                              • 20. Re: my websites homepage has basically disappeared.
                                                tytrackstar15 Community Member

                                                we did that and i even tried making the homepage over from scratch

                                                • 21. Re: my websites homepage has basically disappeared.
                                                  osgood_ MVP

                                                  tytrackstar15 wrote:

                                                   

                                                  we did that and i even tried making the homepage over from scratch

                                                   

                                                  The way to test is:

                                                   

                                                  1) Try uploading through an alternative ftp client. If you're using the ftp facility in DW its generally a pile of rubbish which should be avoided

                                                  2) Upload the page to an alternative server

                                                  • 22. Re: my websites homepage has basically disappeared.
                                                    tytrackstar15 Community Member

                                                    ok i'll tell my advisor that for state. i already turn in the website for districts, but i'm 1 out of 3 people in my event so i already am going to state. Thanks for your help.

                                                    • 23. Re: my websites homepage has basically disappeared.
                                                      osgood_ MVP

                                                      tytrackstar15 wrote:

                                                       

                                                      ok i'll tell my advisor that for state. i already turn in the website for districts, but i'm 1 out of 3 people in my event so i already am going to state. Thanks for your help.

                                                       

                                                      Good luck.........it's down to a technical issue beyond your control.

                                                       

                                                      I did not check for validation - people have a point about validation but don't get hooked up on it. Just learn to write good enough code - it doesnt have to validate. Code can validate and still not render correctly.

                                                       

                                                      This issue is not about validation its a technical issue outside of your scope.

                                                      • 24. Re: my websites homepage has basically disappeared.
                                                        tytrackstar15 Community Member

                                                        it also could be because my school got a new server.

                                                        • 25. Re: my websites homepage has basically disappeared.
                                                          osgood_ MVP

                                                          tytrackstar15 wrote:

                                                           

                                                          it also could be because my school got a new server.

                                                           

                                                          Stranger things have happened. I see you have uploaded 2 other pages - presumably they are looking as you want them to look?

                                                           

                                                          Why the ftp client your using or the server is hanging at a certain point in the upload process for the page in question is a mystery. As I say the code you supplied uploads to my server without any issues and the page looks like you want it to look, your first screen shot.

                                                          • 27. Re: my websites homepage has basically disappeared.
                                                            osgood_ MVP

                                                            tytrackstar15 wrote:

                                                             

                                                            two other pages?

                                                             

                                                            Yes, presumably these 2 pages are part of your website and have uploaded correctly?

                                                             

                                                            http://www.usd223.org/pages/HanoverFBLA/3OH3/eventschedule.html

                                                             

                                                            http://www.usd223.org/pages/HanoverFBLA/3OH3/tickets.html

                                                            • 28. Re: my websites homepage has basically disappeared.
                                                              tytrackstar15 Community Member

                                                              Yes those pages work. Sorry didn't know what you where talking about for a second there.

                                                              • 29. Re: my websites homepage has basically disappeared.
                                                                tytrackstar15 Community Member

                                                                what type of server did you use?

                                                                • 30. Re: my websites homepage has basically disappeared.
                                                                  osgood_ MVP

                                                                  tytrackstar15 wrote:

                                                                   

                                                                  what type of server did you use?

                                                                   

                                                                  nginx.

                                                                   

                                                                  If you are NOT using any server language in your pages ie - php, asp, cold-fusion etc I don't think it has anything to do with the server. All servers should display html files.

                                                                  • 31. Re: my websites homepage has basically disappeared.
                                                                    tytrackstar15 Community Member

                                                                    Then i have no clue how to make it not show up like that we my adivisor uploads it through the school server