#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    3
    Rep Power
    0

    Exclamation My staff listing is displaying under the first one correctly.


    In my science class we were put in groups of two for a project. We are a travel agency and we have to convince people to go to a certain planet. Anyways, I'm the super nerdy guy and I'm creating the website. So http://matthewhawley.net/travelagency/staff.php

    Im having trouble with getting the staff listing to display under the first one correctly.

    Code:
    <style type="text/css"> .avatarBackround { background: rgba(0,0,0,0.52); border-radius: 6px; font-weight: normal; padding: 6px; height: 270px; width: 532px; } .avatarText { float: left; } </style> <div class="avatarBackround"> <img src="http://matthewhawley.net/travelagency/images/avatar/matthew.png" align="left" width="96px" height="96px" /><p><div class="avatarText"><b>Matthew, <i>Travel Agent</i></b><br><div class="avaText">Matthew is a webmaster blah blah blah</div></p><br /> <!-- 2nd Row --> <img src="http://matthewhawley.net/travelagency/images/avatar/erin.png" align="left" width="96px" height="96px" /><p><div class="avatarText"><b>Erin, <i>Travel Agent</i></b><br><div class="avaText">erin, erin, erin, erin</div></p> </div>
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2012
    Posts
    194
    Rep Power
    77
    I'm not sure what you used to make this site but there is a lot of syntax errors, use of many deprecated HTML tags, the way your doing your links for your css is wrong, there's no doctype,your missing <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />, your <html> should have: xmlns="http://www.w3.org/1999/xhtml" in it, all of your styling should be in the head, all of your scripts should be at the very bottom of the body section, you should fix your link tags to be xhtml, divs should not be in that td, using tables to layout the page is a bad idea, you have an extra ending div tag, I keep finding special characters like  these in your code which is messing it up, and you forgot the alt attributes to your images



    fix these first then we can work on your positioning problem
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    3
    Rep Power
    0
    Originally Posted by jack13580
    I'm not sure what you used to make this site but there is a lot of syntax errors, use of many deprecated HTML tags, the way your doing your links for your css is wrong, there's no doctype,your missing in it, all of your styling should be in the head, all of your scripts should be at the very bottom of the body section, you should fix your link tags to be xhtml, divs should not be in that td, using tables to layout the page is a bad idea, you have an extra ending div tag, I keep finding special characters like  these in your code which is messing it up, and you forgot the alt attributes to your images



    fix these first then we can work on your positioning problem
    uhhh...could you help via teamviewer?
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2012
    Posts
    194
    Rep Power
    77
    Code:
    <!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>Out of This World Travel Agency</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <link rel="stylesheet" href="http://matthewhawley.net/travelagency/lucastyle.css" type="text/css" />
      <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Voltaire" type="text/css" />
      <link rel="stylesheet" href="http://matthewhawley.net/travelagency/nav.css" type="text/css" />
      <style type="text/css">
        #wrapper {
          margin-top: 25%;
          height: auto;
        }
        .avatarBackround {
          background: rgba(0,0,0,0.52);
          border-radius: 6px;
          font-weight: normal;
          padding: 6px;
          height: 220px;
          width: 532px;
        }
        #content {
          padding: 5px;
          border-radius: 6px;
          line-height: 1.0;
          text-align: left;
          font-size: 17px;
        }
       .avatarText {
         padding-left: 100px;
         padding-top: 5px;
       }
       .avatarText .header {
          font-weight: bold;
        }
        .avatarText .header .employee {
          font-style: italic;
        }
        .copyright {
          text-align: center;
        }
        #adds {
          text-align: center;
          margin-top: 10px;
        }
      </style>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
      <script src="http://matthewhawley.net/travelagency/css_browser_selector.js" type="text/javascript"></script>
      <script type="text/javascript">
        window["_GOOG_TRANS_EXT_VER"] = "1";
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-24968960-1']);
        _gaq.push(['_trackPageview']);
    
        (function() {
          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    
        google_ad_client = "ca-pub-2607315839888118";
        google_ad_slot = "4860387077";
        google_ad_width = 468;
        google_ad_height = 60;
      </script>
    </head>
    <body>
    <div id="wrapper">
      <div class="plate">
        <div id="content" class="trans">
          <div class="hi">Our Employees</div>
          <br />
          <div class="avatarBackround">
            <img src="http://matthewhawley.net/travelagency/images/avatar/matthew.png" align="left" width="96px" height="96px" alt="" />
            <div class="avatarText">
              <div class="header">
                Matthew Hawley, <label class="employee">Travel Agent</label>
              </div>
              Matthew is a web master, gamer, and computer nerd. In his free time he loves, reading, playing video games, and browsing the internet.
            </div>
            <br /><br />
    
            <img src="http://matthewhawley.net/travelagency/images/avatar/erin.png" align="left" width="96px" height="96px" alt=""/>
            <div class="avatarText">
              <div class="header">
                Erin Johnson, <label class="employee">Travel Agent</label>
              </div>
              Erin likes doing whatever girls do...idk
            </div>
          </div>
        </div>
      </div>
    
      <div class="links">
        <a href="http://matthewhawley.net/travelagency/">Home</a>
        <a href="http://matthewhawley.net/travelagency/staff.php">Staff</a>
        <a href="http://matthewhawley.net/travelagency/pricing.php">Pricing</a>
        <a href="http://matthew2d.wufoo.com/forms/out-of-this-world-travel-agency/">Contact</a>
      </div>
    
      <div class="copyright">
        &copy; 2013 Out of This World Travel Agency. All Rights Reserved.
      </div>
    
      <div id="adds">
        <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
      </div>
    </div>
    </body>
    </html>
    look over this code carefully and observe the changes I made, now it's correct

    You can view it here http://the-test.comoj.com/files/your-code-fixed.html

    go here to see that it validates perfectly http://validator.w3.org/check?uri=ht...Inline&group=0

    go here to see the validation report on your code http://validator.w3.org/check?uri=ht...org%2Fservices

    Comments on this post

    • DonR disagrees : plz don't do the OPs homework for them..how are they going to learn if the work is done for them?
    Last edited by jack13580; April 5th, 2013 at 06:50 PM.
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    3
    Rep Power
    0
    Help
    PHP Code:
    <div id="wrapper"> <table width="100%" height="100%" align="center" valign="center"> <tbody><tr><td> <style type="text/css"> .replace padding-top100px; } </style> <div class"replace"></div> <div class="plate"> <div id="content" class="trans"> <div class="hi">Information<br></div> <class="desc"> <b><h3>The Cost to Send You to Jupiter</h3></b> <p>778,300,000-149,600,000=628,700,000*1,000,000=</p> <p>$628,700,000,000,000</p> <br> <b><h3>What to Bring:</h3></b> <ul> <li>Hover Board Save your feet from the frozen gas ground. <li>Heated and Insulated Astronaut Suit So you will not die. <li>Flashlights Extra Batteries Jupiter is far away from the sunso it will be pretty dark. </p> </div> </div
  10. #6
  11. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    876
    Rep Power
    275
    go HERE and validate your code and fix the errors BEFORE you bring it to us.
    Also, have you had ANY training in learning HTML or CSS or are you trying to learn this all on your own JUST to complete this project? The reason I ask that is because you are making really noob/rookie mistakes (putting "style" tag outside of the HEAD section, missing closing tags, etc.).

    Once again, it is expected of you to validate/fix the errors that show up in your code before bringing it to others to help you.
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2012
    Posts
    194
    Rep Power
    77
    Mathew, I already gave you fully working code that is correct yet you are still using your messed up code

    I will not try to help you anymore until you start trying to do this on your own and fix your mistakes

IMN logo majestic logo threadwatch logo seochat tools logo