Fixing Browser Differences

Hier werden alle Themen zu Templates für Joomla 1.0.xx besprochen.

Re: Fixing Browser Differences

Neuer Beitragvon RMIGHTY1 am Mo 14. Jul 2008, 00:13

Hello Gerhard,

See, I was afraid it would be something simple like that. It is just a "rats nest" to find.

Well, I deleted the last </div> in the code and it fixed the left module coming up alongside the component module in IE7 only. This brings me right back to where I started. The component content is pretty well centered in IE7 but the FF3 content is further to the right overlapping the right border for the component. Also In FF3 the left module remains below the component section.

Still befuddled.

~~Ray :oops:
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Neuer Beitragvon Gerhard am Mo 14. Jul 2008, 08:18

Hello Ray,

you have changed the template-css. Please use the original Template. On my local server it works really fine in FF3 and Opera and IE. Maybe your css for chronoforms is wrong. Please let me see that css so I can try to help you.

Gerhard
Gratis Templates, News, Tutorials und vieles mehr, bei http://www.Ahadesign.eu
Benutzeravatar
Gerhard
Administrator
 
Beiträge: 1159
Registriert: Do 27. Dez 2007, 22:48
Plz/Ort: Oberfranken

Re: Fixing Browser Differences

Neuer Beitragvon RMIGHTY1 am Mo 14. Jul 2008, 20:08

Hello Gerhard,

Yes, I have been continually working on it and making changes. This has been how I have learned what I have up until now. I will stop and just let you work with it now. The original template.css has been restored. Below you will find both the current chronoforms css followed by the html. Thank you for your patience Gerhard and for helping me.

Chronoforms CSS:

/* CSS layout */
.style7 {
color: #000080;
}
.style8 {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #FFFFF4;
text-align: center;
}
.style9 {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #000080;
}

.mainwrapper {
position: relative;
height: auto;
width: 732px;
top: 6px;
margin-left: 0px;
margin-right: 0px;
left: 0px;
}

/* edit test -- Manipulating the mainwrapper does not change anything in either IE7 or FF3 browser
html>body .mainwrapper {
position: relative;
height: auto;
width: 732px;
top: 6px;
margin-left: 0px;
margin-right: 40px;
left: 0px;
right: 20px;
} */

html>body .mainwrapper {
position: relative;
height: auto;
top: 6px;
left: -12px;
width: 732px;
margin-right: auto;
}
.xlgecomtext {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #0099cc;
}
.asterisk {
color: #FBFBFF;
}
.field1aintclass {
border-style: outset;
border: 5px #FFCC00 outset;
margin: 25px;
background-color: #FFFFF4;
z-index: 176;
}
.field1bintclass {
padding: 0 25px 0 25px;
z-index: 172;
background-color: #FAFFFF;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 25px;
margin-top: 25px;
border: 5px #00C6C6 outset;
}
.medallion {
top: -150px;
}
.redasterisk {
color: #FF0000;
font-size: x-large;
}
.tableinput {
width: 120px;
height: 18px;
}
.tdmedallion {
width: 100px;
}
.tdribbon {
width: 110px;
float: right;
}
#masthead {
position: relative;
top: 2px;
width: 722px;
height: 90px;
left: 0px;
z-index: 1;
background-image: url('../images/ezwebheader1.png');
background-repeat: no-repeat;
background-color: #BBE9F5;
font-family: Arial, Helvetica, sans-serif;
font-size: xx-large;
font-weight: bold;
color: #336699;
text-align: center;
line-height: 1.2em;
border-left-color: #BBE9F5;
border-left-style: outset;
border-left-width: 5px;
border-right-color: #BBE9F5;
border-right-style: outset;
border-right-width: 5px;
border-top-color: #BBE9F5;
border-top-style: outset;
border-top-width: 5px;
}
html>body #masthead {
position: relative;
top: 2px;
width: 722px;
height: 90px;
left: 0px;
z-index: 1;
background-image: url('../images/ezwebheader1.png');
background-repeat: no-repeat;
background-color: #BBE9F5;
font-family: Arial, Helvetica, sans-serif;
font-size: xx-large;
font-weight: bold;
color: #336699;
text-align: center;
line-height: 1.2em;
border-left-color: #BBE9F5;
border-left-style: outset;
border-left-width: 5px;
border-right-color: #BBE9F5;
border-right-style: outset;
border-right-width: 5px;
border-top-color: #BBE9F5;
border-top-style: outset;
border-top-width: 5px;
}
#top_nav {
position: relative;
left: 0px;
height: 20px;
width: 626px;
z-index: 1;
background-color: #BBE9F5;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0099cc;
border-bottom-color: #BBE9F5;
border-bottom-style: outset;
border-bottom-width: 5px;
border-left-color: #BBE9F5;
border-left-style: outset;
border-left-width: 5px;
border-right-color: #BBE9F5;
border-right-style: outset;
border-right-width: 5px;
}
html>body #top_nav {
position: relative;
left: 0px;
height: 20px;
width: 722px;
z-index: 1;
background-color: #BBE9F5;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0099cc;
border-bottom-color: #BBE9F5;
border-bottom-style: outset;
border-bottom-width: 5px;
border-left-color: #BBE9F5;
border-left-style: outset;
border-left-width: 5px;
border-right-color: #BBE9F5;
border-right-style: outset;
border-right-width: 5px;
}
#page_content {
top: -10px;
width: 722px;
height: auto;
line-height: 1.7em;
position: relative;
z-index: 1;
left: 0px;
}
html>body #page_content {
top: -30px;
width: 722px;
height: auto;
line-height: 1.7em;
position: relative;
z-index: 1;
left: 0px;
}
.headimage {
text-align: center;
top: -40px;
right: auto;
left: auto;
}
.subsubtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #000080;
text-align: center;
width: 98%;
}
.subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #000080;
text-align: center;
}
.blueribbon {
position: relative;
top: 0px;
float: left;
z-index: auto;
}
.yourdomain-com {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0000FF;
text-align: left;
left: -100px;
}
.textarea {
width: 500px;
height: 300px;
}
.OR {
font-family: "Arial Black";
font-size: x-large;
font-weight: bold;
color: #6EC940;
}
.small {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #008000;
text-align: left;
left: -100px;
}
.leg1a {
border: 5px #FFCC00 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #FFFFF4;
line-height: 1.5em;
width: 580px;
}
.comtext {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0099CC;
position: relative;
}
.FREE {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #CC0066;
}
.legnum {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-large;
font-weight: bold;
color: #CC0066;
}
.reallywant {
font-family: "Freehand521 BT";
font-size: x-large;
font-weight: bold;
color: #0099CC;
}
.fieldsetcf1a {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: 173;
background-color: #BBE9F5;
top: 36px;
}
#footer {
position: relative;
top: auto;
left: 0px;
width: 716px;
height: 30px;
background-color: #FF00FF;
z-index: 1;
margin-left: auto;
margin-right: auto;
bottom: auto;
border-bottom-color: #FFCC66;
border-bottom-style: solid;
border-bottom-width: 3px;
border-left-color: #FFCC66;
border-left-style: solid;
border-left-width: 3px;
border-right-color: #FFCC66;
border-right-style: solid;
border-right-width: 3px;
margin-bottom: 6px;
}
html>body #footer {
position: relative;
top: auto;
left: 0px;
width: 712px;
height: 30px;
background-color: #FF00FF;
z-index: 1;
margin-left: auto;
margin-right: auto;
bottom: auto;
border-bottom-color: #FFCC66;
border-bottom-style: solid;
border-bottom-width: 3px;
border-left-color: #FFCC66;
border-left-style: solid;
border-left-width: 3px;
border-right-color: #FFCC66;
border-right-style: solid;
border-right-width: 3px;
margin-bottom: 6px;
}
.fieldsetcf1b {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: 170;
text-align: center;
background-color: #DFFFFF;
}
.Example {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #9900CC;
text-decoration: underline;
}
.purplecolon {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #9900CC;
}
.Suggestion {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #FF00FF;
text-decoration: underline;
}
.fuchsiacolon {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #FF00FF;
}
.mediumgreen {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #009933;
text-align: left;
left: -100px;
}
.smallmaroon {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #990000;
text-align: left;
left: -100px;
}
.comlink {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0000FF;
}
.comtextred {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #CC0066;
}
.fieldsetcf1c {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: auto;
text-align: center;
background-color: #FFFBFD;
}
.fieldsetcf1d {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: auto;
text-align: center;
background-color: #FBFFFB;
}
.lgeasterisk {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #0099CC;
}
.leg1b {
border: 5px #00C6C6 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #FAFFFF;
line-height: 1.5em;
}
.leg1c {
border: 5px #FF37FF outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #FFF9FF;
line-height: 1.5em;
}
.leg1d {
border: 5px #00CC99 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #F7FDF7;
line-height: 1.5em;
}
.fieldsetcf2a {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: auto;
text-align: center;
background-color: #FBFBFF;
}
.leg2a {
border: 5px #800080 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #F9F9FF;
line-height: 1.5em;
}
.fieldsetcf2b {
border: 3px #FFCC66 solid;
z-index: 168;
background-color: #FFEFCE;
width: auto;
height: auto;
left: 0px;
position: relative;
}
.leg2b {
border: 5px #FF9900 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #FFF9EA;
line-height: 1.5em;
}
.fieldsetcf2c {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: auto;
text-align: center;
background-color: #AAFFAA;
}
.leg2c {
border: 5px #006600 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #CC0066;
background-color: #ECFFEC;
line-height: 1.5em;
}
.note {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #008000;
text-decoration: underline;
}
.mediumteal {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #008080;
text-align: left;
left: -100px;
}
.medred {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #CC0066;
}
.mediumdarkred {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #cc0066;
text-align: left;
left: -100px;
}
.webdropdown {
width: 324px;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0099CC;
}
.comtextunderline {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0099CC;
text-decoration: underline;
}
.FREExl {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #CC0066;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #0099cc;
}
.style2 {
font-size: xx-small;
line-height: .5em;
}
.tbnotedomreg {
padding: 3px;
border: 1px solid #008000;
background-color: #F8F8F8;
width: 96%;
}
.style4 {
font-family: "Arial Black";
font-size: x-small;
font-weight: bold;
color: #6EC940;
}
.style5 {
font-family: "Arial Black";
font-weight: bold;
color: #6EC940;
}
.style6 {
font-size: small;
}
.td_domainname {
float: right;
font-family: Arial, Helvetica, sans-serif;
color: #0099cc;
font-size: medium;
}
.inputchoice {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0099cc;
width: 200px;
}
.tabledomainname {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0099cc;
width: 350px;
}
.td45day {
text-align: center;
}
.tdchoice {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0099cc;
width: 150px;
}
.field2cint {
background-color: #ECFFEC;
}
.tdmediumgreen {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #009933;
text-align: left;
left: -100px;
padding-top: 3px;
padding-left: 6px;
}
.tdmediumgreenbottom {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #009933;
text-align: left;
left: -100px;
padding-left: 6px;
padding-bottom: 3px;
}


*********************************************************************
*********************************************************************
Chronoforms HTML:

<div id="mainwrapper" class="mainwrapper" align="center">


<div id="masthead" style="left: 0px; top: 2px"><span class="style7">EZwebstart -- Register Here!!!</span><br />
<span class="subtitle">for webhosting plus personal domain name or transfer</span></div>


<div id="top_nav">&nbsp;<span class="subsubtitle">(fill in only what applies to
you)</span></div>
<div id="page_content">

<fieldset id="field1a" name="Group1a" class="fieldsetcf1a">
<legend class="leg1a" style="width: 651px"><span class="legnum">&nbsp;&nbsp;1a.</span>
Tell Us What You Want
&nbsp;<span class="reallywant">...what you really want!!!&nbsp; </span></legend>

<div align="center" class="field1aintclass" id="field1aint">
<br />
<span class="xlgecomtext">Choose Your
<span class="FREExl">FREE</span>
New Website Program!!!</span><span class="style1"> <br />
</span><span class="style9">
<br />
</span><span class="style1"> &nbsp;</span><select name="Your_FREE_Website_Program" class="webdropdown" tabindex="1" style="width: 401px">
<option selected="select one" value="select one">select one</option>
<option value="b2evolution">b2evolution Blog</option>
<option>Coppermine Photo Gallery</option>
<option>Cube Cart Shopping Cart (eCommerce)</option>
<option>Drupal Blog & CMS</option>
<option>Gallery2 Photo Gallery</option>
<option>Joomla! CMS & Blog</option>
<option>Mambo CMS & Blog</option>
<option>Open Realty</option>
<option>phpBB Forum</option>
<option>Simple Machines Forum (SMF)</option>
<option>TikiWiki CMS & Blog</option>
<option>WordPress Blog</option>
<option>Zen Cart Shopping Cart (eCommerce)</option>
</select>
<span class="style2"><br />
&nbsp;<span class="comtext"><img alt="" src="images/say_what.gif" width="66" height="50" style="float: right; position: relative; left: -59px; top: 7px;" /><br />
<br />
</span>
<input name="Radio1" type="radio" checked="checked" />
&nbsp;</span><span class="comtext">Please provide your</span><span class="FREE"> FREE</span><span class="comtext">
installation<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
of this </span><span class="FREE">FREE</span><span class="comtext">
program.
<br />
&nbsp;</span><span class="OR">~~ OR ~~</span> <br />
<input name="Radio15" type="radio" checked="checked" />
&nbsp;<span class="comtext">Please leave my website blank.<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
I will install my own website.</span>
<br />
&nbsp;</div></fieldset><br /><br />
</div>


<fieldset name="Group1b" class="fieldsetcf1b" id="field1b">
<legend class="leg1b"><span class="legnum">&nbsp;1b.</span> Choose Your
Web Address for $10/year *&nbsp;&nbsp;&nbsp; </legend>


<div id="field1bint" align="center" class="field1bintclass">
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="comtext">Example: &quot;scubadivers.com&quot;</span><br />
<table cellpadding="2" class="comtext" align="center" id="tabledomain">
<tr>
<td colspan="2" class="tdchoice"><span >
<span class="td_domainname" class="comtext">1st choice:</span></span></td>
<td colspan="2">
<input name="Text22" type="text" class="inputchoice">
</td>
</tr>
<tr>
<td colspan="2" class="tdchoice"><span class="td_domainname">2nd choice:</span></td>
<td colspan="2">
<input name="Text23" type="text" class="inputchoice">
</td>
</tr>
<tr>
<td colspan="2" class="tdchoice"><span class="td_domainname">3rd choice:</span></td>
<td colspan="2">
<input name="Text24" type="text" class="inputchoice"> </td>
</tr>
</table>
<span class="comtext">Please double check your spelling for
accuracy.<br />
&nbsp;EZwebstart is not responsible for misspelled applications.<br />
&nbsp;Domain name fees are non-refundable to us and therefore<br />
are also
non-refundable to you.
Thank you for understanding.<br />
<br />
We will register
</span><span class="FREE">YOUR</span><span class="comtext"> web address (domain name)<br />
in
</span><span class="FREE">YOUR</span><span class="comtext"> name
as
</span><span class="FREE">Registrant</span><span class="comtext"> with ezwebstart.biz<br />
as the administrative,
billing and email contact.<br />
&nbsp;This makes
</span><span class="FREE">YOU</span><span class="comtext"> the
official owner of
</span><span class="FREE">YOUR</span><span class="comtext"> domain name<br />
yet protects you from this public listing being a source of<br />
email spam and solicitation while making us your workhorse.<br />
<br />
<table class="tbnotedomreg">
<tr>
<td class="tdmediumgreen" style="height: 25px"><span class="note">Note</span><span class="mediumgreen">:</span></td>
<td class="tdmediumgreen" style="width: 609px; height: 25px"><span class="mediumgreen">If you prefer other arrangements, please
post in comment area of</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td style="width: 609px" class="tdmediumgreenbottom">
<span class="mediumgreen">section 2b below
and we will be happy to accommodate you.</span></td>
</tr>
</table>
</span><span class="style4">&nbsp;</span><span class="OR"><br />
~~ OR ~~<br />
</span><span class="comtext"><br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; We are currently able to offer </span>
<span class="FREE">FREE</span><span class="comtext"> anonymity for web address<br />
(domain name) registrations. This means that your name, address,<br />
telephone number and email address will not be publicly displayed<br />
on the internet. This reduces your email, postal (snail) mail<br />
and telephone spam and solicitations.<br />
<br />
</span>
<input name="checkbox2" type="checkbox" class="comtext"><span class="comtext">&nbsp;&nbsp;&nbsp; Yes, I want
</span><span class="FREE">FREE</span><span class="comtext">
anonymous registration!<br />
</span><span class="mediumgreen">(not recommended for businesses)<br />
<span class="note">Note</span>: The &quot;.us&quot; extension is not permitted to have
anonymous registration<br />
</span>
<span class="comtext"><br />
We will do our best to obtain your prime choice of web address.<br />

If however they are already taken, we will contact you<br />
with some alternative choices.<br />
<br />
* Some domains cost more.</span><br />
<br />
</div>
</fieldset>
<br />


<fieldset name="Group1d" class="fieldsetcf1d" id="field1d" style="z-index: 171; background-color: #E8F9E8;">
<legend class="leg1d"><span class="legnum">&nbsp;1c.</span> If You Already Own Your<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Personalized Web Address&nbsp;&nbsp;&nbsp; </legend>
<div style="margin: 25px; width: auto; z-index: 0; border: 5px #00CC99 outset; left: 28px; background-color: #F7FDF7; padding-left: 25px; padding-right: 25px;" id="field1cint" align="center">
<span class="comtext">
<br />
<input name="Radio5" type="radio" value="V1" checked="checked" />&nbsp; I want to
transfer my domain name to EZwebstart so that you can<br />
&nbsp;manage my domain name. Transfer fee of $10* also gives me<br />
an extra year registration. This is like getting a
</span><span class="FREE">FREE</span><span class="comtext">
transfer.<br />
My domain name to transfer is:<br />
<input name="Text27" type="text" />
.

<select name="Select3" style="width: 78px">
<option></option>
</select>&nbsp; other:

<input name="Text28" type="text" style="width: 90px" /> <br />
<br />
Domain name fees are non-refundable to us and therefore<br />
are also non-refundable to you. Thank you for understanding.<br />
<br />
We will register
<span class="FREE">YOUR</span> web address (domain name) in
<span class="FREE">YOUR</span> name<br />
as
<span class="FREE">Registrant</span> with ezwebstart.biz as the
administrative,<br />
billing and email contact.<br />
&nbsp;This makes
<span class="FREE">YOU</span> the official owner of
<span class="FREE">YOUR</span> domain name yet<br />
&nbsp;protects you from this public listing being a source of<br />
email spam and solicitation while making us your workhorse.<br />
<br />
<table class="tbnotedomreg">
<tr>
<td class="tdmediumgreen"><span class="note">Note</span><span class="mediumgreen">:</span></td>
<td class="tdmediumgreen" style="width: 609px"><span class="mediumgreen">If you prefer other arrangements, please
post in comment area of</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td style="width: 609px" class="tdmediumgreenbottom">
<span class="mediumgreen">section 2b below
and we will be happy to accommodate you.</span></td>
</tr>
</table>
<br />
<span class="OR">~~ OR ~~<br />
</span><span class="style5"><span class="style6">&nbsp; </span>
</span><br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; We are currently able to offer
<span class="FREE">FREE</span> anonymity for web address<br />
(domain name) registrations. This means that your name, address,<br />
telephone number and email address will not be publicly displayed<br />
on the internet. This reduces your email, postal (snail) mail<br />
and telephone spam and solicitations.<br />
<br />
<span class="style8">
<input name="checkbox4" type="checkbox" class="comtext"></span>&nbsp;&nbsp;&nbsp; Yes, I
want
<span class="FREE">FREE</span>
anonymous registration!<br />
<span class="mediumgreen">(not recommended for businesses)<br />
<span class="note">Note</span>:
The &quot;.us&quot; extension is not permitted to have
anonymous registration</span></span><span class="mediumgreen"><br />
</span><span class="comtext">
<span class="mediumgreen"><span class="mediumteal"><br />
</span></span>You will be contacted with further instructions to<br />
transfer your domain to EZwebstart. &nbsp;</span><br />
<br />
<input name="Radio6" type="radio" value="V1" checked="checked" /><span class="comtext">&nbsp;
Please help me point my domain to your name servers.<br />
<br />
</span>
<input name="Radio7" type="radio" value="V1" checked="checked" /><span class="comtext">&nbsp;&nbsp;
I will point my domain to your name servers.<br />
<br />
*Some domains cost more.<br />
</span><br />
</div>
<span class="comtext">
&nbsp;</span>&nbsp;</fieldset>
<br />
<fieldset name="Group1c" class="fieldsetcf1c" id="field1c" style="z-index: 170; background-color: #FFECF5;">
<legend class="leg1c"><span class="legnum">&nbsp;1d.</span> Choose Your
<span class="FREE">FREE</span> Email Addresses&nbsp;&nbsp;&nbsp; </legend>
<div style="width: auto; height: auto; z-index: 0; margin: 25px; background-color: #FFF9FF; border: 5px #FF37FF outset; padding-left: 25px; padding-right: 25px;" id="field1dint">
<span class="comtext"><br />
<input name="Radio10" type="radio" value="V1" checked="checked" />&nbsp;
Thank you for offering but I will set up my own email addresses.
<br />
<br />
<input name="Radio11" type="radio" checked="checked" value="V1" />

Please set up my email addresses for me, thank you.

<br />
<br />
<input name="Radio4" type="radio" value="V1" checked="checked" />

Please teach me to set up my own email addresses.<br />
&nbsp;<br />

You have unlimited email addresses.<br />
&nbsp;We will setup your first two for
<span class="FREE">FREE!!!<br />
</span>Please indicate the first part of each email address you want.<br />
In the
example </span><a href="mailto:dorothy@yourdomainname.com"><span class="comtextred">dorothy</span><span class="comlink"><span class="comtext">@yourdomainname.com</span></span></a><span class="comtext">,<br />
&quot;<span class="comtextred">dorothy</span>&quot; is the first part.
<br />
Please indicate your choices below.<br />
1st part of email address #1:

<input name="Text2" type="text" class="comtext" style="width: 162px" />
@yourdomainname<br />
1st part of email address #2:

<input name="Text3" type="text" class="comtext" style="width: 162px" />
@yourdomainname<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><span class="Example">example</span><span class="small"><span class="comtext">: </span> </span><span class="mediumdarkred">dorothy</span><span class="comtext"><span class="yourdomain-com">@yourdomainname.com</span><span class="comlink"><br />
</span><br />
So we can set your email account to your local time,<br />
please indicate your
time zone.<br />
<br />
&nbsp;
<input name="Radio12" type="radio" checked="checked" value="V1" class="comtext" />
EST&nbsp;&nbsp;&nbsp;

<input name="Radio13" type="radio" value="V1" class="comtext" checked="checked" />
CST&nbsp;&nbsp;&nbsp;

<input name="Radio14" type="radio" value="V1" class="comtext" checked="checked" />
MST&nbsp;&nbsp;&nbsp;

<input name="Radio2" type="radio" value="V1" class="comtext" checked="checked" />
PST&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; other:

<input name="Text4" type="text" class="comtext" />
<br />
<br />
<br />
Remember, you have unlimited email accounts that you<br />
&nbsp;can set up within your hosting account for <span class="FREE">FREE</span>.<br />
Or, we can set them up for you for a one time charge of $6 each.<br />
<br />
</span></div>
</fieldset>

<br />

<fieldset name="Group1" class="fieldsetcf2a" id="field2a" style="z-index: 169; background-color: #E1E1FF; height: auto; left: 0px; width: auto; position: relative;">
<legend class="leg2a"><span class="legnum">&nbsp;2a.</span> Tell Us Who You Are &nbsp;
</legend>
<div class="style23">
<div style="padding-left: 5px; padding-right: 5px; padding: 0 25px 0 25; position: relative; width: auto; height: auto; z-index: 0; left: 0px; top: -12px; margin: 25px; border: 5px #800080 outset; background-color: #F9F9FF; " id="field2aint">
<span class="comtext"><br />
ICANN, the credentialing body for all web addresses (domain names)
<br />
in the world requires the following information<br />
from all domain name purchasers.<br />
If you are purchasing or transferring a domain name,<br />
the following information must be provided.<br />
</span><span class="note">Note</span><span class="mediumgreen">:
ICANN does not accept P.O. box addresses. <br />
</span>
<span class="comtext"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
(</span><span class="redasterisk">*</span><span class="comtext"> = required)<br />
<br />
</span>
<table class="comtext">
<tr>
<td class="style20" align="right" style="height: 28px">First Name:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text44" type="text" class="tableinput" size="20"></td>
<td class="style21" align="right" style="height: 28px">Last Name:
<span class="redasterisk">*</span> </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text52" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Mailing Address 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text48" type="text" class="tableinput" size="20"></td>
<td class="style21" align="right">Country: <span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text53" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right" style="height: 28px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; City 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text49" type="text" class="tableinput" size="20"></td>
<td class="style20">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;Telephone 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text54" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">State 1: <span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text50" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Email Address #1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text55" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Zipcode 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text51" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">&nbsp;</td>
<td class="style16" style="height: 28px">
&nbsp;</td>
</tr>







</table>
<span class="comtext"><br />
</span><span class="comtextunderline">Optional</span><span class="comtext"><br />
<br />
<table class="comtext">

<tr>
<td class="style20" align="right">Organization Name:
<span class="asterisk">*</span></td>
<td class="style17" style="height: 28px; width: 80px;">
<input name="Text56" type="text" class="tableinput" size="20"></td>
<td class="style20">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
Fax 1:&nbsp;<span class="asterisk">&nbsp;</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text61" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">&nbsp; Mailing Address 2:&nbsp;&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text57" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Telephone 2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text62" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">City 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text58" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Fax 2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text63" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">State 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text59" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Email Address #2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text64" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Zipcode 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text60" type="text" class="tableinput" size="20"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<br />
<br />
For security reasons, we send passwords to<br />
second email address when available.<br />

<br />

</span></div>

</div></fieldset>

<br />

<fieldset name="Group2b" id="field2b" class="fieldsetcf2b">
<legend class="leg2b">
<span class="legnum">&nbsp;2b.</span> Instructions/Comments/Suggestions&nbsp;&nbsp;&nbsp;
</legend>

<div style="padding: 0 25px 0 25; border: 5px #FF9900 outset; margin: 25px; position: relative; width: auto; height: auto; z-index: 0; left: 0px; top: 0px; background-color: #FFF9EA;" id="field2bint" align="center">
<span class="comtext"><br />
Here is where you can tell us additional instructions or comments.<br />
We welcome constructive suggestions too!</span><br />
<br />
<textarea name="TextArea1" cols="20" rows="2" class="textarea"></textarea><br />
<span class="comtext"><br />
Thank You!!!<br />
<br />
</span>
</div>

</fieldset>
<br />


<fieldset name="Group2c" class="fieldsetcf2c" id="field2c">
<legend class="leg2c"><span class="legnum">&nbsp;2c.</span> Register&nbsp;&nbsp;
</legend>
<div style="padding: 0 25px 0 25; border: 5px #006600 outset; position: relative; width: auto; height: auto; z-index: 0; margin: 25px; background-color: #ECFFEC;" id="field2cint" align="center">
<br />
<span class="comtext">You will be registered at EZwebstart upon<br />
click of the &quot;Register&quot; button below.<br />
&nbsp;You will then be sent to PayPal where you can pay via<br />
your bank account or a valid credit card.<br />
&nbsp;You do </span><span class="medred">not</span><span class="comtext"> have to
be a member of PayPal.<br />
&nbsp;When we receive confirmation from PayPal of payment,<br />
we will begin setting up your account per your request.<br />
&nbsp;You will be informed via email every step of the way.<br />
<br />
<img alt="" src="images/69or599banner.jpg" width="458" height="150" /><br />
<br />
No contracts, no commitment, no setup fees, no hidden charges.<br />
&nbsp;Cancel anytime for a prorated refund.<br />
<br />
<table style="width: 90%" cellspacing="4" cellpadding="4" align="center" class="style2">
<tr>
<td class="tdribbon">&nbsp;<br />
<span>
<img alt="" src="images/45seal.jpg" width="100" height="160" class="blueribbon" id="blueribbon" /></span></td>
<td class="td45day">&nbsp;<span class="FREE">45</span>
Day No Hassle<br />
Money Back Guarantee!!!<span class="mediumteal"></span><br />
You have
<span class="FREE">45</span> days to<br />
&nbsp;fall in
love with us or you<br />
get all your money back.<br />
<span class="note">Note</span><span class="mediumgreen">: Fees for domain
names are not<br />
refundable to us and therefore<br />
not refundable to you.<br />
Thank you for understanding.</span></td>
<td class="tdmedallion">
<img alt="" src="images/guarantee100-grn.png" width="103" height="101" class="medallion" /></td>
</tr>
</table>
<br /></span>
<input name="TOS" type="checkbox" class="comtext" value="I have read and agree to Terms of Service." /><span class="comtext">&nbsp;
I have read and agree to Terms of Service</span><br />
<br />
<input name="RegisterHostingOnly" type="submit" value="Register" class="legnum" />
<br />
<br />
</div>
</fieldset>
</div>

<div id="footer">&nbsp;
</div>

*****************************************************************
*****************************************************************

Gerhard, I know I have an html issue with the first two fieldsets in my html not displaying the correct color in the field1aint and field1bint classes. Also, I noticed that in FF3 the footer text shifts to the right.

I made a discovery last night which may be affecting my viewing in FF3. I had the default font set to Arial 18. I have since decreased it to 14.

I am happy that my English is understandable to you. Thank you again so very much for your help Gerhard.

~~Ray :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Neuer Beitragvon Gerhard am Mo 14. Jul 2008, 23:07

Hello Ray,

your css-code includes a lot of wrong things. There are too much spans in the html. I have changed something. Here is your css-code:

Code: Alles auswählen
/* CSS layout */
.style7 {
color: #000080;
}
.style8 {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #FFFFF4;
text-align: center;
}
.style9 {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #000080;
}

.mainwrapper {
position: relative;
height: auto;
width: auto;/*changed by ahadesign*/
top: 6px;
margin-left: 0px;
margin-right: 0px;
left: 0px;
}
/* edit test -- Manipulating the mainwrapper does not change anything in either IE7 or FF3 browser
html>body .mainwrapper {
position: relative;
height: auto;
width: 732px;
top: 6px;
margin-left: 0px;
margin-right: 40px;
left: 0px;
right: 20px;
} */

/*html>body .mainwrapper {/*hab ich auskommentiert
position: relative;
height: auto;
top: 6px;
left: -12px;
width: 732px;
margin-right: auto;
}*/
.xlgecomtext {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #0099cc;
display:block;/*changed by ahadesign*/
}
.asterisk {
color: #FBFBFF;
}
.field1aintclass {
border-style: outset;
border: 5px #FFCC00 outset;
margin: 25px;
background-color: #FFFFF4;
z-index: 176;
}
.field1bintclass {
padding: 0 25px 0 25px;
z-index: 172;
background-color: #FAFFFF;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 25px;
margin-top: 25px;
border: 5px #00C6C6 outset;
}
.medallion {
top: -150px;
}
.redasterisk {
color: #FF0000;
font-size: x-large;
}
.tableinput {
width: 120px;
height: 18px;
}
.tdmedallion {
width: 100px;
}
.tdribbon {
width: 110px;
float: right;
}
#masthead {
position: relative;
top: 2px;
/*width: 722px;*/
width:auto;/*changed by ahadesign*/
height: 90px;
left: 0px;
z-index: 1;
background-image: url('../images/ezwebheader1.png');
background-repeat: no-repeat;
background-color: #BBE9F5;
font-family: Arial, Helvetica, sans-serif;
font-size: xx-large;
font-weight: bold;
color: #336699;
text-align: center;
line-height: 1.2em;
border-left-color: #BBE9F5;
border-left-style: outset;
border-left-width: 5px;
border-right-color: #BBE9F5;
border-right-style: outset;
border-right-width: 5px;
border-top-color: #BBE9F5;
border-top-style: outset;
border-top-width: 5px;
}
/*html>body #masthead {
position: relative;
top: 2px;
width: 722px;
height: 90px;
left: 0px;
z-index: 1;
background-image: url('../images/ezwebheader1.png');
background-repeat: no-repeat;
background-color: #BBE9F5;
font-family: Arial, Helvetica, sans-serif;
font-size: xx-large;
font-weight: bold;
color: #336699;
text-align: center;
line-height: 1.2em;
border-left-color: #BBE9F5;
border-left-style: outset;
border-left-width: 5px;
border-right-color: #BBE9F5;
border-right-style: outset;
border-right-width: 5px;
border-top-color: #BBE9F5;
border-top-style: outset;
border-top-width: 5px;
}*/
#top_nav {
position: relative;
left: 0px;
height: 20px;
/*width: 626px;*/
width:auto;/*changed by ahadesign*/
z-index: 1;
background-color: #BBE9F5;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0099cc;
border-bottom-color: #BBE9F5;
border-bottom-style: outset;
border-bottom-width: 5px;
border-left-color: #BBE9F5;
border-left-style: outset;
border-left-width: 5px;
border-right-color: #BBE9F5;
border-right-style: outset;
border-right-width: 5px;
}
/*html>body #top_nav {
position: relative;
left: 0px;
height: 20px;
width: 722px;
z-index: 1;
background-color: #BBE9F5;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0099cc;
border-bottom-color: #BBE9F5;
border-bottom-style: outset;
border-bottom-width: 5px;
border-left-color: #BBE9F5;
border-left-style: outset;
border-left-width: 5px;
border-right-color: #BBE9F5;
border-right-style: outset;
border-right-width: 5px;
}*/
#page_content {
top: -10px;
/*width: 722px;*/
width:auto;/*changed by ahadesign*/
height: auto;
line-height: 1.7em;
position: relative;
z-index: 1;
left: 0px;
}
/*html>body #page_content {
top: -30px;
width: 722px;
height: auto;
line-height: 1.7em;
position: relative;
z-index: 1;
left: 0px;
}*/
.headimage {
text-align: center;
top: -40px;
right: auto;
left: auto;
}
.subsubtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #000080;
text-align: center;
width: 98%;
}
.subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #000080;
text-align: center;
}
.blueribbon {
position: relative;
top: 0px;
float: left;
z-index: auto;
}
.yourdomain-com {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0000FF;
text-align: left;
left: -100px;
}
.textarea {
/*width: 500px;*/
width:auto;/*changed by ahadesign*/
height: 300px;
}
.OR {
font-family: "Arial Black";
font-size: x-large;
font-weight: bold;
color: #6EC940;
}
.small {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #008000;
text-align: left;
left: -100px;
}
.leg1a {
border: 5px #FFCC00 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #FFFFF4;
line-height: 1.5em;
/*width: 580px;*/
width:auto;/*changed by ahadesign*/
display:block;/*changed by ahadesign*/
}
.comtext {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0099CC;
position: relative;
}
.FREE {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #CC0066;
}
.legnum {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-large;
font-weight: bold;
color: #CC0066;
}
.reallywant {
font-family: "Freehand521 BT";
font-size: x-large;
font-weight: bold;
color: #0099CC;
display:block;/*changed by ahadesign*/
}
.fieldsetcf1a {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: 173;
background-color: #BBE9F5;
top: 36px;
}
#footer {
position: relative;
top: auto;
left: 0px;
/*width: 716px;*/
width:auto;/*changed by ahadesign*/
height: 30px;
background-color: #FF00FF;
z-index: 1;
margin-left: auto;
margin-right: auto;
bottom: auto;
border-bottom-color: #FFCC66;
border-bottom-style: solid;
border-bottom-width: 3px;
border-left-color: #FFCC66;
border-left-style: solid;
border-left-width: 3px;
border-right-color: #FFCC66;
border-right-style: solid;
border-right-width: 3px;
margin-bottom: 6px;
}
/*html>body #footer {
position: relative;
top: auto;
left: 0px;
width: 712px;
height: 30px;
background-color: #FF00FF;
z-index: 1;
margin-left: auto;
margin-right: auto;
bottom: auto;
border-bottom-color: #FFCC66;
border-bottom-style: solid;
border-bottom-width: 3px;
border-left-color: #FFCC66;
border-left-style: solid;
border-left-width: 3px;
border-right-color: #FFCC66;
border-right-style: solid;
border-right-width: 3px;
margin-bottom: 6px;
}*/
.fieldsetcf1b {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: 170;
text-align: center;
background-color: #DFFFFF;
}
.Example {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #9900CC;
text-decoration: underline;
}
.purplecolon {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #9900CC;
}
.Suggestion {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #FF00FF;
text-decoration: underline;
}
.fuchsiacolon {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #FF00FF;
}
.mediumgreen {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #009933;
text-align: left;
left: -100px;
}
.smallmaroon {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #990000;
text-align: left;
left: -100px;
}
.comlink {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0000FF;
}
.comtextred {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #CC0066;
}
.fieldsetcf1c {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: auto;
text-align: center;
background-color: #FFFBFD;
}
.fieldsetcf1d {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: auto;
text-align: center;
background-color: #FBFFFB;
}
.lgeasterisk {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #0099CC;
}
.leg1b {
border: 5px #00C6C6 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #FAFFFF;
line-height: 1.5em;
display:block;/*changed by ahadesign*/
}
.leg1c {
border: 5px #FF37FF outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #FFF9FF;
line-height: 1.5em;
}
.leg1d {
border: 5px #00CC99 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #F7FDF7;
line-height: 1.5em;
}
.fieldsetcf2a {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: auto;
text-align: center;
background-color: #FBFBFF;
}
.leg2a {
border: 5px #800080 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #F9F9FF;
line-height: 1.5em;
}
.fieldsetcf2b {
border: 3px #FFCC66 solid;
z-index: 168;
background-color: #FFEFCE;
width: auto;
height: auto;
left: 0px;
position: relative;
}
.leg2b {
border: 5px #FF9900 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000080;
background-color: #FFF9EA;
line-height: 1.5em;
}
.fieldsetcf2c {
width: auto;
height: auto;
left: 0px;
border: 3px #FFCC00 solid;
position: relative;
z-index: auto;
text-align: center;
background-color: #AAFFAA;
}
.leg2c {
border: 5px #006600 outset;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #CC0066;
background-color: #ECFFEC;
line-height: 1.5em;
}
.note {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #008000;
text-decoration: underline;
}
.mediumteal {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #008080;
text-align: left;
left: -100px;
}
.medred {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #CC0066;
}
.mediumdarkred {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #cc0066;
text-align: left;
left: -100px;
}
.webdropdown {
width: 324px;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #0099CC;
}
.comtextunderline {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0099CC;
text-decoration: underline;
}
.FREExl {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #CC0066;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #0099cc;
}
.style2 {
font-size: xx-small;
line-height: 1.5em;/*changed by ahadesign*/
}
.tbnotedomreg {
padding: 3px;
border: 1px solid #008000;
background-color: #F8F8F8;
width: 96%;
}
.style4 {
font-family: "Arial Black";
font-size: x-small;
font-weight: bold;
color: #6EC940;
}
.style5 {
font-family: "Arial Black";
font-weight: bold;
color: #6EC940;
}
.style6 {
font-size: small;
}
.td_domainname {
float: right;
font-family: Arial, Helvetica, sans-serif;
color: #0099cc;
font-size: medium;
}
.inputchoice {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0099cc;
width: 200px;
}
.tabledomainname {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0099cc;
width: 350px;
}
.td45day {
text-align: center;
}
.tdchoice {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #0099cc;
width: 150px;
}
.field2cint {
background-color: #ECFFEC;
}
.tdmediumgreen {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #009933;
text-align: left;
left: -100px;
padding-top: 3px;
padding-left: 6px;
}
.tdmediumgreenbottom {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #009933;
text-align: left;
left: -100px;
padding-left: 6px;
padding-bottom: 3px;
}


And here is your html-code:

Code: Alles auswählen
<style type="text/css">
@import url(templates/aha_edition_white/css/ezwebdomregDEV3.css);
</style>

<div id="mainwrapper" class="mainwrapper" align="center">


<div id="masthead" style="left: 0px; top: 2px">EZwebstart -- Register Here!!!<br />
<span class="subtitle">for webhosting plus personal domain name or transfer</span></div>


<div id="top_nav">&nbsp;<span class="subsubtitle">(fill in only what applies to
you)</span></div>
<div id="page_content">

<fieldset id="field1a" name="Group1a" class="fieldsetcf1a" style="z-index: 173">
<legend class="leg1a" style="width: auto"><span class="legnum">&nbsp;1a.</span>
Tell Us What You Want
&nbsp;<span class="reallywant">...what you really want!!!&nbsp; </span></legend>

<div align="center" class="field1aint">
<br />
<span class="xlgecomtext">Choose Your
<span class="FREExl">FREE:</span>
New Website Program!!!</span><span class="style1"> <br />
&nbsp;</span><select name="Your_FREE_Website_Program" class="webdropdown" tabindex="1" style="width: 401px">
<option selected="select one" value="select one">select one</option>
<option value="b2evolution">b2evolution Blog</option>
<option>Coppermine Photo Gallery</option>
<option>Cube Cart Shopping Cart (eCommerce)</option>
<option>Drupal Blog & CMS</option>
<option>Gallery2 Photo Gallery</option>
<option>Joomla! CMS & Blog</option>
<option>Mambo CMS & Blog</option>
<option>Open Realty</option>
<option>phpBB Forum</option>
<option>Simple Machines Forum (SMF)</option>
<option>TikiWiki CMS & Blog</option>
<option>WordPress Blog</option>
<option>Zen Cart Shopping Cart (eCommerce)</option>
</select>
<span class="style2">&nbsp;<span class="comtext"><img alt="" src="images/say_what.gif" width="66" height="50" style="float: right; position: relative; left: -72px; top: 23px;" /><br />
</span><br />
<input name="Radio1" type="radio" checked="checked" />
&nbsp;</span><span class="comtext">Please provide your</span><span class="FREE"> FREE</span><span class="comtext">
installation<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
of this </span><span class="FREE">FREE</span><span class="comtext">
program.
<br />
</span><span class="OR">~~ OR ~~</span> <br />
<input name="Radio15" type="radio" checked="checked" />
&nbsp;<span class="comtext">Please leave my website blank.<br />
&nbsp;
I will install my own website.</span>
<br />
&nbsp;</div></fieldset><br /><br />
</div>


<fieldset name="Group1b" class="fieldsetcf1b" id="field1b" style="z-index: 172; background-color: #DFFFFF;">
<legend class="leg1b"><span class="legnum">&nbsp;1b.</span> Choose Your
Web Address for $10/year *&nbsp;&nbsp;&nbsp; </legend>


<div id="field1bint" align="center" class="field1bint">
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="comtext">Example: &quot;scubadivers.com&quot;</span><br />
<table cellpadding="2" class="comtext" align="center" id="tabledomain">
<tr>
<td colspan="2" class="tdchoice"><span >
<span class="td_domainname" class="comtext">1st choice:</span></span></td>
<td colspan="2">
<input name="Text22" type="text" class="inputchoice">
</td>
</tr>
<tr>
<td colspan="2" class="tdchoice"><span class="td_domainname">2nd choice:</span></td>
<td colspan="2">
<input name="Text23" type="text" class="inputchoice">
</td>
</tr>
<tr>
<td colspan="2" class="tdchoice"><span class="td_domainname">3rd choice:</span></td>
<td colspan="2">
<input name="Text24" type="text" class="inputchoice"> </td>
</tr>
</table>
<span class="comtext">Please double check your spelling for
accuracy.<br />
&nbsp;EZwebstart is not responsible for misspelled applications.<br />
&nbsp;Domain name fees are non-refundable to us and therefore<br />
are also
non-refundable to you.
Thank you for understanding.<br />
<br />
We will register
</span><span class="FREE">YOUR</span><span class="comtext"> web address (domain name)<br />
in
</span><span class="FREE">YOUR</span><span class="comtext"> name
as
</span><span class="FREE">Registrant</span><span class="comtext"> with ezwebstart.biz<br />
as the administrative,
billing and email contact.<br />
&nbsp;This makes
</span><span class="FREE">YOU</span><span class="comtext"> the
official owner of
</span><span class="FREE">YOUR</span><span class="comtext"> domain name<br />
yet protects you from this public listing being a source of<br />
email spam and solicitation while making us your workhorse.<br />
<br />
<table style="width: 100%; background-color: #F8F8F8" class="style3">
<tr>
<td><span class="note">Note</span><span class="mediumgreen">:</span></td>
<td><span class="mediumgreen">If you prefer other arrangements, please
post in comment</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><span class="mediumgreen">&nbsp;
area below
and we will be happy to accommodate you.</span></td>
</tr>
</table>
</span><span class="style4">&nbsp;</span><span class="OR"><br />
~~ OR ~~<br />
</span><span class="comtext"><br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; We are currently able to offer </span>
<span class="FREE">FREE</span><span class="comtext"> anonymity for web address<br />
(domain name) registrations. This means that your name, address,<br />
telephone number and email address will not be publicly displayed<br />
on the internet. This reduces your email, postal (snail) mail<br />
and telephone spam and solicitations.<br />
<br />
</span><span class="style8">
<input name="checkbox2" type="checkbox" class="comtext"></span><span class="comtext">&nbsp;&nbsp;&nbsp; Yes, I want
</span><span class="FREE">FREE</span><span class="comtext">
anonymous registration!<br />
</span><span class="mediumgreen">(not recommended for businesses)<br />
<span class="note">Note</span>: (The &quot;.us&quot; extension is not permitted to have anonymous
registration)<br />
</span>
<span class="comtext"><br />
We will do our best to obtain your prime choice of web address.<br />

If however they are already taken, we will contact you<br />
with some alternative choices.<br />
<br />
* Some domains cost more.</span><br />
<br />
</div>
</fieldset>
<br />


<fieldset name="Group1d" class="fieldsetcf1d" id="field1d" style="z-index: 171; background-color: #E8F9E8;">
<legend class="leg1d"><span class="legnum">&nbsp;1c.</span> If You Already Own Your<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Personalized Web Address&nbsp;&nbsp;&nbsp; </legend>
<div style="margin: 25px; width: auto; z-index: 0; border: 5px #00CC99 outset; left: 28px; background-color: #F7FDF7; padding-left: 25px; padding-right: 25px;" id="field1cint" align="center">
<span class="comtext">
<br />
<input name="Radio5" type="radio" value="V1" checked="checked" />&nbsp; I want to
transfer my domain name to EZwebstart so that you can<br />
&nbsp;manage my domain name. Transfer fee of $10* also gives me<br />
an extra year registration. This is like getting a
</span><span class="FREE">FREE</span><span class="comtext">
transfer.<br />
My domain name to transfer is:<br />
<input name="Text27" type="text" />
.

<select name="Select3" style="width: 78px">
<option></option>
</select>&nbsp; other:

<input name="Text28" type="text" style="width: 90px" /> <br />
<br />
Domain name fees are non-refundable to us and therefore<br />
are also non-refundable to you. Thank you for understanding.<br />
<br />
We will register
<span class="FREE">YOUR</span> web address (domain name) in
<span class="FREE">YOUR</span> name<br />
as
<span class="FREE">Registrant</span> with ezwebstart.biz as the
administrative,<br />
billing and email contact.<br />
&nbsp;This makes
<span class="FREE">YOU</span> the official owner of
<span class="FREE">YOUR</span> domain name yet<br />
&nbsp;protects you from this public listing being a source of<br />
email spam and solicitation while making us your workhorse.<br />
<br />
<table style="width: 100%; background-color: #F8F8F8" class="style3">
<tr>
<td><span class="note">Note</span><span class="mediumgreen">:</span></td>
<td><span class="mediumgreen">If you prefer other arrangements,
please post in comment</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><span class="mediumgreen">&nbsp;
area below
and we will be happy to accommodate you.</span></td>
</tr>
</table>
<br />
<span class="OR">~~ OR ~~<br />
</span><span class="style5"><span class="style6">&nbsp; </span>
</span><br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; We are currently able to offer
<span class="FREE">FREE</span> anonymity for web address<br />
(domain name) registrations. This means that your name, address,<br />
telephone number and email address will not be publicly displayed<br />
on the internet. This reduces your email, postal (snail) mail<br />
and telephone spam and solicitations.<br />
<br />
<span class="style8">
<input name="checkbox4" type="checkbox" class="comtext"></span>&nbsp;&nbsp;&nbsp; Yes, I
want
<span class="FREE">FREE</span>
anonymous registration!<br />
<span class="mediumgreen">(not recommended for businesses)<br />
<span class="note">Note</span>:
(The &quot;.us&quot; extension is not permitted to have
anonymous registration)</span></span><span class="mediumgreen"><br />
</span><span class="comtext">
<span class="mediumgreen"><span class="mediumteal"><br />
</span></span>You will be contacted with further instructions to<br />
transfer your domain to EZwebstart. &nbsp;</span><br />
<br />
<input name="Radio6" type="radio" value="V1" checked="checked" /><span class="comtext">&nbsp;
Please help me point my domain to your name servers.<br />
<br />
</span>
<input name="Radio7" type="radio" value="V1" checked="checked" /><span class="comtext">&nbsp;&nbsp;
I will point my domain to your name servers.<br />
<br />
*Some domains cost more.<br />
</span><br />
</div>
<span class="comtext">
&nbsp;</span>&nbsp;</fieldset>
<br />
<fieldset name="Group1c" class="fieldsetcf1c" id="field1c" style="z-index: 170; background-color: #FFECF5;">
<legend class="leg1c"><span class="legnum">&nbsp;1d.</span> Choose Your
<span class="FREE">FREE</span> Email Addresses&nbsp;&nbsp;&nbsp; </legend>
<div style="width: auto; height: auto; z-index: 0; margin: 25px; background-color: #FFF9FF; border: 5px #FF37FF outset; padding-left: 25px; padding-right: 25px;" id="field1dint">
<span class="comtext"><br />
<input name="Radio10" type="radio" value="V1" checked="checked" />&nbsp;
Thank you for offering but I will set up my own email addresses.
<br />
<br />
<input name="Radio11" type="radio" checked="checked" value="V1" />

Please set up my email addresses for me, thank you.

<br />
<br />
<input name="Radio4" type="radio" value="V1" checked="checked" />

Please teach me to set up my own email addresses.<br />
&nbsp;<br />

You have unlimited email addresses.<br />
&nbsp;We will setup your first two for
<span class="FREE">FREE!!!<br />
</span>Please indicate the first part of each email address you want.<br />
In the
example </span><a href="mailto:dorothy@yourdomainname.com"><span class="comtextred">dorothy</span><span class="comlink"><span class="comtext">@yourdomainname.com</span></span></a><span class="comtext">,<br />
&quot;<span class="comtextred">dorothy</span>&quot; is the first part.
<br />
Please indicate your choices below.<br />
1st part of email address #1:

<input name="Text2" type="text" class="comtext" style="width: 162px" />
@yourdomainname<br />
1st part of email address #2:

<input name="Text3" type="text" class="comtext" style="width: 162px" />
@yourdomainname<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span><span class="Example">example</span><span class="small"><span class="comtext">: </span> </span><span class="mediumdarkred">dorothy</span><span class="comtext"><span class="yourdomain-com">@yourdomainname.com</span><span class="comlink"><br />
</span><br />
So we can set your email account to your local time,<br />
please indicate your
time zone.<br />
<br />
&nbsp;
<input name="Radio12" type="radio" checked="checked" value="V1" class="comtext" />
EST&nbsp;&nbsp;&nbsp;

<input name="Radio13" type="radio" value="V1" class="comtext" checked="checked" />






CST&nbsp;&nbsp;&nbsp;

<input name="Radio14" type="radio" value="V1" class="comtext" checked="checked" />
MST&nbsp;&nbsp;&nbsp;

<input name="Radio2" type="radio" value="V1" class="comtext" checked="checked" />
PST&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; other:

<input name="Text4" type="text" class="comtext" />
<br />
<br />
<br />
Remember, you have unlimited email accounts that you<br />
&nbsp;can set up within your hosting account for <span class="FREE">FREE</span>.<br />
Or, we can set them up for you for a one time charge of $6 each.<br />
<br />
</span></div>
</fieldset>

<br />

<fieldset name="Group1" class="fieldsetcf2a" id="field2a" style="z-index: 169; background-color: #E1E1FF; height: auto; left: 0px; width: auto; position: relative;">
<legend class="leg2a"><span class="legnum">&nbsp;2a.</span> Tell Us Who You Are &nbsp;
</legend>
<div class="style23">
<div style="padding-left: 5px; padding-right: 5px; padding: 0 25px 0 25; position: relative; width: auto; height: auto; z-index: 0; left: 0px; top: -12px; margin: 25px; border: 5px #800080 outset; background-color: #F9F9FF; " id="field2aint">
<span class="comtext"><br />
ICANN, the credentialing body for all web addresses (domain names)
<br />
in the world requires the following information<br />
from all domain name purchasers.<br />
If you are purchasing or transferring a domain name,<br />
the following information must be provided.<br />
</span><span class="note">Note</span><span class="mediumgreen">:
ICANN does not accept P.O. box addresses. <br />
</span>
<span class="comtext"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
(</span><span class="redasterisk">*</span><span class="comtext"> = required)<br />
<br />
</span>
<table class="comtext">
<tr>
<td class="style20" align="right" style="height: 28px">First Name:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text44" type="text" class="tableinput" size="20"></td>
<td class="style21" align="right" style="height: 28px">Last Name:
<span class="redasterisk">*</span> </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text52" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Mailing Address 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text48" type="text" class="tableinput" size="20"></td>
<td class="style21" align="right">Country: <span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text53" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right" style="height: 28px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; City 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text49" type="text" class="tableinput" size="20"></td>
<td class="style20">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;Telephone 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text54" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">State 1: <span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text50" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Email Address #1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text55" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Zipcode 1:
<span class="redasterisk">*</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text51" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">&nbsp;</td>
<td class="style16" style="height: 28px">
&nbsp;</td>
</tr>








