No, sorry that seems to throw it all outta wack in the other direction....If I leave the flawed line in...it works...if I correct it in any way shape or form, it doesn't.
if you get it to work please paste the code...
Main Topics
Browse All TopicsOK please copy the code below and make it an .htm and run it....if you leave the code exactly the way it is, it produces the results I want....
but if you will please have a stare at this line:
<div style="visibility: visible; position: absolute; top:53px; left:400px;>
(I will put a large amt of whitespace around it when I paste the actual code...)
but do you notice that my syntax is wrong?
the opening quote does not get closed...
<div style="visibility...
should end with ">
but ends with > instead
if I close the quotes, my alignment gets shot ALL outta wack
if I remove the one unclosed quote, same thing...
Please tell me why my code only works when I leave the single quote unclosed in my div tag...
this is very weird to me, if I would not have made this error, my code would never work...
so what I mean is...
this line works (original flawed code):
<div style="visibility: visible; position: absolute; top:53px; left:400px;>
this line does not work (closing quote added):
<div style="visibility: visible; position: absolute; top:53px; left:400px;">
this line also does not work (unclosed quote removed):
<div style=visibility: visible; position: absolute; top:53px; left:400px;>
Please try it yourself and tell me why this weirdness is occurring....Thanks
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>AmeriVoice Telecommunications Inc.</title>
<style>
BODY { scrollbar-3d-light-color:#
scrollbar-arrow-color:#FFF
scrollbar-base-color:#9097
scrollbar-dark-shadow-colo
scrollbar-face-color:#9097
scrollbar-highlight-color:
scrollbar-shadow-color:bla
}
.style { background-color: #9097cf;
font-size: 10pt;
font-family: Arial;
color: #ffffff
}
.go { background-color: #9097cf;
font-size: 10pt;
font-family: Arial;
border-color: #FFFFFF;
color: #FFFFFF
}
</style>
<script language=javascript>
function fnShowHide(param)
{
document.all.n.style.visib
document.all.one.style.vis
document.all.two.style.vis
document.all.three.style.v
document.all[param].style.
}
</script>
</head>
<body link="#9097CF" alink="#1100FF" vlink="#0000FF" background="images/rGPurpl
<div align=left style="visibility: visible;position: absolute; top:0px; left:0px">
<img src="images/slant.gif" width="170" height="53"></div>
<BR><BR>
<div style="visibility: visible; position: absolute; top:53px; left:400px;>
<table border="0" width="672">
<tr><td width="672">
<font size="6" face="sans-serif"><center>
<BR><BR>
<center><form name=form>
<select onChange="fnShowHide(this.
<option value="n">Select a Service</option>
<option value="one">Residential Telephone</option>
<option value="two">Business Telephone</option>
<option value="three">Cingular Wireless</option>
</select></form></center>
<br>
<center><img src="images/newfill.gif" width="271" height="273"></center>
</td></tr></table></div>
<div id=n style="visibility: visible;position: absolute; top: 287px; left: 320px;">
<table border="0" width=435>
<tr>
<td>
<font size=4 color=#000000 face="sans-serif">Select a service from the menu to learn more about it.</font>
</td>
</tr>
</table>
</div>
<div id=one style="visibility: hidden;position: absolute; top:50px; top: 210px; left: 182px;">
<table border="0" width="672">
<tr>
<td colspan="2" width="672">
<p align="center">  
</tr>
<tr>
<td colspan="2" width="672">
<p align="left"> &
<ul>
<li>
<p align="center"><font size="4" face="sans-serif">Unlimite
<li>
<p align="center"><font size="4" face="sans-serif">Unlimite
<li>
<p align="center"><font size="4" face="sans-serif">Call Waiting</font></li>
<li>
<p align="center"><font size="4" face="sans-serif">Caller ID</font></li>
<li>
<p align="center"><font size="4" face="sans-serif">Caller ID with Name</font></li>
<li>
<p align="center"><font size="4" face="sans-serif">Automati
<li>
<p align="center"><font size="4" face="sans-serif">Call Forwarding</font></li>
<li>
<p align="center"><font size="4" face="sans-serif">Repeat Dialing</font></li>
<li>
<p align="center"><font size="4" face="sans-serif">Three-Wa
<li>
<p align="center"><font size="4" face="sans-serif">Speed Dialing</font></li>
<li>
<p align="center"><font size="4" face="sans-serif">Long Distance (Up to 200 minutes per month)</font></li>
</ul>
<center><font size="6" face="sans-serif">$49.95 </font><font size="4" face="Arial, Helvetica, sans-serif">Per Mo. + Tax/Fees
<BR><b><font size="2" face="Arial, Helvetica, sans-serif">Note: NO ADDITIONAL FEATURES CAN BE ADDED TO THIS OFFER!</font></b><p>
</td>
</tr>
<tr>
<td align="left" width="336">
<p><b><i>SWITCH WORKING SERVICE:<BR> </i></b>
<p><b>WITH WIRE MAINTENANCE PLAN:</b></td>
<td align="right" width="336">
<p align="left"><b><i>$49.95 + Tax = $54.95</i></b></p>
<p align="left"><BR><b>$5.00 + $49.95 + Tax = $59.70</b></td>
</tr>
<tr>
<td align="left" width="336">
<p> </p>
<p><b><i>NEW SERVICE:<BR> </i></b>
<p align="left"><b>WITH WIRE MAINTENANCE PLAN:</b><p align="left"><b>(Includes
Activation and 1st Month of Service)</b></td>
<td align="right" width="336">
<p align="left"> </p>
<p align="left"><b><i>$79.95 + Tax = $86.85</i></b></p>
<p align="left"><b><i></i>
</i></b><BR><b>$5.00 + $79.95 + Tax = $92.25</b></b><p align="left"> </td>
</tr>
<tr>
<td colspan="2"> <p><b><u
ALL AMERIVOICE CUSTOMERS WILL RECEIVE 100 FREE MINUTES OF LONG DISTANCE
SERVICE EACH MONTH. ANOTHER 100 FREE LONG DISTANCE MINUTES WILL BE ADDED <u>
TOTALING 200 FREE LONG DISTANCE MINUTES OR 3 HOURS AND 20 MINUTES</u> - WHEN
WE RECEIVE YOUR MONTHLY PAYMENT BY THE "DUE DATE" ON YOUR MONTHLY INVOICE.
YOUR LONG DISTANCE MINUTES ARE FREE, BUT A $4.95 MONTHLY LONG DISTANCE SERVICE
FEE WILL BE INCLUDED ON YOUR MONTHLY INVOICE.</font></b></p>
<p><font size="1" face="sans-serif"><u>
<b>MAINTENANCE PLAN:</b></u><b> IF YOUR PHONE RINGS - BUT NOT INSIDE YOUR HOME
OR THERE IS ANOTHER WIRING PROBLEM DURING THE FIRST 30 DAYS AFTER SERVICE IS
ACTIVATED TO YOUR NETWORK INTERFACE BOX, YOU CAN CHOOSE TO HAVE US REPAIR THE
PROBLEM FOR ONLY $25.00 (AMERITECH CHARGES $125.00), PAID BY MONEY ORDER TO
THE TECH UPON ARRIVING AT YOUR HOME - BEFORE ANY WORK IS DONE. YOU MAY CHOOSE
TO DO THE WORK YOURSELF OR HIRE SOMEONE ELSE TO DO IT.</b></font></p>
<p><font size="1" face="sans-serif"><u><b>NO
$75.00 FOR THE FIRST HOUR AND $20.00 FOR EACH ADDITIONAL 15 MINUTES
THEREAFTER.</b></font></p>
<p align="center"><i><u><font
ONLY<BR><BR></b></b></font
</tr>
</table>
</div>
<div id=two style="visibility: hidden;position: absolute; top:50px; top: 210px; left: 250px;">
<table border="0" width="550">
<tr>
<td colspan="2" width="550">
<p align="center">  
</tr>
<tr>
<td colspan="2" width="550">
<p align="left"> &
<font size="4" face="sans-serif">This page is currently under construction...Please check back soon!<BR><BR><center>Call (800) 471-2701 to order your business line today!</center></font></td
</tr>
</table>
</div>
<div id=three style="visibility: hidden;position: absolute; top:50px; top: 210px; left: 182px;">
<table border="0" width="672">
<tr>
<td colspan="2" width="672">
<p align="center">  
</tr>
<tr>
<td colspan="2" align="center">
<font size="4" face="sans-serif">
<BR><BR>
AmeriVoice Telecommunications is now an authorized Cingular Wireless agent.
</font>
</td>
</tr>
<tr>
<td colspan="2" width="672">
<p align="left"> &
<ul>
<li>
<p align="center">
<font size="4" face="sans-serif">We honor any and all promotions currently offered by Cingular Wireless<BR><BR>
</font>
</li>
<li>
<p align="center">
<font size="4" face="sans-serif">Contract
</li>
<li>
<p align="center">
<font size="4" face="sans-serif">Prepaid (K.I.C.) Phones<BR><BR>
</font>
</li>
<li>
<p align="center">
<font size="4" face="sans-serif">Prepaid Phone Cards ($10, $20, or $30)<BR><BR>
</font>
</li>
<li>
<p align="center">
<font size="4" face="sans-serif">We carry all phones offered by Cingular Wireless (Nokia, Motorola, Sony)<BR><BR>
</font>
</li>
<li>
<p align="center">
<font size="4" face="sans-serif">We carry accessories for all phones offered by Cingular Wireless<BR><BR>
</font>
</li>
<li>
<p align="center">
<font size="4" face="sans-serif">Bring in ANY Cingular Wireless phone and have it activated through us<BR><BR><BR><BR>
</font>
</li>
</ul>
</td>
</tr>
<tr>
<td align="center">
<font size="6" face="sans-serif">Call or stop in today to find out more!<BR><BR>(414) 277-2020<BR><BR>212 W. Wisconsin Ave.<BR>Suite 500<BR>Milwaukee, WI 53203<BR><br>
</td>
</tr>
<tr>
<td align="center">
<img src="images/jack.gif"><BR>
</td>
</tr>
</table>
</div>
</body>
</html>
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Heya, i just tried it out and it looks as though your simply setting the pixels to far to the left! try 200 instead of 400!
<div style="visibility: visible; position: absolute; top:53px; left:200px">
does the trick for me!
i.e. there is nothing wrong with the code it just isn't acting as you think (incorrectly think i might add - development is like that - you cant see the wood for the trees!
P.S. You may want to revise the amount of the <center> tag that you are using.
P.P.S. Hope this helps.
P.S. Here is a bit of code i tidied up a bit (took a lot of center tags and stuff out - although you may want to realign things.
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>AmeriVoice Telecommunications Inc.</title>
<style>
BODY { scrollbar-3d-light-color:#
scrollbar-arrow-color:#FFF
scrollbar-base-color:#9097
scrollbar-dark-shadow-colo
scrollbar-face-color:#9097
scrollbar-highlight-color:
scrollbar-shadow-color:bla
}
.style { background-color: #9097cf;
font-size: 10pt;
font-family: Arial;
color: #ffffff
}
.go { background-color: #9097cf;
font-size: 10pt;
font-family: Arial;
border-color: #FFFFFF;
color: #FFFFFF
}
</style>
<script language=javascript>
function fnShowHide(param)
{
document.all.n.style.visib
document.all.one.style.vis
document.all.two.style.vis
document.all.three.style.v
document.all[param].style.
}
</script>
</head>
<body link="#9097CF" alink="#1100FF" vlink="#0000FF" background="images/rGPurpl
<div align=left style="visibility: visible;position: absolute; top:0px; left:0px; z-index:5"><img src="images/slant.gif" width="170" height="53"></div>
<BR><BR>
<div style="visibility: visible; position: absolute; top:53px; left:200px;align=center; z-index:4">
<table border="0" width="672" align="center">
<tr><td width="672" align="center">
<font size="6" face="sans-serif">Services
<form name=form>
<select onChange="fnShowHide(this.
<option value="n">Select a Service</option>
<option value="one">Residential Telephone</option>
<option value="two">Business Telephone</option>
<option value="three">Cingular Wireless</option>
</select></form>
<br>
<img src="images/newfill.gif" width="271" height="273">
</td></tr></table></div>
<div id=n style="visibility: visible;position: absolute; top: 287px; left: 320px;">
<table border="0" width=435>
<tr><td><font size=4 color=#000000 face="sans-serif">Select a service from the menu to learn more about it.</font></td></tr>
</table>
</div>
<div id=one style="visibility: hidden;position: absolute; top:50px; top: 210px; left: 182px;">
<table border="0" width="672">
<tr>
<td colspan="2" width="672"><p align="center">  
</tr>
<tr>
<td colspan="2" width="672">
<p align="left"> &
<ul>
<li><p align="center"><font size="4" face="sans-serif">Unlimite
<li><p align="center"><font size="4" face="sans-serif">Unlimite
<li><p align="center"><font size="4" face="sans-serif">Call Waiting</font></li>
<li><p align="center"><font size="4" face="sans-serif">Caller ID</font></li>
<li><p align="center"><font size="4" face="sans-serif">Caller ID with Name</font></li>
<li><p align="center"><font size="4" face="sans-serif">Automati
<li><p align="center"><font size="4" face="sans-serif">Call Forwarding</font></li>
<li><p align="center"><font size="4" face="sans-serif">Repeat Dialing</font></li>
<li><p align="center"><font size="4" face="sans-serif">Three-Wa
<li><p align="center"><font size="4" face="sans-serif">Speed Dialing</font></li>
<li><p align="center"><font size="4" face="sans-serif">Long Distance (Up to 200 minutes per month)</font></li>
</ul>
<font size="6" face="sans-serif">$49.95 </font><font size="4" face="Arial, Helvetica, sans-serif">Per Mo. + Tax/Fees
<BR><b><font size="2" face="Arial, Helvetica, sans-serif">Note: NO ADDITIONAL FEATURES CAN BE ADDED TO THIS OFFER!</font></b><p>
</td>
</tr>
<tr>
<td align="left" width="336"><p><b><i>SWITC
<td align="right" width="336"><p align="left"><b><i>$49.95 + Tax = $54.95</i></b></p><p align="left"><BR><b>$5.00 + $49.95 + Tax = $59.70</b></td>
</tr>
<tr>
<td align="left" width="336">
<p> </p>
<p><b><i>NEW SERVICE:<BR> </i></b>
<p align="left"><b>WITH WIRE MAINTENANCE PLAN:</b><p align="left"><b>(Includes Activation and 1st Month of Service)</b></td>
<td align="right" width="336">
<p align="left"> </p>
<p align="left"><b><i>$79.95 + Tax = $86.85</i></b></p>
<p align="left"><b><i></i></i
<BR><b>$5.00 + $79.95 + Tax = $92.25</b>
<p align="left"> </p></t
</tr>
<tr>
<td colspan="2"> <p><b><u
<p><font size="1" face="sans-serif"><u><b>MA
<p><font size="1" face="sans-serif"><u><b>NO
<p align="center"><i><u><font
</td>
</tr>
</table>
</div>
<div id=two style="visibility: hidden;position: absolute; top:50px; top: 210px; left: 250px;">
<table border="0" width="550">
<tr><td colspan="2" width="550"><p align="center">  
<tr><td colspan="2" width="550"><p align="left"> &
</table>
</div>
<div id=three style="visibility: hidden;position: absolute; top:50px; top: 210px; left: 182px;">
<table border="0" width="672">
<tr><td colspan="2" width="672"><p align="center">  
<tr><td colspan="2" align="center"><BR><BR><fo
<tr>
<td colspan="2" width="672">
<p align="left"> &
<ul>
<li><p align="center"><font size="4" face="sans-serif">We honor any and all promotions currently offered by Cingular Wireless</font><BR><BR></l
<li><p align="center"><font size="4" face="sans-serif">Contract
<li><p align="center"><font size="4" face="sans-serif">Prepaid (K.I.C.) Phones</font><BR><BR></li>
<li><p align="center"><font size="4" face="sans-serif">Prepaid Phone Cards ($10, $20, or $30)</font><BR><BR></li>
<li><p align="center"><font size="4" face="sans-serif">We carry all phones offered by Cingular Wireless (Nokia, Motorola, Sony)</font><BR><BR></li>
<li><p align="center"><font size="4" face="sans-serif">We carry accessories for all phones offered by Cingular Wireless</font><BR><BR></l
<li><p align="center"><font size="4" face="sans-serif">Bring in ANY Cingular Wireless phone and have it activated through us</font><BR><BR><BR><BR><
</ul>
</td>
</tr>
<tr><td align="center"><font size="6" face="sans-serif">Call or stop in today to find out more!<BR><BR>(414) 277-2020<BR><BR>212 W. Wisconsin Ave.<BR>Suite 500<BR>Milwaukee, WI 53203<BR><br></td></tr>
<tr><td align="center"><img src="images/jack.gif"><BR>
</table>
</div>
</body></html>
I'm not looking for a way to rewrite the code persay...
I'm simply trying to find out why this faulted line of code works how I want it to...
So, I got this line missing a quote...but my alignment is perfect...I know why it shifts when I fix it...but I can't figure out why it works when I leave it...
>>i.e. there is nothing wrong with the code it just isn't acting as you think (incorrectly think i might add - development is like that - you cant see the wood for the trees!
but there was something wrong with the code...
<div style="visibility: visible; position: absolute; top:53px; left:400px;>
This line is missing the closing "
why is it producing the results I want???
it should look like this:
<div style="visibility: visible; position: absolute; top:53px; left:400px;">
see now it has a closing "
but it don't run right
your way works with some tweaking, but my way works with an improperly closed set of quotes...
I just wanna know why it works when that line is not right, and why would fixing or deleting that line make it fail if that line was funky from the beginning?
Any thoughts?
You will most likely get these points since noOne else is interested...but I really would like to know why this occurs.
Without large amounts of testing and an in-depth knowledge of how div tags are interpreted at the browser - it seems that...
at first i removed some of the center tags - leaving the div tag in error - and the div align was being affected by them - you are not spcifying div alignments, rather you are relying mainly on individual element alignments!
often the case in computing is that two wrongs make a right :-)
P.S. try removing all other alignments from the page and then see the outcome.
P.P.S. Something i've learnt in the industry, with time pressures etc, is that if it works - dont fix it!
P.P.P.S. Notice that if you use an editor that interprets code - e.g. DreamWeaver MX then it does think your page is in error! it knows there is an unfinished double quote and discolours the rest of the page!
Business Accounts
Answer for Membership
by: DevastatedPosted on 2002-12-07 at 07:21:59ID: 7547381
instead of:-
<div style="visibility: visible; position: absolute; top:53px; left:400px;>
try:-
<DIV
STYLE="position:absolute;
left:0;top:0;
top:53;left:400;
visibility:visible;
cursor:default;
z-index:5">
</DIV>