Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Mar 2006
    Location
    London, UK
    Posts
    58
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Looks weird on Firefox and IE but fine on Dreamweaver :S

    Hi, well im new to coding and made this page of photoshop and dreamweaver using this code:
    PHP Code:
    <html>
    <
    head>
    <
    title>:: LivingItLarge.Com Online Radio ::</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    style type="text/css">
    <!--
    body {
        
    background-color#000000;
    }
    .
    style1 {
        
    font-familyGeorgia"Times New Roman"Timesserif;
        
    font-weightbold;
    }
    .
    style4 {font-familyGeorgia"Times New Roman"Timesserif}
    .
    style5 {color#FFFFFF}
    .style6 {
        
    color#0000CC;
        
    font-familyGeorgia"Times New Roman"Timesserif;
    }
    .
    style7 {
        
    color#993399;
        
    font-familyGeorgia"Times New Roman"Timesserif;
    }
    .
    style8 {
        
    font-size16px;
        
    font-familyGeorgia"Times New Roman"Timesserif;
        
    color#FFFFFF;
    }
    .
    style10 {
        
    font-size16px;
        
    font-familyGeorgia"Times New Roman"Timesserif;
        
    font-weightbold;
        
    color#FFFFFF;
    }
    .
    style11 {    font-familyGeorgia"Times New Roman"Timesserif;
        
    font-size12px;
    }
    .
    style13 {
        
    font-size12px;
        
    font-familyGeorgia"Times New Roman"Timesserif;
        
    color#FFFFFF;
    }
    -->
    </
    style></head>
    <
    body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- 
    ImageReady Slices (Home.psd) -->
    <
    table width="766" height="801" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
        <
    tr>
            <
    td colspan="31">
                <
    img src="images/index_01.gif" width="765" height="120" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="120" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="2" rowspan="3">
                <
    img src="images/index_02.gif" width="3" height="37" alt=""></td>
            <
    td colspan="29">
                <
    img src="images/index_03.gif" width="762" height="3" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="3" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td rowspan="2">
                <
    img src="images/index_04.gif" width="41" height="34" alt=""></td>
            <
    td colspan="3">
                <
    a href="http://www.livingitlarge.com/index.php"><img src="images/index_05.gif" alt="" width="73" height="28" border="0"></a></td>
            <
    td rowspan="3">
                <
    img src="images/index_06.gif" width="30" height="39" alt=""></td>
            <
    td colspan="3">
                <
    a href="http://www.livingitlarge.com/schedule.php"><img src="images/index_07.gif" alt="" width="87" height="28" border="0"></a></td>
            <
    td rowspan="2">
                <
    img src="images/index_08.gif" width="37" height="34" alt=""></td>
            <
    td colspan="6">
                <
    a href="http://www.livingitlarge.com/radiodjpanel/request.php"><img src="images/index_09.gif" alt="" width="76" height="28" border="0"></a></td>
            <
    td colspan="4" rowspan="2">
                <
    img src="images/index_10.gif" width="30" height="34" alt=""></td>
            <
    td>
                <
    a href="http://www.livingitlarge.com/forum/index.php"><img src="images/index_11.gif" alt="" width="64" height="28" border="0"></a></td>
            <
    td rowspan="2">
                <
    img src="images/index_12.gif" width="37" height="34" alt=""></td>
            <
    td colspan="3">
                <
    a href="http://www.livingitlarge.com/presenters.php"><img src="images/index_13.gif" alt="" width="106" height="28" border="0"></a></td>
            <
    td rowspan="2">
                <
    img src="images/index_14.gif" width="31" height="34" alt=""></td>
            <
    td>
                <
    a href="http://www.livingitlarge.com/contact.php"><img src="images/index_15.gif" alt="" width="85" height="28" border="0"></a></td>
            <
    td rowspan="2">
                <
    img src="images/index_16.gif" width="11" height="34" alt=""></td>
            <
    td colspan="2">
                <
    img src="images/index_17.gif" width="54" height="28" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="28" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="3" rowspan="2">
                <
    img src="images/index_18.gif" width="73" height="11" alt=""></td>
            <
    td>
                <
    img src="images/index_19.gif" width="3" height="6" alt=""></td>
            <
    td colspan="2">
                <
    img src="images/index_20.gif" width="84" height="6" alt=""></td>
            <
    td colspan="6">
                <
    img src="images/index_21.gif" width="76" height="6" alt=""></td>
            <
    td>
                <
    img src="images/index_22.gif" width="64" height="6" alt=""></td>
            <
    td colspan="3">
                <
    img src="images/index_23.gif" width="106" height="6" alt=""></td>
            <
    td>
                <
    img src="images/index_24.gif" width="85" height="6" alt=""></td>
            <
    td colspan="2">
                <
    img src="images/index_25.gif" width="54" height="6" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="6" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td rowspan="3">
                <
    img src="images/index_26.gif" width="1" height="28" alt=""></td>
            <
    td colspan="2" rowspan="2" background="images/index_27.gif">&nbsp;</td>
            <
    td colspan="18" rowspan="2" background="images/index_28.gif"> </td>
            <
    td colspan="6" rowspan="2" background="images/index_29.gif"><a href="http://www.livingitlarge.com/player/"></a></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="5" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="4" background="images/index_30.gif">&nbsp;</td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="17" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td>
                <
    img src="images/index_31.gif" width="2" height="6" alt=""></td>
            <
    td colspan="29">
                <
    img src="images/index_32.gif" width="762" height="6" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="6" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="10">
                <
    img src="images/index_33.gif" width="234" height="28" alt=""></td>
            <
    td colspan="14" rowspan="3" align="center" valign="top" background="images/index_34.gif"><head>
              <
    u><span class="style1">LivingItLarge.Com Announcements:</span></u><span class="style4"><br /><br />
              </
    span><br />
            <
    marquee>
            <
    span class="style4">We are looking for a female dj who can present on the show, if thats you contact jobs@livingitlarge.com        </span>
            </
    marquee></td>
            <
    td colspan="7" rowspan="2">
                <
    img src="images/index_35.gif" width="234" height="113" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="28" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="2" rowspan="2">
                <
    img src="images/index_36.gif" width="3" height="124" alt=""></td>
          <
    td colspan="7" rowspan="2" align="left" valign="top" background="images/index_37.gif"><span class="style4"><br />
            <
    span class="style5">Beyonce feat Shakira -</span></span> <a href="http://www.radio1.gr/audio4/Beyonce%20feat%20Shakira%20-%20Beautiful%20Liar.wma" class="style6">Beautiful Liar</a><br />
            <
    span class="style4"><br />
            <
    span class="style5">Olivia -</span></span> <span class="style7"><a href="http://www.radio1.gr/audio4/Olivia%20-%20My%20Daddy.wma">My Daddy</a></span></td>
            <
    td rowspan="2">
                <
    img src="images/index_38.gif" width="2" height="124" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="85" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="6">
                <
    a href="http://www.livingitlarge.com/radiodjpanel/request.php"><img src="images/index_39.gif" alt="" width="231" height="39" border="0"></a></td>
            <
    td>
                <
    img src="images/index_40.gif" width="3" height="39" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="39" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td rowspan="8">
                <
    img src="images/index_41.gif" width="1" height="447" alt=""></td>
            <
    td colspan="30">
                <
    img src="images/index_42.gif" width="764" height="5" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="5" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td>
                <
    img src="images/index_43.gif" width="2" height="3" alt=""></td>
            <
    td colspan="13" rowspan="2">
                <
    img src="images/index_44.gif" width="335" height="29" alt=""></td>
            <
    td>
                <
    img src="images/index_45.gif" width="4" height="3" alt=""></td>
            <
    td colspan="15" rowspan="2">
                <
    img src="images/index_46.gif" width="423" height="29" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="3" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td rowspan="3">
                <
    img src="images/index_47.gif" width="2" height="355" alt=""></td>
            <
    td rowspan="2">
                <
    img src="images/index_48.gif" width="4" height="28" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="26" alt=""></td>
        </
    tr>
        <
    tr>
          <
    td colspan="12" rowspan="2" align="left" valign="top" background="images/index_49.gif"><span class="style5">&nbsp;<span class="style11">1. <strong>Jojo</strong> - <em>Too Little Too Late</em>
          </
    span></span>
            <
    class="style13">2. <strong>P Diddy Ft Christina Aguilera</strong> - <em>Tell Me</em></p>
            <
    class="style13">3. <strong>Akon Ft Eminem</strong> - <em>Smack That</em></p>
            <
    class="style13">4. <strong>Amy Winehouse</strong> - <em>You Know I'm No Good</em></p>
            <p class="style13">5. <strong>Nelly Furtado</strong> - <em>All Good Things (Come To An End)</em></p>
            <p class="style13">6. <strong>Game</strong> - <em>Let'
    s Ride</em></p>
            <
    class="style13">7. <strong>Beyonce</strong> - <em>Irreplaceable</em></p>
            <
    class="style13">8. <strong>Mary J Blige</strong> - <em>MJB Da MVP</em></p>
            <
    class="style13">9. <strong>Justin Timberlake Ft Timbaland</strong> - <em>My Love</em></p>
          <
    class="style13">10. <strong>Gwen Stefani</strong> - <em>Wind It Up </em></p></td>
            <
    td>
                <
    img src="images/index_50.gif" width="3" height="2" alt=""></td>
            <
    td colspan="15">
                <
    img src="images/index_51.gif" width="423" height="2" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="2" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="17" align="left" valign="top" background="images/index_52.gif"><iframe src="news.php" name="news" width="430" marginwidth="0" height="327" marginheight="0" align="top" scrolling="auto"></iframe> </td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="327" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="30">
                <
    img src="images/index_53.gif" width="764" height="7" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="7" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="30">
                <
    img src="images/index_54.gif" width="764" height="4" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="4" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td>
                <
    img src="images/index_55.gif" width="2" height="73" alt=""></td>
            <
    td colspan="2" align="left" valign="top" background="images/index_56.gif"><img src="images/quick1.gif" alt=":: LivingItLarge.Com ::" width="72" height="70"></td>
            <
    td>
                <
    img src="images/index_57.gif" width="7" height="73" alt=""></td>
            <
    td colspan="6" align="center" valign="middle" background="images/index_58.gif"><h2 class="style8">Lil' Wayne Sued for Missing Concert</h2></td>
            <td>
                <img src="images/index_59.gif" width="1" height="73" alt=""></td>
            <td>
                <img src="images/index_60.gif" width="13" height="73" alt=""></td>
            <td colspan="5" background="images/index_61.gif"><img src="images/quick2.gif" alt=":: LivingItLarge.Com ::" width="74" height="72"></td>
            <td>
                <img src="images/index_62.gif" width="1" height="73" alt=""></td>
            <td>
                <img src="images/index_63.gif" width="6" height="73" alt=""></td>
            <td colspan="5" align="center" valign="middle" background="images/index_64.gif"><span class="style10">'
    Dreamgirls Leads Oscar NomsMisses Best Picture</span></td>
            <
    td colspan="6" rowspan="3" align="left" valign="top" background="images/index_65.gif"></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="73" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="20" rowspan="2">
                <
    img src="images/index_66.gif" width="366" height="16" alt=""></td>
            <
    td colspan="5">
                <
    img src="images/index_67.gif" width="189" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="1" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td colspan="5">
                <
    img src="images/index_68.gif" width="189" height="15" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="15" alt=""></td>
        </
    tr>
        <
    tr>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="2" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="41" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="31" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="7" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="35" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="30" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="3" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="82" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="2" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="37" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="13" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="50" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="3" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="4" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="5" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="12" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="1" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="6" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="11" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="64" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="37" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="53" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="24" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="29" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="31" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="85" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="11" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="51" height="1" alt=""></td>
            <
    td>
                <
    img src="images/spacer.gif" width="3" height="1" alt=""></td>
            <
    td></td>
        </
    tr>
    </
    table>
    <!-- 
    End ImageReady Slices -->
    </
    body>
    </
    html
    but it shows up like www.livingitlarge.com/index.php why? :@

  • #2
    New Coder
    Join Date
    Mar 2006
    Location
    London, UK
    Posts
    58
    Thanks
    3
    Thanked 0 Times in 0 Posts
    only looks weird on firefox by the way...

  • #3
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    To start with your page is missing a DOCTYPE at the top of the source and so web browsers will all display the page differently since they will all make different assumptions as to what version of HTML you are using in the page.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,696
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Wow, that's the worst code I've seen in a while.

    OK, a couple of things:
    1. Dreamweaver ain't a browser
    2. Never rely on the design mode of any WYSIWYG editor (although DW8 is pretty good you should always check the code)
    3. Never use ImageReady to slice up your design, do it by hand
    4. Tables for layout are stupid
    5. Write semantic code and style it with CSS
    6. Use the W3C HTML and CSS validators to check your code for validity
    7. Know what you're doing before going at it (i.e. learn HTML and CSS before creating websites)

  • #5
    New Coder
    Join Date
    Mar 2006
    Location
    London, UK
    Posts
    58
    Thanks
    3
    Thanked 0 Times in 0 Posts
    the learning bit is hard lol

    Don't really design or code at all but needed this done and have no money so had to do it myself so, some help would be much appreciated!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •