I'm having issues with a page I'm working on in DW where the spacing, font tags, sizes, and actual fonts aren't coming across correctly in Chrome, is this a known issue?
Any suggestions for any section of this would be helpful!
Here's the page:
now if you view it in IE 8 or 9 it comes out correctly, in Chrome, not so much.
Here are the places in which I believe it's having issues:
Font appears different than fonts in IE for me
Font-weight is not shown and value not bolded
Furthermore because the font styles are varying it's causing overlap on lines of text (Which may just be my bad coding, I just learned div tags three days ago.) Which do not exist in IE8-9
Here is the page code in its entirety:
Any suggestions for any section of this would be helpful!
Here's the page:
now if you view it in IE 8 or 9 it comes out correctly, in Chrome, not so much.
Here are the places in which I believe it's having issues:
Font appears different than fonts in IE for me
Code:
body,td,th {
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
Code:
<input type="text" style="text-align: right; background-color: transparent; border:hidden; font-weight:bold; color: #FFF;" size=5 maxlength=5 value="$0.00" name="boxB">Here is the page code in its entirety:
Code:
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<title>Platinum Transfering</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="FW 8 DW 8 XHTML" />
<!--Fireworks CS5 Dreamweaver CS5 target. Created Tue Nov 02 14:11:06 GMT-0500 (Central Daylight Time) 2010-->
<style type="text/css">
body {
background-image: url(../images/mainFrame.jpg);
background-repeat: no-repeat;
background-color: #0A0A0A;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<img src="../images/BlackBox.png"
style="position:absolute; top:20px; left:41px; width:609px; height:514px; z-Index:-1">
<div style="position:absolute; z-index: 1; top: 19px;">
<table width="696" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="40"> </td>
<td width="584" align="center"><h1>- Plat Sales -</h1></td>
<td width="42"> </td>
</tr>
</table>
</div>
<div style="position:absolute; z-index: 1; left:75px; top: 66px;">
<script type="text/javascript" language="JavaScript">
function calc_Twenty(tbox){
if(isNaN(tbox.value)!=true){
document.convert.boxB.value="$" + (parseInt(tbox.value) * 0.20).toFixed(2);
return true;
}
else{ return false;}
}
</script>
<form name="convert">
<h2><span id="Title">Please read the following:</span></h2>
<p><span class="Text"><span class="Important">All plat is currently $0.20 per Platinum.<br />
Current Platinum reserves are listed to the right.
<br />
Contact us prior to checkout via the site, <u>not in game.</u></span></span><br />
<strong>-Please Update Quantities in PayPal Cart!-</strong> <br />
<p> Cost calculator:<br />
<input type="text" style="text-align: right;" size=1 maxlength=4 value="0" onkeyup="calc_Twenty(this);"> Platinum for: <input type="text" style="text-align: right; background-color: transparent; border:hidden; font-weight:bold; color: #FFF;" size=5 maxlength=5 value="$0.00" name="boxB">
USD</form>
</div>
<div style="position:absolute; z-index: 1; left: 73px; top: 332px;">
<h3>Transfers will happen via toons named <strong>Sockrocket</strong></h3>
</div>
<div style="position:absolute; z-index: 1; left: 95px; top: 390px; width: 500px;">
<table width="100%" border="1" cellspacing="0" cellpadding="3">
<tr>
<th scope="row">Realm</th>
<td>Midgard</td>
<td>Albion</td>
<td>Hibernia</td>
</tr>
<tr>
<th scope="row">Location</th>
<td>SF Portal Pad</td>
<td>CS Portal Pad</td>
<td>DL Portal Pad</td>
</tr>
<tr>
<th scope="row">Name Extention</th>
<td>A-I</td>
<td>K-O</td>
<td>P-T</td>
</tr>
</table>
</div>
<div style="position:absolute; z-index: 1; left: 75px; top: 270px; width: 506px;">
<form target="paypal" action="[URL unfurl="true"]https://www.paypal.com/cgi-bin/webscr"[/URL] method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="QMN55FKTK2FYJ">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27%" align="left" valign="middle">Realm:</td>
<td width="39%" align="left" valign="middle">Your Toon's Name</td>
<td width="34%" align="left" valign="middle"> </td>
</tr>
<tr>
<td align="left" valign="middle"><input type="hidden" name="on0" value="Realm"><select name="os0">
<option value="Midgard">Midgard </option>
<option value="Albion">Albion </option>
<option value="Hibernia">Hibernia </option>
</select></td>
<td width="39%" align="left" valign="middle"><input type="hidden" name="on1" value="Toon Name"><input type="text" name="os1" maxlength="60"></td>
<td width="34%" align="left" valign="middle"><input type="image" src="[URL unfurl="true"]https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif"[/URL] border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
<img alt="" border="0" src="[URL unfurl="true"]https://www.paypal.com/en_US/i/scr/pixel.gif"[/URL] width="1" height="1" /></td>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
I started two weeks ago on that project without any knowledge of anything honestly and just found some tricks in forums (I first started to try and do everything in fixed sized tables before I saw a div tag on something) and just learned anything that you see or tried to learn in the last week while also trying to piece together the graphics at the same time!