Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

\Whats wrong?

Options
  • 16-12-2008 2:34pm
    #1
    Registered Users Posts: 1,165 ✭✭✭


    I finally finished coding the homepage and a few other bits and pieces for a website for a friend of mine. It woeks perfectly when i load from my computer. I uploaded it onto my server and i get http://insinkerator.byethost15.com ?????

    WTF?

    my source code is
    <html>
    <head>
    <style type="text/css">
    body {background-color: black}
    p1 {color:white}
    h1 {color: white}
    a {color: white}
    table {align:right}
    #pidstyle {color:white; text-align:right}
    
    /*style for the image gallery*/
    div.img
    {1
      margin: 2px;
      border: 1px solid #0000ff;
      height: auto;
      width: auto;
      float: left;
      text-align: center;
    }    
    div.img img
    {
      display: inline;
      margin: 3px;
      border: 1px solid #0000ff;
    }
    div.img a:hover img {border: 1px solid #0000ff;}
    div.desc
    {
      text-align: center;
      font-weight: normal;
      width: 120px;
      margin: 2px;
    }
    
    
    
    
    
    /*Calendar CSS Rules*/
    
    .today{
    background-color:#add38c;
    color:black;
    text-decoration:none;
    text-align:left;
    display:block;
    height:70px;
    }
    
    .linked-today {
    
    background-color:#add38c;
    color:black;
    text-decoration:none;
    text-align:left;
    /* display:block; */
    }
    
    .linked-today a{
    
    background-color:#add38c;
    color:black;
    text-decoration:none;
    text-align:left;
    /* display:block; */
    }
    
    .linked-today a:hover{
    color:black;
    /* background-color:#9E3D3D; */
    text-decoration:underline;
    text-align:left;
    /* display:block; */
    }
    
    .linked-today-n a{
    
    /* background-color:#70bbd3; */
    color:white;
    text-align:center;
    text-decoration:underline;
    display:block;
    }
    
    .linked-day{
    background-color:#9ed1e2;
    text-decoration:none;
    text-align:none;
    }
    
    .linked-day a{
    color:black;
    /* background-color:#9ed1e2; */
    text-decoration:underline;
    text-align:none;
    
    }
    
    .linked-day a:hover{
    color:white;
    text-decoration:underline;
    text-align:none;
    }
    
    .calendar-month
    {
    color:black;
    background-color:white;
    text-decoration:none;
    text-align:center;
    font-weight:none;
    font-size:7pt;
    background-color:#5cb0cb;
    
    }
    
    .calendar-prev a
    {
    color:black;
    background-color:white;
    text-decoration:none;
    text-align:center;
    font-weight:none;
    font-size:7pt;
    background-color:#5cb0cb;
    }
    
    .calendar-next a
    {
    color:black;
    background-color:white;
    text-decoration:none;
    text-align:center;
    font-weight:none;
    font-size:7pt;
    background-color:#5cb0cb;
    }
    
    .calendar
    {
    width:534px;
    margin:0;
    padding:0;
    border:2px solid #70bbd3;
    font-size:7pt;
    }
    
    th{
    font-weight:normal;
    font-size: 7pt;
    text-align:center;
    }
    
    td{
    font-weight:normal;
    font-size: 7pt;
    width: 90px;
    height:100%;
    text-align:left;
    vertical-align:text-top;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </style>
    </head>
    <body>
    <p>
    <p align=center>
    <iframe style="background-color:#FFFFFF" src="banner.jpg" height="90" width="500" align="center"
    marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
    <iframe align="center".
    </iframe>
    </p>
    <title>http://www.dentalpromotions.com</title>
    <h1 align="center">Enter Band Name in Question Here eg Rich Uncle Skeleton.</br > The Abover banner obviously isnt suitable, its only there for example.</br > I would think Luke would be able to make a good looking one.
    </br >
    </br>
    </br>
    <a href="http://insinkerator.byethost15.com/phpBB3">Forum</a>
    <br />
    <br />
    <br />
    Obviously, all colors and stuff can be changed. Im thinking that perhaps, if the hompeage was set to randomly generate between a selection of say 6 pages. Each page dedicated to a band, but all the pages would have the Dental Promotions toolbar that luke will make, and the link to the forums. Just an idea.
    </h1>
    
    <div class="img">
    
        <a target="_blank" href="album1.html">
        <img src="6396190827a9350354535l.jpg" alt="UCC BOTB" width="300"     height="200" /></a>
    <div class="desc"><p1>UCC Battle Of The Bands (16photos)</p1></div>
    </div>
    
    <div class="img">
    
    <a target="-blank" href="album2.html">
    <img src="6396190827a9350359527l.jpg" alt="Dorans Gig" width="300" height="200" /></a>
    <div class="desc"><p1 align="center">Dorans Gig</br ></br >(24 photos)</p1></div>
    </div>
    
    <div style="color:white" align="right"
    <p>I can add dates of gigs into the calendar, and have them as links to descriptions or whatever</p>
    </div>
     
    
    
    
    
    
    
    
    
    
    
    <table class="calendar" table border="3" table align="right">
    <tr>
    <th colspan="7" class="calendar-month">
    <span class="calendar-prev">
    </span>&nbsp;Dec&nbsp;2008&nbsp;<span class="calendar-next">
    </span>
    </th>
    </tr>
    <tr>
    <th style="width:50px;background-color:white;font-size:7pt" abbr="Sunday">Sunday</th>
    <th style="width:50px;background-color:white;font-size:7pt" abbr="Monday">Monday</th>
    <th style="width:50px;background-color:white;font-size:7pt" abbr="Tuesday">Tuesday</th>
    <th style="width:50px;background-color:white;font-size:7pt" abbr="Wednesday">Wednesday</th>
    <th style="width:50px;background-color:white;font-size:7pt" abbr="Thursday">Thursday</th>
    <th style="width:50px;background-color:white;font-size:7pt" abbr="Friday">Friday</th>
    <th style="width:50px;background-color:white;font-size:7pt" abbr="Saturday">Saturday</th>
    </tr>
    <tr>
    <td colspan="1" style="background-color:#c7e3ec">&nbsp;</td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">1</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">2</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">3</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">4</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">5</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">6</div>
    </td>
    </tr>
    <tr>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">7</div>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">08</span>
    </p>
    <p><span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">09</span>
    </p>
    <p><span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">10</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">11</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">12</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">13</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    </tr>
    <tr>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">14</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">15</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">16</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">17</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">18</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">19</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">20</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    </tr>
    <tr>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">21</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">22</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">23</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    <p style="padding-bottom:5px">
    <span style="width:100%">
    </span>
    </p>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">24</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">25</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">26</div>
    </td>
    <td class="linked-day">
    <p style="padding-bottom:5px">
    <span style="width:100%">27</span>
    </p>
    <p>
    <span style="width:100%">
    </span>
    </p>
    </td>
    </tr>
    <tr>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">28</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">29</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">30</div>
    </td>
    <td style="font-size:7pt;background-color:#9ed1e2;color:black">
    <div style="height:70px">31</div>
    </td>
    <td colspan="1" style="background-color:#c7e3ec">&nbsp;</td>
    <td colspan="1" style="background-color:#c7e3ec">&nbsp;</td>
    <td colspan="1" style="background-color:#c7e3ec">&nbsp;</td>
    </tr>
    </table>
    
                <!-- holder_d end div -->
                </div>
    
            <!-- holder_b end div -->
            </div>
    
        <!-- holder_a end div -->
        </div>
    
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div style="color:white" align="left">
    <p>i can add as many photo albums as necessary</p>
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div style="color:white" align="left">
    <p> Im also working on a way to show screenshots of youtube videos on the page, but when you go to play them, it redirects you to youtube. Mainly because actually playing the videos on site will take up a lot of bandwith and server space, both of which are pretty expensive. Last but not least i still need to figure out how to display the submitted comments on each photo page, but i am getting there!<p>
    <body>
    </html>
    


Comments

  • Registered Users Posts: 35,524 ✭✭✭✭Gordon


    What's it meant to look like?


  • Moderators, Computer Games Moderators Posts: 10,462 Mod ✭✭✭✭Axwell


    Just threw my eye over it but noticed you dont have a closing body tag you have 2 open ones, the bottom one needs to be </body>


  • Registered Users Posts: 7,468 ✭✭✭Evil Phil


    div.img
    {[B]1[/B]
      margin: 2px;
      border: 1px solid #0000ff;
      height: auto;
      width: auto;
      float: left;
      text-align: center;
    }
    

    The 1 in bold shouldn't be there.


  • Registered Users Posts: 15,065 ✭✭✭✭Malice


    You should also change all of the "</br>" tags to "<br/>". Some of them are in the correct format but not all.


  • Registered Users Posts: 1,165 ✭✭✭insinkerator


    for some reason screenshots arent working on my computer, so just copy the source code and see for yourself! Do you think its a problem with the code or the server?


  • Advertisement
  • Moderators, Computer Games Moderators Posts: 10,462 Mod ✭✭✭✭Axwell


    for some reason screenshots arent working on my computer, so just copy the source code and see for yourself! Do you think its a problem with the code or the server?

    Copying the source code and looking at it doesnt seem to make it look any different than what you have. The iframe you have is very small and the contents of it arent displaying properly, there is just an image there at the minute which you have to try scroll to see yet you have scroll bars turned off and the window way smaller than the image the iframe is trying to show.
    I would suggest you remove the contents of the page and add them back in one by one to see whats causing the error. Its possibly something to do with the iframe and the way you have set it up. Testing it by trial and error step by step would be the best approach. Add a part and check it displays then the next bit till you find an error.


Advertisement