</table>

<span class="comtext"><br />
</span><span class="comtextunderline">Optional</span><span class="comtext"><br />
<br />
<table class="comtext">

<tr>
<td class="style20" align="right">Organization Name:
<span class="asterisk">*</span></td>
<td class="style17" style="height: 28px; width: 80px;">
<input name="Text56" type="text" class="tableinput" size="20"></td>
<td class="style20">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
Fax 1:&nbsp;<span class="asterisk">&nbsp;</span></td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text61" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">&nbsp; Mailing Address 2:&nbsp;&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text57" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Telephone 2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text62" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">City 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text58" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Fax 2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text63" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">State 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text59" type="text" class="tableinput" size="20"></td>
<td class="style15" align="right">Email Address #2:<span class="asterisk">*</span>&nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text64" type="text" class="tableinput" size="20"></td>
</tr>
<tr>
<td class="style20" align="right">Zipcode 2: &nbsp; </td>
<td class="style17" style="height: 28px; width: 110px;">
<input name="Text60" type="text" class="tableinput" size="20"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<br />
<br />
For security reasons, we send passwords to<br />
second email address when available.<br />

<br />

</span></div>

</div></fieldset>

<br />

<fieldset name="Group2b" id="field2b" class="fieldsetcf2b">
<legend class="leg2b">
<span class="legnum">&nbsp;2b.</span> Instructions/Comments/Suggestions&nbsp;&nbsp;&nbsp;
</legend>

<div style="padding: 0 25px 0 25; border: 5px #FF9900 outset; margin: 25px; position: relative; width: auto; height: auto; z-index: 0; left: 0px; top: 0px; background-color: #FFF9EA;" id="field2bint" align="center">
<span class="comtext"><br />
Here is where you can tell us additional instructions or comments.<br />
We welcome constructive suggestions too!</span><br />
<br />
<textarea name="TextArea1" cols="20" rows="2" class="textarea"></textarea><br />
<span class="comtext"><br />
Thank You!!!<br />
<br />
</span>
</div>

</fieldset>
<br />


<fieldset name="Group2c" class="fieldsetcf2c" id="field2c">
<legend class="leg2c"><span class="legnum">&nbsp;2c.</span> Register&nbsp;&nbsp;
</legend>
<div style="padding: 0 25px 0 25; border: 5px #006600 outset; position: relative; width: auto; height: auto; z-index: 0; margin: 25px; background-color: #ECFFEC;" id="field2cint" align="center">
<br />
<span class="comtext">You will be registered at EZwebstart upon<br />
click of the &quot;Register&quot; button below.<br />
&nbsp;You will then be sent to PayPal where you can pay via<br />
your bank account or a valid credit card.<br />
&nbsp;You do </span><span class="medred">not</span><span class="comtext"> have to
be a member of PayPal.<br />
&nbsp;When we receive confirmation from PayPal of payment,<br />
we will begin setting up your account per your request.<br />
&nbsp;You will be informed via email every step of the way.<br />
<br />
<img alt="" src="images/69or599banner.jpg" width="458" height="150" /><br />
<br />
No contracts, no commitment, no setup fees, no hidden charges.<br />
&nbsp;Cancel anytime for a prorated refund.<br />
<br />
<table style="width: 90%" cellspacing="4" cellpadding="4" align="center" class="style2">
<tr>
<td class="tdribbon">&nbsp;<br />
<span>
<img alt="" src="images/45seal.jpg" width="100" height="160" class="blueribbon" id="blueribbon" /></span></td>
<td class="td45day">&nbsp;<span class="FREE">45</span>
Day No Hassle<br />
Money Back Guarantee!!!<span class="mediumteal"></span><br />
You have
<span class="FREE">45</span> days to<br />
&nbsp;fall in
love with us or you<br />
get all your money back.<br />
<span class="note">Note</span><span class="mediumgreen">: Fees for domain
names are not<br />
refundable to us and therefore<br />
not refundable to you.<br />
Thank you for understanding.</span></td>
<td class="tdmedallion">
<img alt="" src="images/guarantee100-grn.png" width="103" height="101" class="medallion" /></td>
</tr>
</table>
<br /></span>
<input name="TOS" type="checkbox" class="comtext" value="I have read and agree to Terms of Service." /><span class="comtext">&nbsp;
I have read and agree to Terms of Service</span><br />
<br />
<input name="RegisterHostingOnly" type="submit" value="Register" class="legnum" />
<br />
<br />
</div>
</fieldset>
</div>

<div id="footer">&nbsp;
</div>


It is much more better than before. But its not really ok in IE´s. The hole code has a lot of failures. I have inserted some display:block and changed width to auto. Im sorry, but I have not enough time to make a complete clean code. Tomorrow a great project begins for me.
I hope my changes helps you enough.

Greetz

Gerhard
Gratis Templates, News, Tutorials und vieles mehr, bei http://www.Ahadesign.eu
Benutzeravatar
Gerhard
Administrator
 
Beiträge: 1159
Registriert: Do 27. Dez 2007, 22:48
Plz/Ort: Oberfranken

Re: Fixing Browser Differences

Neuer Beitragvon RMIGHTY1 am Di 15. Jul 2008, 04:09

Hello Gerhard,

I can hardly believe how much work you have freely given to help make this work for me. I am sorry my coding is a mess. I am new to expression web. This is the most complex form I have ever made. If I am able to create the website using this template, it will be because of all the hard work you have provided.

I pray all will work out with this template as I love it so much. When it works well for me and I can use it, I will not forget you and will return to pay you for your "free" template. I will resume working on it again now.

I wish you well on your new project.

Thank you again so very, very much Gerhard for your patience and for all your knowledgeable help.

Sincerely,

Ray Snarski :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Re: Fixing Browser Differences

Neuer Beitragvon Gerhard am Mi 16. Jul 2008, 19:32

Hello Ray,

if Internet Explorers works fine and FF, Opera makes trouble, then in most cases IE´s ignore some failures.

thank you very much for your praise. Thats one of the reasons, why I love this work.
I will help you again in the future if I could and you understand my horrable english.

CU again

Gerhard
Gratis Templates, News, Tutorials und vieles mehr, bei http://www.Ahadesign.eu
Benutzeravatar
Gerhard
Administrator
 
Beiträge: 1159
Registriert: Do 27. Dez 2007, 22:48
Plz/Ort: Oberfranken

Re: Fixing Browser Differences

Neuer Beitragvon RMIGHTY1 am Do 17. Jul 2008, 06:03

Hello Gerhard,

Sounds good, thank you! There were many unnecessary spans in the code earlier from having copied that page and attaching a different CSS. I did not add those but took some out. It was annoying to me to see in Expression Web's Layer section all those new layers without me having created them. They would not even highlight in EW to be able to delete them. Had to go into the code to do it. There were so many that I decided to make a new page. Sheeeeesh!!! Am starting from scratch again but have the benefit of the past experience. For sure Gerhard, I will be back and I love all your templates!!!

Trust me Gerhard, your English is MUCH better than my German. I know no German.

~~Ray :)
Benutzeravatar
RMIGHTY1
Beginner
 
Beiträge: 14
Registriert: So 8. Jun 2008, 05:16

Vorherige

Zurück zu Templates für Joomla 1.0.xx

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron