...

View Full Version : Looks weird on Firefox and IE but fine on Dreamweaver :S



bhav
01-23-2007, 08:40 PM
Hi, well im new to coding and made this page of photoshop and dreamweaver using this 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-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}
.style4 {font-family: Georgia, "Times New Roman", Times, serif}
.style5 {color: #FFFFFF}
.style6 {
color: #0000CC;
font-family: Georgia, "Times New Roman", Times, serif;
}
.style7 {
color: #993399;
font-family: Georgia, "Times New Roman", Times, serif;
}
.style8 {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}
.style10 {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #FFFFFF;
}
.style11 { font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}
.style13 {
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
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>
<p class="style13">2. <strong>P Diddy Ft Christina Aguilera</strong> - <em>Tell Me</em></p>
<p class="style13">3. <strong>Akon Ft Eminem</strong> - <em>Smack That</em></p>
<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>
<p class="style13">7. <strong>Beyonce</strong> - <em>Irreplaceable</em></p>
<p class="style13">8. <strong>Mary J Blige</strong> - <em>MJB Da MVP</em></p>
<p class="style13">9. <strong>Justin Timberlake Ft Timbaland</strong> - <em>My Love</em></p>
<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 Noms, Misses 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? :@

bhav
01-23-2007, 09:14 PM
only looks weird on firefox by the way...

felgall
01-23-2007, 09:18 PM
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.

VIPStephan
01-23-2007, 09:20 PM
Wow, that's the worst code I've seen in a while. :)

OK, a couple of things:

Dreamweaver ain't a browser
Never rely on the design mode of any WYSIWYG editor (although DW8 is pretty good you should always check the code)
Never use ImageReady to slice up your design, do it by hand
Tables for layout are stupid (http://hotdesign.com/seybold/)
Write semantic code (http://brainstormsandraves.com/articles/semantics/structure/) and style it with CSS
Use the W3C HTML (http://validator.w3.org) and CSS (http://jigsaw.w3.org/css-validator/) validators to check your code for validity
Know what you're doing before going at it (i.e. learn HTML and CSS (http://htmldog.com) before creating websites)

bhav
01-23-2007, 09:31 PM
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! :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum