Af:popup content display problem in Internet explorer 9
Hi All,
I have Jdev version 11.1.1.5.
The content of dialog window has not been displayed on click of Popup. It displays fine on Firefox and Chrome browsers.
It's displaying blank popup window on Internet Explorer 9.
Can anyone please help me on this.
Add/update these params in your web.xml and redeploy so the style class names are not optimized and client debugging is easier.
<context-param>
<param-name>org.apache.myfaces.trinidad.DEBUG_JAVASCRIPT</param-name>
<param-value>true</param-value>
</context-param>
<context-param>
<param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
<param-value>true</param-value>
</context-param>
Similar Messages
-
Dreamweaver tables not displaying correctly in internet explorer browser, please help!!!!
Could someone please help me with this issue i've been having for almost a year now and can't find any information on getting this fixed, for some reason the features specs and required tables rows are not displaying correctly, the image is out of aligned when viewing the results using the internet explorer browser only, the firefox browser works just as needed but when i try to view the same code in IE the tables are not aligned properly and the text is not margined correctly either, i tried playing around with the css style that i have and no results. Please help me fix this issue so that my page would display in internet explorer just like under Firefox. Below are the pictures of the problem i'm having.
This picture shows how i want it displayed on the internet explorer and firefox browser:
Here is results in firefox browser:
Here is results in internet explorer browser:
As you can see the tables are all messed up, text is not centered properly even if i coded it right.
Here is the coding for this page:
PLEASE HELP ME OUT WITH THIS PROBLEM, I NEED TO FIGURE OUT HOW TO MAKE INTERNET EXPLORER TO DISPLAY THE INFORMATION CORRECTLY JUST LIKE FIREFOX?
<style type="text/css">
<!--
.title {
background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Title.jpg);
background-position: center center;
font-size: 24px;
font-weight: bold;
color: #FFF;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
.description {
background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Description.jpg);
background-position: center center;
font-family: "Times New Roman";
font-size: 16px;
line-height: 20px;
font-weight: bold;
color: #000;
text-align: left;
vertical-align: middle;
padding-right: 20px;
padding-left: 20px;
.text {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
font-weight: bold;
color: #F00;
text-indent: 2em;
.features {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style: italic;
font-weight: bolder;
text-decoration: underline;
color: #666666;
.featurebackground {
background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Features.jpg);
background-position: center center;
font-size: 14px;
font-family: "Times New Roman";
font-style: normal;
font-weight: normal;
line-height: 18px;
background-repeat: no-repeat;
padding-right: 10px;
.policy {
.fsr_style { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
font-style: normal;
background-color: #FFFFFF;
padding-top: 5em;
padding-right: 20px;
background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Features.jpg);
.number {
.policy {
padding-left: 20px;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
font-size: 14px;
padding-top: 10px;
padding-right: 7px;
padding-bottom: 10px;
-->
</style>
<body>
<table width="935" border="0">
<tr>
<td><img src="http://www.ehobbyplanet.com/eBay/Layout/eHobbyShortHeader.jpg" width="928" height="165" /></td>
</tr>
<tr>
<td height="44" align="center" valign="middle" class="title">HPI 1/5 Baja 5T Gas Truck RTR<td></td>
</tr>
<tr>
<td height="31" align="center" valign="middle" class="number">HPI Item #10620<td width="10"></td>
</tr>
</table>
<table width="925" height="326" border="0">
<tr>
<td width="16"> </td>
<td width="549"><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg" width="549" height="429" id="mainPic"/></td>
<td width="35"> </td>
<td width="1559"><p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1sm.jpg" width="116" height="85" onClick="changePic('Image-1')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2sm.jpg" width="116" height="85" onClick="changePic('Image-2')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3sm.jpg" width="116" height="85" onClick="changePic('Image-3')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4sm.jpg" width="116" height="85" onClick="changePic('Image-4')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5sm.jpg" width="116" height="85" onClick="changePic('Image-5')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6sm.jpg" width="116" height="85" onClick="changePic('Image-6')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7sm.jpg" width="116" height="85" onClick="changePic('Image-7')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8sm.jpg" width="116" height="85" onClick="changePic('Image-8')"/></p>
<p class="text">Click to enlarge picture</p></td>
</tr>
</table>
<table width="928" height="124" border="0">
<tr>
<td height="320" class="description"><p>HPI Racing is proud to present the Baja 5T, a <strong>ready-to-run</strong> (RTR) 1/5th scale off-road truck that expands on the award-winning Baja 5B family. With the Baja 5T you get aggressive desert truck looks, high performance new features, and compatibility with many of the existing Baja 5B spare parts and option parts, wrapped up in a RTR package that gets you running in just a few minutes.</p>
<p>Includes: HPI Baja 5T RTR Truck with 1.6 cu in gasoline engine, 27MHz FM Radio, two water resistant servos, 3.4oz (100cc) 2-cycle oil, 2oz (60cc) shock oil, 1oz (30cc) diff oil, 1oz (30cc) air filter oil, tube of gear grease, 3000mAh receiver pack, wall charger, body with wing, extra air filter, wrenches, decal sheet and illustrated instruction manual.</p></td>
</tr>
</table>
<table width="928" border="0">
<tr>
<td width="290"> </td>
<td width="17"> </td>
<td width="292"> </td>
<td width="17"> </td>
<td width="290"> </td>
</tr>
<tr>
<td align="center" class="features">Features:</td>
<td align="center"> </td>
<td align="center"><span class="features">Specifications:</span></td>
<td align="center"> </td>
<td align="center"><span class="features">Required:</span></td>
</tr>
<tr>
<td height="526" class="featurebackground"><ul>
<li>Ventilated Disc Brake System</li>
<li>Heavy Duty Rear Dogbones</li>
<li>Moulded Nylon Rear Spoiler</li>
<li>Aluminum Alloy Diff Case</li>
<li>Dirt Guards</li>
<li>Full Metal Ball Bearings</li>
<li>Front & Rear Sway Bars</li>
<li>Modified Rear Shock Tower</li>
<li>Heavy Duty Inner Foam</li>
<li>Revised Gearing</li>
<li>High Flow Muffler</li>
<li>SFL-10MG2 Metal Gear Steering Servo</li>
<li>Heavy Duty Beadlocks</li>
<li>8000 RPM Clutch</li>
<li>Anodized Aluminum Parts</li>
<li>Double Wishbone Suspension</li>
<li>Adjustable Suspension</li>
<li>Baja 5T-1 Truck Body</li>
<li>Extended Roll Cage</li>
<li>Outlaw Truck Wheels / Desert Buster Tires</li>
<li>Fuelie 26 Engine (26cc)</li>
<li>All Metal Transmission Gears</li>
<li>High Quality Radio Gear</li>
</ul>
<td> </td>
<td class="featurebackground"><ul>
<li>Drive System: 2WD viscous Diff</li>
<li>Tires (front & rear): Truck Wheels / Desert Buster</li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td> </td>
<td class="featurebackground">
<ul>
<li class="featurebackground">Unleaded Gasoline: 87-93 octane, mix gasoline with two cycle oil at 25:1 ratio</li>
<li class="featurebackground">Transmitter Batteries: 8x AA</li>
<li class="featurebackground">Screwdriver: Flat blade, 3/16" (4-5mm) wide</li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
<table width="928" height="621" border="0">
<tr>
<td> </td>
</tr>
<tr>
<td height="135" background="http://www.ehobbyplanet.com/eBay/Layout/ePaymentMethod.jpg" class="policy"><p>We accept Visa, Mastercard and Discover Card and PayPal. If your unable to send payment using these methods please contact us at [email protected]. All payments need to be sent within 5 days.
</p>
<p> </p></td>
</tr>
<tr>
<td height="21"> </td>
</tr>
<tr>
<td height="220" background="http://www.ehobbyplanet.com/eBay/Layout/eNormalShipping.jpg" class="policy"><p>All our orders are shipped out within 72 business hours unless stated. We ship everything out using the best packaging material to insure safe deliveries using shipping companies such as USPS Postal Office and UPS services (Shipping times will vary depending on the service you choose). Tracking information will be automatically sent via email after an order has been shipped out. We Definitely Combine Shipping for multiple items, if for some reason our eBay checkout isn’t combining your items please wait for a custom eBay invoice which will have your order combined into one, reducing the shipping price. For international customers, please note: "that Import duties, taxes, and charges are not included in the item price or shipping charges. These charges are the buyer's responsibility. Check with your country's customs office to find out what these additional costs will be before you bid or buy".</p>
<p>Please Note for International Customers Only: Due to the large size of this item there are several countries that have a size limitation which we are not able to ship to, if by any means your order goes through to us and it falls in the country size restrictions and your order cannot be shipped out we have the right to cancel your order (before cancelling the order we will contact the customer via email).</p></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="104" background="http://www.ehobbyplanet.com/eBay/Layout/eInsurance.jpg" class="policy">We offer insurance which is optional during checkout for both Domestic and International customers which will cover the full amount paid by customer, if insurance isn't purchased we are not responsible for packages that are missing during transit. If you use the USPS First Class Mail International shipping service please allow 10 - 25 business days for the delivery of your package.</td>
</tr>
<tr>
<td height="21"> </td>
</tr>
<tr>
<td height="135" background="http://www.ehobbyplanet.com/eBay/Layout/eReturns.jpg" class="policy">We want you to be completely happy with your purchases. So we do everything we can to assure you get the exact merchandise you order, delivered on time. If by any means your unsatisfied with your purchase we will be happy to accept returns for an exchange or a refund within 14 days. If shipping the item back, customer is responsible for freight charges to us. We offer refunds & exchanges if your not satisfied with your purchase. The returned product needs to be in the same condition it was shipped out in, unused and in it’s original packaging. If by any chance there has been an issue with your order and you want to request a return please email us at [email protected].</td>
</tr>
</table>
</body>
<script type="text/javascript">
if(document.images) {
tempImage = new Image();
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8md.jpg";
function changePic(newName) {
newPicURL = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/"+newName+"md.jpg";
mainPic.src = newPicURL;
</script>
Here is my contact information:
Paul
[email protected]Try this without the border images and it will work in all browsers with increased text size. That's assuming eBay supports embedded CSS styles (which I'm not convinced they do). Inline styles are safer IMHO.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.title {
background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Title.jpg);
background-position: center center;
font-size: 24px;
font-weight: bold;
color: #FFF;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
h2 {font-size:1.7em; color:#000; margin-top:0em; margin-bottom: 2px;}
ul,li {
font-size:14px;
list-style:disc;
line-height:1.5;
font-family: "Times New Roman", Times, serif;
.description {
font-family: "Times New Roman";
font-size: 16px;
line-height: 1.2;
font-weight: bold;
color: #000;
text-align: left;
vertical-align: middle;
border: 4px solid red;
padding: 0 20px 20px 20px;
.text {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
font-weight: bold;
color: #F00;
text-indent: 2em;
.features {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style: italic;
font-weight: bolder;
text-decoration: underline;
color: #666666;
line-height: 3em;
.featurebackground {
padding-right: 10px;
border: 4px solid red;
width: 200px;
vertical-align: top;
padding-top: 1em;
.policy {
border: 4px solid red;
margin-top: -2em;
.fsr_style { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
padding-top: 5em;
padding-right: 20px;
border: 4px solid red;
.number {
.policy {
font-family: "Times New Roman", Times, serif;
font-weight: normal;
font-size: 14px;
padding: 0 20px 20px 20px;
</style>
</head>
<body>
<table width="935" border="0">
<tr>
<td><img src="http://www.ehobbyplanet.com/eBay/Layout/eHobbyShortHeader.jpg" width="928" height="165" /></td>
</tr>
<tr>
<td height="44" align="center" valign="middle" class="title">HPI 1/5 Baja 5T Gas Truck RTR</td><td></td>
</tr>
<tr>
<td align="center" valign="middle" class="number">HPI Item #10620</td><td width="10"></td>
</tr>
</table>
<table width="925" border="0">
<tr>
<td width="16"> </td>
<td width="549"><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg" width="549" height="429" id="mainPic"/></td>
<td width="35"> </td>
<td width="1559"><p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1sm.jpg" width="116" height="85" onclick="changePic('Image-1')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2sm.jpg" width="116" height="85" onclick="changePic('Image-2')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3sm.jpg" width="116" height="85" onclick="changePic('Image-3')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4sm.jpg" width="116" height="85" onclick="changePic('Image-4')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5sm.jpg" width="116" height="85" onclick="changePic('Image-5')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6sm.jpg" width="116" height="85" onclick="changePic('Image-6')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7sm.jpg" width="116" height="85" onclick="changePic('Image-7')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8sm.jpg" width="116" height="85" onclick="changePic('Image-8')"/></p>
<p class="text">Click to enlarge picture</p></td>
</tr>
</table>
<table width="928" border="0">
<tr>
<td class="description"><h2>Description</h2>
<p>HPI Racing is proud to present the Baja 5T, a <strong>ready-to-run</strong> (RTR) 1/5th scale off-road truck that expands on the award-winning Baja 5B family. With the Baja 5T you get aggressive desert truck looks, high performance new features, and compatibility with many of the existing Baja 5B spare parts and option parts, wrapped up in a RTR package that gets you running in just a few minutes.</p>
<p>Includes: HPI Baja 5T RTR Truck with 1.6 cu in gasoline engine, 27MHz FM Radio, two water resistant servos, 3.4oz (100cc) 2-cycle oil, 2oz (60cc) shock oil, 1oz (30cc) diff oil, 1oz (30cc) air filter oil, tube of gear grease, 3000mAh receiver pack, wall charger, body with wing, extra air filter, wrenches, decal sheet and illustrated instruction manual.</p></td>
</tr>
</table>
<table width="928" border="0">
<tr>
<td width="290"> </td>
<td width="17"> </td>
<td width="292"> </td>
<td width="17"> </td>
<td width="290"> </td>
</tr>
<tr>
<td align="center"><span class="features">Features:</span></td>
<td align="center"> </td>
<td align="center"><span class="features">Specifications:</span></td>
<td align="center"> </td>
<td align="center"><span class="features">Required:</span></td>
</tr>
<tr>
<td class="featurebackground"><ul>
<li>Ventilated Disc Brake System</li>
<li>Heavy Duty Rear Dogbones</li>
<li>Moulded Nylon Rear Spoiler</li>
<li>Aluminum Alloy Diff Case</li>
<li>Dirt Guards</li>
<li>Full Metal Ball Bearings</li>
<li>Front & Rear Sway Bars</li>
<li>Modified Rear Shock Tower</li>
<li>Heavy Duty Inner Foam</li>
<li>Revised Gearing</li>
<li>High Flow Muffler</li>
<li>SFL-10MG2 Metal Gear Steering Servo</li>
<li>Heavy Duty Beadlocks</li>
<li>8000 RPM Clutch</li>
<li>Anodized Aluminum Parts</li>
<li>Double Wishbone Suspension</li>
<li>Adjustable Suspension</li>
<li>Baja 5T-1 Truck Body</li>
<li>Extended Roll Cage</li>
<li>Outlaw Truck Wheels / Desert Buster Tires</li>
<li>Fuelie 26 Engine (26cc)</li>
<li>All Metal Transmission Gears</li>
<li>High Quality Radio Gear</li>
</ul>
</td>
<td> </td>
<td class="featurebackground"><ul>
<li>Drive System: 2WD viscous Diff</li>
<li>Tires (front & rear): Truck Wheels / Desert Buster</li>
</ul>
</td>
<td> </td>
<td class="featurebackground">
<ul>
<li>Unleaded Gasoline: 87-93 octane, mix gasoline with two cycle oil at 25:1 ratio</li>
<li>Transmitter Batteries: 8x AA</li>
<li>Screwdriver: Flat blade, 3/16" (4-5mm) wide</li>
</ul>
</td>
</tr>
</table>
<table width="928" border="0">
<tr>
<td> </td>
</tr>
<tr>
<td class="policy"><h2>Payment Method </h2>
<p>We accept Visa, Mastercard and Discover Card and PayPal. If your unable to send payment using these methods please contact us at [email protected]. All payments need to be sent within 5 days.
</p></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="policy"><h2>Shipping & Handling </h2>
<p>All our orders are shipped out within 72 business hours unless stated. We ship everything out using the best packaging material to insure safe deliveries using shipping companies such as USPS Postal Office and UPS services (Shipping times will vary depending on the service you choose). Tracking information will be automatically sent via email after an order has been shipped out. We Definitely Combine Shipping for multiple items, if for some reason our eBay checkout isn’t combining your items please wait for a custom eBay invoice which will have your order combined into one, reducing the shipping price. For international customers, please note: "that Import duties, taxes, and charges are not included in the item price or shipping charges. These charges are the buyer's responsibility. Check with your country's customs office to find out what these additional costs will be before you bid or buy".</p>
<p>Please Note for International Customers Only: Due to the large size of this item there are several countries that have a size limitation which we are not able to ship to, if by any means your order goes through to us and it falls in the country size restrictions and your order cannot be shipped out we have the right to cancel your order (before cancelling the order we will contact the customer via email).</p></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="policy"><h2>Insurance</h2>
<p>We offer insurance which is optional during checkout for both Domestic and International customers which will cover the full amount paid by customer, if insurance isn't purchased we are not responsible for packages that are missing during transit. If you use the USPS First Class Mail International shipping service please allow 10 - 25 business days for the delivery of your package.</p></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="policy"><h2>Returns</h2>
<p>We want you to be completely happy with your purchases. So we do everything we can to assure you get the exact merchandise you order, delivered on time. If by any means your unsatisfied with your purchase we will be happy to accept returns for an exchange or a refund within 14 days. If shipping the item back, customer is responsible for freight charges to us. We offer refunds & exchanges if your not satisfied with your purchase. The returned product needs to be in the same condition it was shipped out in, unused and in it’s original packaging. If by any chance there has been an issue with your order and you want to request a return please email us at [email protected].</p></td>
</tr>
</table>
</body>
</html>
<script type="text/javascript">
if(document.images) {
tempImage = new Image();
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8md.jpg";
function changePic(newName) {
newPicURL = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/"+newName+"md.jpg";
mainPic.src = newPicURL;
</script>
That's the best solution I can offer.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb -
Java Applet Background Color Problem on Internet Explorer
Hi,
Please check out the following URL:
http://www.utopiainteractive.com/clients/AkonFinal/glossary.htm
The menu bar is writting in Java Applet. If you scroll down the page, and scroll back up, I see white background as I scroll back up. It happens only on Internet explorer. Neither Java Applet nor HTML Body bg color is white. I am kinda lost, and any help would really be appreciated.
Thank you and look forward to hearing from someone soon.
SachinHi,
Well I used HtmlConver utility to generate applet html code, so I assume nothing is wrong with Object tag. Do you know what could cause this problem on Internet explorer? To be honest, I spent last couple of days, but I am just lost. It absolutely works fine on Netscape.
Thanks,
Sachin -
Gui 7.0 windows xp, problem with Internet Explorer 6.0
Hello Gurus,
I am installing SAP GUI 7.00, on all the windows XP machines, of our SAP users. All the machines where GUI 7.00 is installed, are facing the problem with Internet Explorer. When we click on IE we don't get error but the requested URL do not show anything. Our version of Internet exploerer is 6.0.
Gurus, need your help on this..
Thanks and Regards,
Rahulhi ,
thanks for letting me know my error. I will raise this problem in the correct forum
Thanks
Rahul -
Flash site fails to display properly in internet explorer.
I am having trouble finding out why
http://websitemedia.net/playground/ferrioni/sandbox/
fails to display properly in internet explorer ! The same site,
http://websitemedia.net/playground/ferrioni/sandbox/,
displays properly in firefox.
I have checked & rechecked everything.
What am i missing?
BLIt played fine at my side too.
What version of flash you are using to create that swf?
Make sure you have compatible version of flash player for
your internet explorer.
Try update your flash player to the latest version. -
Since the recent upgrade from Adobe pdf plug-inn Firefox often won't open pdf-files. Uninstalling doesn't help. I don't have this problem with Internet Explorer.
Hi efacg,
Most printing issues are solved by resetting the Printing preferences. When you print from Firefox and you click on the down arrow, do you see Defualt and Firefox? Please make changes to the preferences here and preview the document.
If this continues to be an issue please also see [[Fix printing problems in Firefox]]
If there are any other questions, please do not hesitate to ask, we are here to help. -
Printer print size is very small. Do not have this problem with Internet explorer.
When I try to print something in Firefox, the printer print size is extremely small. I do not have this problem with Internet Explorer.
File > Page Setup - '''Scale''' <br />
100% or Shrink to Fit is usually best. -
bonjours il n est pas possible de faire un paiement sur n importe quel site avec paypal sinon pas de probleme avec internet explorer edit
Hello didierj1, try to [https://support.mozilla.org/en-US/kb/Template:clearCookiesCache clear Cookies and Cache] and check it again.
also be sure you have '''check mark''' in '''Accept cookies from sites'''[ v ] and to '''Accept third party cookies''' [ v ]
see : [http://support.mozilla.org/en-US/kb/enable-and-disable-cookies-website-preferences#w_how-do-i-change-cookie-settings How do I change Cookie settings?]
thank you -
Problems when displaying html in internet explorer
I am trying for two weeks to make an HTML code looks good in
IE (internet explorer), but I have been unsuccessful. The code
looks great on Firefox, but really bad in IE. Here is my code
Web
page
Plase help!!!!!!!!!!!!!!!!1This is not the code on the page you have linked. That page
has no doctype.
It appears you have used ImageReady to write the HTML for
this page (it has
the hallmarks - uppercase tags, unquoted attribute values,
and zillions of
col-/rowspans). Such HTML is notoriously bad for use on the
web. Please
read this to see why I say that -
http://apptools.com/rants/spans.php
Anyhow, I think it's the table code that is letting you down.
Do you know
enough HTML to build this page in DW?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"maxhec-pr" <[email protected]> wrote in
message
news:[email protected]...
> Thanks for your response. Please update the link to the
page, the server
> is
> currently down. The file is now at
>
http://web.ics.purdue.edu/~hsantosv/test.html
>
> I validated the html code with Dreamweaver. I checked
for errors in
> firefox
> and IE, and the application returned zero errors. Also,
I validated the
> html
> code for IE 3.0 and 4.0, Netscape 3.0 and 4.0, HTML 4.0,
and Cold Fusion
> MX7. I
> really don't have a clue of what I am doing wrong. I am
going to attach
> the
> code too.
>
> Thanks for your help
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <HTML>
> <HEAD>
> <TITLE>Purdue-HP Color Central CPWT</TITLE>
> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=iso-8859-1">
> <!-- ImageReady Preload Script (index.psd) -->
> <!-- End Preload Script -->
> <SCRIPT TYPE="text/javascript">
> <!--
>
> function newImage(arg) {
> if (document.images) {
> rslt = new Image();
> rslt.src = arg;
> return rslt;
> }
> }
>
> function changeImages() {
> if (document.images && (preloadFlag == true)) {
> for (var i=0; i<changeImages.arguments.length; i+=2)
> document[changeImages.arguments
].src = changeImages.arguments[i+1];
> }
> }
> }
>
> var preloadFlag = false;
> function preloadImages() {
> if (document.images) {
> main_page_over = newImage("images/main-page-over.gif");
> about_me_over = newImage("images/about-me-over.gif");
> memories_over = newImage("images/memories-over.gif");
> interests_over = newImage("images/interests-over.gif");
> news_over = newImage("images/news-over.gif");
> contact_over = newImage("images/contact-over.gif");
> preloadFlag = true;
> }
> }
>
> // -->
> </SCRIPT>
> <style type="text/css">
> <!--
>
> .style2 {color: #000066}
> .style3 {color: #3A4A73}
> .style4 {color: #324A6B}
>
>
> .bottomStyle {
> background:url(images2/b_links.gif);
> width:528px;
> height:80px;
> }
>
> body,td,th {
> color: #314B73;
> }
> body {
> background-color: #FFFFFF;
> }
> a:link {
> color: #314B73;
> }
> .style5 {color: #314B73}
> a {
> font-family: tahoma;
> }
> ol {
> font-family: Tahoma;
> font-size: 10px;
> font-style: normal;
> line-height: 2em;
> font-weight: normal;
> font-variant: normal;
> text-transform: none;
> color: #353535;
> text-decoration: none;
> text-align: left;
> list-style-type: disc;
> padding-top: 2px;
> }
> -->
> </style>
> <link href="research/css/styles.css" rel="stylesheet"
type="text/css">
> </HEAD>
>
> <BODY ONLOAD="preloadImages();">
> <table width="775" border="0" cellpadding="0"
cellspacing="0">
> <tr>
> <td colspan="3"><IMG SRC="images2/titleNew.gif"
WIDTH=734 HEIGHT=88
> ALT="Purdue-HP"></td>
> <td rowspan="11"><IMG SRC="images2/main5.gif"
WIDTH=41 HEIGHT=680
> ALT=""></td>
> </tr>
> <tr>
> <td rowspan="10"><img src="images2/main1.gif"
width=121 height=592
> alt=""></td>
> <td><A HREF="research/research.shtml"
> ONMOUSEOVER="window.status='mail'; changeImages('home',
> 'images2/researchHome-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('home',
> 'images2/researchHome.gif'); return true;">
> <IMG SRC="images2/researchHome.gif" ALT=""
NAME="home" WIDTH=85 HEIGHT=23
> border="0"></A></td>
> <td rowspan="8"><iframe name="content"
align="top" frameborder="0"
> height="495" width="528"
> scrolling="auto" src="itest.html" marginheight="1"
marginwidth="1" >
> </iframe></td>
> </tr>
> <tr><td><A
HREF="research/researchers.shtml"
> ONMOUSEOVER="window.status='main page';
changeImages('main_page',
> 'images2/researchers-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('main_page',
> 'images2/researchers.gif'); return true;">
> <IMG NAME="main_page" SRC="images2/researchers.gif"
WIDTH=85 HEIGHT=21
> BORDER=0 ALT="main page"></A></td>
> </tr>
> <tr><td><A HREF="research/papers.shtml"
> ONMOUSEOVER="window.status='paper sec';
changeImages('papers',
> 'images2/publications-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('papers',
> 'images2/publications.gif'); return true;">
> <IMG SRC="images2/publications.gif" ALT="paper sec"
NAME="papers"
> WIDTH=85
> HEIGHT=21 BORDER=0></A></td>
> </tr>
> <tr><td><A HREF="research/protos.shtml"
> ONMOUSEOVER="window.status='thoughts sec';
changeImages('thoughts',
> 'images2/prototypes-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('thoughts',
> 'images2/prototypes.gif'); return true;">
> <IMG SRC="images2/prototypes.gif" ALT="thoughts sec"
NAME="thoughts"
> WIDTH=85 HEIGHT=21 BORDER=0 ></A></td>
> </tr>
> <tr><td><A HREF="research/meetings.shtml"
> ONMOUSEOVER="window.status='mail';
changeImages('research',
> 'images2/meetings-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('research',
> 'images2/meetings.gif'); return true;">
> <IMG SRC="images2/meetings.gif" ALT="research sec"
NAME="research"
> WIDTH=85
> HEIGHT=21 BORDER=0
id="research"></A></td>
> </tr>
> <tr><td><A HREF="research/docs.shtml"
> ONMOUSEOVER="window.status='mail'; changeImages('Docs',
> 'images2/documents-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('Docs',
> 'images2/documents.gif');
> return true;">
> <IMG NAME="Docs" SRC="images2/documents.gif" WIDTH=85
HEIGHT=21 BORDER=0
> alt="Documents"></A></td>
> </tr>
> <tr><td><IMG NAME="contact"
SRC="images2/blackb.gif" WIDTH=85 HEIGHT=21
> BORDER=0 alt=""></td>
> </tr>
> <tr><td rowspan="3"><IMG
SRC="images2/main3.gif" WIDTH=85 HEIGHT=443
> ALT="ColorCentral : CPWT"></td>
> </tr>
> <tr><td><IMG SRC="images2/down.gif"
WIDTH=528 HEIGHT=16 ALT=""></td>
> </tr>
> <tr><td align="right" valign="top"
class="text7" width="528" height="80">
> <div id="layer1" class="bottomStyle">
> <!--<a
> href="
http://cobweb.ecn.purdue.edu/~hsantosv/research/research.shtml">Research
> Home</a> |
> <a href="mailto:[email protected]">Contact
Us</a>
> <p>
> <span class="text3">designed by</span>
> <a href="
http://www.templatesbox.com"
>
target="_blank">Templatesbox</a></p>-->
> </div></td></tr>
> </table>
> </BODY>
> </HTML>
> -
Problem displaying header in Internet Explorer
Hi,
I've been posting a lot lately as I learn Dreamweaver. Anyways, I'm using a default template with a header at width=100% height=auto. I've also got a banner (a jpg file) in the div. The header displays perfectly in Firefox 3 and Safari 4 and 5, but Internet Explorer 7 and 8 both cut the header off. I've tried adjusting dimensions and simply cannot make it appear. You can view the page and check the code at parodylyrics.net . Thanks in advance, I'd like to get compatibility with all major browsers soon.
RyanFrom your previous post I believe you're on a mission to scale the header to different browser resolutions.
You can make your divs adjust with % and auto but don't try it with your images.
Cross browser, you're going to have to put the actual image dimensions in the image tag for IE to behave:
<img src="../Images/banner.jpg" alt="Parody Lyrics" name="header_img" width="1115px" height="90px" id="header_img" /> -
Need urgent help on file download servlet problem in Internet Explore
I have trouble to make my download servlet work in Internet Explore. I have gone through all the previous postings and done some research on the internet, but still can't figure out the solution. <br>
I have a jsp page called "download.jsp" which contains a URL to download a file from the server, and I wrote a servlet (called DownloadServlet) to look up the corresponding file from the database based on the URL and write the file to the HTTP output to send it back to the browser. <br>
the URL in download.jsp is coded like <a href="/download/<%= currentDoc.doc_id %>/<%= currentDoc.name %>">on the browser, it will be sth like , the number 87 is my internal unique number for a file, and "myfile.doc" is the real document name. <br>
in my web.xml, "/download/" is mapped to DownloadServlet <br>
the downloadServlet.java looks like
tem_name = ... //read DB for file name
// set content type
if ( tmp_name.endsWith(".doc")) {
response.setContentType("application/msword");
else if ( tmp_name.endsWith(".pdf")){
response.setContentType("application/pdf");
else if ( tmp_name.endsWith(".ppt")){
response.setContentType("application/vnd.ms-powerpoint");
else if ( tmp_name.endsWith(".xls")){
response.setContentType("application/vnd.ms-excel");
else {
response.setContentType("application/download");
// set HTTP header
response.setHeader("Content-Disposition",
"attachment; filename=\""+tmp_name+"\"");
OutputStream os = response.getOutputStream();
//read local file and write back to browser
int i;
while ((i = is.read()) != -1) {
os.write (i);
os.flush();
Everything works fine in Netscape 7.0, when I click on the link, Netscape prompts me to choose "open using Word" or "save this file to disk". That's exactly the behavior I want. <br>
However in IE 5.50, the behavior is VERY STRANGE.
First, when I click on the URL, the popup window asks me to "open the file from its current location" or "save the file to disk". It also says "You have chosen to download a file from this location, ...(some url).. from localhost"
(1) If I choose "save the file to disk", it will save the rendered "download.jsp" (ie, the currect page with URL I just clicked, which isn't what I want).
(2)But if I choose "open the file from its current location", the 2nd popup window replaces the 1st, which also has the "Open ..." and "Save.." options, but it says "You have chosen to download a file from this location, MYFILE.doc from localhost". (notice it shows the correct file name now)
(3) If I choose "Save..." on the 2nd window, IE will save the correct file which is "myfile.doc"; if I choose "Open ...", a 3rd replaces the 2nd window, and they look the same, and when I choose "Open..." on the 3rd window, IE will use Word to open it.
any ideas?
</a>Did you find a solution to this problem? I've been wrestling with the same issues for the past six months. Nothing I try seems to work. I've tried setting the contentLength(), inline vs. attachments, different write algorythms, etc. I don't get the suggestion to rename the servlet to a pdf file.
-
DW CS4 Horizontal Spry drop down menu not displaying correctly in Internet Explorer 8
Hi,
I have created a horizontal Spry drop down menu in Dreamweaver CS4 with my own background images. I have done various modifications to the CSS script to accommodate the style and feel needed; including making the main buttons' height twice the size of the sub menu buttons and some alignments. It seems to work different depending which browser is used.
It works well in Google Chrome.
It works well in Firefox with the exception that if any of the buttons are clicked, thereafter a thin black line is diplayed horizontally across center of the top main buttons when the mouse rolls over them. I would like to correct this but is not nearly as bad as the problem I'm having in Internet Explorer 8.
Here is my biggest concern and I would greatly appreciate if anyone can shed some light on this matter.
Once opened in Internet Explorer 8 the main navigation buttons appear as they should. IE8 prompts me the following: "To help protect your security, Internet Explorer has restricted this webpage from running scripts or ActiveX controls that could access your computer. Click here for options..". Once I allow IE8 to run scripts or ActiveX controls, the background image disappears and only shows on any menu or submenu button when the mouse rolls over that particular button. Can someone please help.
The menu can be seen at work by clicking on this link:
www.bargainxchange.com/BXC Main Navigation Spry Drop Menu.html
Below are all the scrips involved.
Here is the CSS script named "SpryMenuBarHorizontal4.css" in use :
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 10;
padding: 0;
list-style-type: none;
font-size: 80%;
cursor: default;
width: auto;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
/*whole menu moves*/
margin-left: 100px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* My Note --Top buttons' background, height and font size adjust-- */
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
/* My note --I added the height and background-image as Main-Buttons.jpg-- */
height: 55px;
background-image: url(../Main-Buttons.jpg);
margin: -2;
padding: 0;
list-style-type: none;
font-size: 100%;
position: center;
/*text-align: left;*/
cursor: pointer;
width: 99px;
float: left;
/* My note --Submenu font size adjust-- */
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
/*height:38px;*/
margin: 0;
padding: 0;
list-style-type: none;
font-size: 87%;
z-index: 1020;
cursor: default;
width: 160px;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
/* My note --this margin alligns the drop buttons up and down-- */
margin-top: 24px;
height: 25px;
left: auto;
/* My note --drop menu size adjustments-- */
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
height: 25px;
width: 160px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position:absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/*border: 1px solid #CCC;*/
/* My note --Text Allignment global-- */
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
/*height: 40px;*/
text-align: center;
/*vertical-align: center;*/
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
text-decoration: none;
/*zzzzzzzz Text Color*/
color: #333; /*background-color: #CCC;*/
letter-spacing: -0.00px;
margin-left: 1px;
margin-right: 0px;
/*alligns text up or down globally*/
margin-top: 1px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
/*background-color: #33C;
color: #FFF;*/
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-image: url(../Main-Buttons-mouse-over.jpg); /*background-color: #33C;
color: #FFF;*/
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
/* My note --mouse over-- */
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Here is the JavaScrip file named "SpryMenuBar.js" that has not been modified in any way:
// SpryMenuBar.js - version 0.12 - Spry Pre-Release 1.6.1
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
// * Redistributions of source code must retain the above copyright notice,
// this list of conditions and the following disclaimer.
// * Redistributions in binary form must reproduce the above copyright notice,
// this list of conditions and the following disclaimer in the documentation
// and/or other materials provided with the distribution.
// * Neither the name of Adobe Systems Incorporated nor the names of its
// contributors may be used to endorse or promote products derived from this
// software without specific prior written permission.
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
SpryMenuBar.js
This file handles the JavaScript for Spry Menu Bar. You should have no need
to edit this file. Some highlights of the MenuBar object is that timers are
used to keep submenus from showing up until the user has hovered over the parent
menu item for some time, as well as a timer for when they leave a submenu to keep
showing that submenu until the timer fires.
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.BrowserSniff = function()
var b = navigator.appName.toString();
var up = navigator.platform.toString();
var ua = navigator.userAgent.toString();
this.mozilla = this.ie = this.opera = this.safari = false;
var re_opera = /Opera.([0-9\.]*)/i;
var re_msie = /MSIE.([0-9\.]*)/i;
var re_gecko = /gecko/i;
var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
var r = false;
if ( (r = ua.match(re_opera))) {
this.opera = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_msie))) {
this.ie = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_safari))) {
this.safari = true;
this.version = parseFloat(r[2]);
} else if (ua.match(re_gecko)) {
var re_gecko_version = /rv:\s*([0-9\.]+)/i;
r = ua.match(re_gecko_version);
this.mozilla = true;
this.version = parseFloat(r[1]);
this.windows = this.mac = this.linux = false;
this.Platform = ua.match(/windows/i) ? "windows" :
(ua.match(/linux/i) ? "linux" :
(ua.match(/mac/i) ? "mac" :
ua.match(/unix/i)? "unix" : "unknown"));
this[this.Platform] = true;
this.v = this.version;
if (this.safari && this.mac && this.mozilla) {
this.mozilla = false;
Spry.is = new Spry.BrowserSniff();
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
this.init(element, opts);
Spry.Widget.MenuBar.prototype.init = function(element, opts)
this.element = this.getElement(element);
// represents the current (sub)menu we are operating on
this.currMenu = null;
this.showDelay = 250;
this.hideDelay = 600;
if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
// bail on older unsupported browsers
return;
// Fix IE6 CSS images flicker
if (Spry.is.ie && Spry.is.version < 7){
try {
document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
this.hoverClass = 'MenuBarItemHover';
this.subHoverClass = 'MenuBarItemSubmenuHover';
this.subVisibleClass ='MenuBarSubmenuVisible';
this.hasSubClass = 'MenuBarItemSubmenu';
this.activeClass = 'MenuBarActive';
this.isieClass = 'MenuBarItemIE';
this.verticalClass = 'MenuBarVertical';
this.horizontalClass = 'MenuBarHorizontal';
this.enableKeyboardNavigation = true;
this.hasFocus = false;
// load hover images now
if(opts)
for(var k in opts)
if (typeof this[k] == 'undefined')
var rollover = new Image;
rollover.src = opts[k];
Spry.Widget.MenuBar.setOptions(this, opts);
// safari doesn't support tabindex
if (Spry.is.safari)
this.enableKeyboardNavigation = false;
if(this.element)
this.currMenu = this.element;
var items = this.element.getElementsByTagName('li');
for(var i=0; i<items.length; i++)
if (i > 0 && this.enableKeyboardNavigation)
items[i].getElementsByTagName('a')[0].tabIndex='-1';
this.initialize(items[i], element);
if(Spry.is.ie)
this.addClassName(items[i], this.isieClass);
items[i].style.position = "static";
if (this.enableKeyboardNavigation)
var self = this;
this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
if(Spry.is.ie)
if(this.hasClassName(this.element, this.verticalClass))
this.element.style.position = "relative";
var linkitems = this.element.getElementsByTagName('a');
for(var i=0; i<linkitems.length; i++)
linkitems[i].style.position = "relative";
Spry.Widget.MenuBar.KEY_ESC = 27;
Spry.Widget.MenuBar.KEY_UP = 38;
Spry.Widget.MenuBar.KEY_DOWN = 40;
Spry.Widget.MenuBar.KEY_LEFT = 37;
Spry.Widget.MenuBar.KEY_RIGHT = 39;
Spry.Widget.MenuBar.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
return false;
return true;
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
if (!ele || !className || this.hasClassName(ele, className))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
if (!ele || !className || !this.hasClassName(ele, className))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
try
if (element.addEventListener)
element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
element.attachEvent('on' + eventType, handler);
catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
var layer = document.createElement('iframe');
layer.tabIndex = '-1';
layer.src = 'javascript:""';
layer.frameBorder = '0';
layer.scrolling = 'no';
menu.parentNode.appendChild(layer);
layer.style.left = menu.offsetLeft + 'px';
layer.style.top = menu.offsetTop + 'px';
layer.style.width = menu.offsetWidth + 'px';
layer.style.height = menu.offsetHeight + 'px';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
while(layers.length > 0)
layers[0].parentNode.removeChild(layers[0]);
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
var menus = root.getElementsByTagName('ul');
for(var i=0; i<menus.length; i++)
this.hideSubmenu(menus[i]);
this.removeClassName(this.element, this.activeClass);
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
if(this.currMenu)
this.clearMenus(this.currMenu);
this.currMenu = null;
if(menu)
this.addClassName(menu, this.subVisibleClass);
if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
menu.style.top = menu.parentNode.offsetTop + 'px';
if(Spry.is.ie && Spry.is.version < 7)
this.createIframeLayer(menu);
this.addClassName(this.element, this.activeClass);
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
if(menu)
this.removeClassName(menu, this.subVisibleClass);
if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
menu.style.top = '';
menu.style.left = '';
if(Spry.is.ie && Spry.is.version < 7)
this.removeIframeLayer(menu);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
var opentime, closetime;
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
if(menu)
this.addClassName(link, this.hasSubClass);
if(!Spry.is.ie)
// define a simple function that comes standard in IE to determine
// if a node is within another node
listitem.contains = function(testNode)
// this refers to the list item
if(testNode == null)
return false;
if(testNode == this)
return true;
else
return this.contains(testNode.parentNode);
// need to save this for scope further down
var self = this;
this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
if (this.enableKeyboardNavigation)
this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
this.lastOpen = listitem.getElementsByTagName('a')[0];
this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
this.hasFocus = true;
Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
this.clearSelection(listitem);
Spry.Widget.MenuBar.prototype.clearSelection = function(el){
//search any intersection with the current open element
if (!this.lastOpen)
return;
if (el)
el = el.getElementsByTagName('a')[0];
// check children
var item = this.lastOpen;
while (item != this.element)
var tmp = el;
while (tmp != this.element)
if (tmp == item)
return;
try{
tmp = tmp.parentNode;
}catch(err){break;}
item = item.parentNode;
var item = this.lastOpen;
while (item != this.element)
this.hideSubmenu(item.parentNode);
var link = item.getElementsByTagName('a')[0];
this.removeClassName(link, this.hoverClass);
this.removeClassName(link, this.subHoverClass);
item = item.parentNode;
this.lastOpen = false;
Spry.Widget.MenuBar.prototype.keyDown = function (e)
if (!this.hasFocus)
return;
if (!this.lastOpen)
this.hasFocus = false;
return;
var e = e|| event;
var listitem = this.lastOpen.parentNode;
var link = this.lastOpen;
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];
if (!opts[3])
opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null;
var found = 0;
switch (e.keyCode){
case this.upKeyCode:
found = this.getElementForKey(opts, 'y', 1);
break;
case this.downKeyCode:
found = this.getElementForKey(opts, 'y', -1);
break;
case this.leftKeyCode:
found = this.getElementForKey(opts, 'x', 1);
break;
case this.rightKeyCode:
found = this.getElementForKey(opts, 'x', -1);
break;
case this.escKeyCode:
case 9:
this.clearSelection();
this.hasFocus = false;
default: return;
switch (found)
case 0: return;
case 1:
//subopts
this.mouseOver(listitem, e);
break;
case 2:
//parent
this.mouseOut(opts[2], e);
break;
case 3:
case 4:
// left - right
this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
break;
var link = opts[found].getElementsByTagName('a')[0];
if (opts[found].nodeName.toLowerCase() == 'ul')
opts[found] = opts[found].getElementsByTagName('li')[0];
this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
this.lastOpen = link;
opts[found].getElementsByTagName('a')[0].focus();
//stop further event handling by the browser
return Spry.Widget.MenuBar.stopPropagation(e);
Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
if (this.enableKeyboardNavigation)
this.clearSelection(listitem);
if(this.bubbledTextEvent())
// ignore bubbled text events
return;
if (listitem.closetime)
clearTimeout(listitem.closetime);
if(this.currMenu == listitem)
this.currMenu = null;
// move the focus too
if (this.hasFocus)
link.focus();
// show menu highlighting
this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
this.lastOpen = link;
if(menu && !this.hasClassName(menu, this.subHoverClass))
var self = this;
listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);
Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
if(this.bubbledTextEvent())
// ignore bubbled text events
return;
var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
if(!listitem.contains(related))
if (listitem.opentime)
clearTimeout(listitem.opentime);
this.currMenu = listitem;
// remove menu highlighting
this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
if(menu)
var self = this;
listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);
if (this.hasFocus)
link.blur();
Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
var child = element[sibling];
while (child && child.nodeName.toLowerCase() !='li')
child = child[sibling];
return child;
Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
var found = 0;
var rect = Spry.Widget.MenuBar.getPosition;
var ref = rect(els[found]);
var hideSubmenu = false;
//make the subelement visible to compute the position
if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
els[1].style.visibility = 'hidden';
this.showSubmenu(els[1]);
hideSubmenu = true;
var isVert = this.hasClassName(this.element, this.verticalClass);
var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;
for (var i = 1; i < els.length; i++){
//when navigating on the y axis in vertical menus, ignore children and parents
if(prop=='y' && isVert && (i==1 || i==2))
continue;
//when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
if(prop=='x' && !isVert && !hasParent && (i==1 || i==2))
continue;
if (els[i])
var tmp = rect(els[i]);
if ( (dir * tmp[prop]) < (dir * ref[prop]))
ref = tmp;
found = i;
// hide back the submenu
if (els[1] && hideSubmenu){
this.hideSubmenu(els[1]);
els[1].style.visibility = '';
return found;
Spry.Widget.MenuBar.camelize = function(str)
if (str.indexOf('-') == -1){
return str;
var oStringList = str.split('-');
var isFirstEntry = true;
var camelizedString = '';
for(var i=0; i < oStringList.length; i++)
if(oStringList[i].length>0)
if(isFirstEntry)
camelizedString = oStringList[i];
isFirstEntry = false;
else
var s = oStringList[i];
camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
return camelizedString;
Spry.Widget.MenuBar.getStyleProp = function(element, prop)
var value;
try
if (element.style)
value = element.style[Spry.Widget.MenuBar.camelize(prop)];
if (!value)
if (document.defaultView && document.defaultView.getComputedStyle)
var css = document.defaultView.getComputedStyle(element, null);
value = css ? css.getPropertyValue(prop) : null;
else if (element.currentStyle)
value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
catch (e) {}
return value == 'auto' ? null : value;
Spry.Widget.MenuBar.getIntProp = function(element, prop)
var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
if (isNaN(a))
return 0;
return a;
Spry.Widget.MenuBar.getPosition = function(el, doc)
doc = doc || document;
if (typeof(el) == 'string') {
el = doc.getElementById(el);
if (!el) {
return false;
if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
//element must be visible to have a box
return false;
var ret = {x:0, y:0};
var parent = null;
var box;
if (el.getBoundingClientRect) { // IE
box = el.getBoundingClientRect();
var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
ret.x = box.left + scrollLeft;
ret.y = box.top + scrollTop;
} else if (doc.getBoxObjectFor) { // gecko
box = doc.getBoxObjectFor(el);
ret.x = box.x;
ret.y = box.y;
} else { // safari/opera
ret.x = el.offsetLeft;
ret.y = el.offsetTop;
parent = el.offsetParent;
if (parent != el) {
while (parent) {
ret.x += parent.offsetLeft;
ret.y += parent.offsetTop;
parent = parent.offsetParent;
// opera & (safari absolute) incorrectly account for body offsetTop
if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
ret.y -= doc.body.offsetTop;
if (el.parentNode)
parent = el.parentNode;
else
parent = null;
if (parent.nodeName){
var cas = parent.nodeName.toUpperCase();
while (parent && cas != 'BODY' && cas != 'HTML') {
cas = parent.nodeName.toUpperCase();
ret.x -= parent.scrollLeft;
ret.y -= parent.scrollTop;
if (parent.parentNode)
parent = parent.parentNode;
else
parent = null;
return ret;
Spry.Widget.MenuBar.stopPropagation = function(ev)
if (ev.stopPropagation)
ev.stopPropagation();
else
ev.cancelBubble = true;
if (ev.preventDefault)
ev.preventDefault();
else
ev.returnValue = false;
Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
if (!optionsObj)
return;
for (var optionName in optionsObj)
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
And last, here is the HTML code that has also not been modified in any way:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../BXC Main Navigation Spry Drop Menu/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../BXC Main Navigation Spry Drop Menu/SpryAssets/SpryMenuBarHorizontal4.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Buy</a>
<ul>
<li><a href="#">Shop from Private Owner</a></li>
<li><a href="#">Shop Direct from Stores</a></li>
<li><a href="#">Help Buying</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Bid</a>
<ul>
<li><a href="#">Shop from Auction</a></li>
<li><a href="#">Help Bidding</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Trade</a>
<ul>
<li><a href="#">Shop for Trades</a></li>
<li><a href="#">Help Trading</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">List Items</a>
<ul>
<li><a href="#">List Items in Auction</a></li>
<li><a href="#">List Items for Sale</a></li>
<li><a href="#">List Items for Trade</a></li>
<li><a href="#">Help Listing Items</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Intro</a>
<ul>
<li><a href="#">Flash Site &amp; Intro</a></li>
<li><a href="#">About Us</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">My Xchange</a>
<ul>
<li><a href="#">Activity</a></li>
<li><a href="#">Account</a></li>
<li><a href="#">Mail</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Help</a>
<ul>
<li><a href="#">Main Help</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Thanks in advance for any of your help.
Jose H.Hello Nancy,
I was troubleshooting For the next 8 hours after my post here and eventually I got it right, I uploaded the files to the test server and at the time did not have the chance to post the solution here. This is why, as you saw, it is working correctly now. Both the CSS and HTML files needed modifications. While working on the code I had to run IE8, Chrome and Firefox simultaneously and refresh all three after every change in the code because what would fix the problem in one would cause a problem for the other.
In addition to the problems listed in my original post, there were also other graphical issues in IE8, such as; the main menu buttons without sub-menus would only display at half their size vertically. The border around the buttons would not display despite that the background images were rendered in Photoshop as flattened JPEGs with boarders as part of the background image. Being so, I removed all borders from the CSS script.
By the way.. the IE8 security measure did pop up while working from the server.
Anyhow for those of you who are experiencing similar problems you can take a look at the working code bellow and compare it to the initial code. I've included detail comments on every line I have changed, modified or added.
Good luck.. as I know it can become a complicated task when creating custom Spry menus.
<b>Here is the finished CSS script</b>
<code>@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 10;
padding: 0;
list-style-type: none;
/* font size for top menu*/
font-size: 80%;
cursor: default;
width: auto;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
/*whole menu moves*/
margin-left: 100px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* My Note --Top buttons' background, height and font size adjust-- */
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
/* My note --I added the height and background-image as Main-Buttons.jpg-- */
height: 55px;
background-image: url(../Main-Buttons.jpg);
margin: -2;
padding: 0;
list-style-type: none;
font-size: 100%;
position: center;
/*text-align: left;*/
cursor: pointer;
width: 99px;
float: left;
/* My note --Submenu font size adjust-- */
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 87%;
z-index: 1020;
cursor: default;
width: 160px;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
/* My note --this margin alligns the drop buttons up and down-- */
margin-top: 0px;
height: 25px;
left: auto;
/* My note --drop menu size adjustments-- */
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
height: 25px;
width: 162px;
/* New addition */
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position:absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/*border: 1px solid #CCC;*/
/* My note --Text Allignment global-- */
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
/*My note -- took out borders & changed text color to #333(black)& added my own mouse not over image-- */
/*border: 0px solid #333332;*/
background-image: url(../Main-Buttons.jpg);
/*height: 40px;*/
text-align: center;
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
text-decoration: none;
/*My note --Text Color-- */
color: #333; /*background-color: was #CCC;*/
letter-spacing: -0.00px;
margin-left: 1px;
margin-right: 0px;
/*alligns text up or down globally*/
margin-top: 1px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
/* My note --took out all backgound & text color for mouse over-- */
/*background-color: #33C;
color: #FFF;*/
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
/*My note -- took out background & text & added my own mouse over image-- */
background-image: url(../Main-Buttons-mouse-over.jpg);
/*background-color: #33C;
color: #FFF;*/
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
/* My note --!!!!!This height setting adjusts the main buttons' background height in IE8!!!!-- */
height: 40px;
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
/* My note --mouse over-- */
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
/* My note --The backgound color below was changed here to the same color #3e6487 as the darkest tone in the background image graphic to mimic the original image borders; dark blue, since IE8 for some reason would cut them out. This change allows this dark blue background to display around the main top buttons in IE8 giving the appearance of borders*/
background: #3e6487;
</code>
<b>Here is the modified HTML script</b>
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="/SpryAssets/SpryMenuBarHorizontal4.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Buy</a>
<ul>
<li><a href="#">Shop from Private Owner</a></li>
<li><a href="#">Shop Direct from Stores</a></li>
<li><a href="#">Help Buying</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Bid</a>
<ul>
<li><a href="#">Shop from Auction</a></li>
<li><a href="#">Help Bidding</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Trade</a>
<ul>
<li><a href="#">Shop for Trades</a></li>
<li><a href="#">Help Trading</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">List Items</a>
<ul>
<li><a href="#">List Items in Auction</a></li>
<li><a href="#">List Items for Sale</a></li>
<li><a href="#">List Items for Trade</a></li>
<li><a href="#">Help Listing Items</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Intro</a>
<ul>
<li><a href="#">Flash Site &amp; Intro</a></li>
<li><a href="#">About Us</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">My Xchange</a>
<ul>
<li><a href="#">Activity</a></li>
<li><a href="#">Account</a></li>
<li><a href="#">Mail</a></li>
</ul>
</li>
<!-- My note --the bellow line was: <li><a href="#">Contact Us</a></li> --- changing it to: <li><a href="#" class="MenuBarItemSubmenu">Contact Us</a> corrected the height of the Contact us button wich did not have sub menus and because of this only diplayed at half size vertically in IE8 //-->
<li><a href="#" class="MenuBarItemSubmenu">Contact Us</a>
<li><a href="#" class="MenuBarItemSubmenu">Help</a>
<ul>
<li><a href="#">Main Help</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
</code>
And Richard.. Thanks again for the time and your help, truly appreciated.
Jose H. -
Css problem in internet explorer
Hi to all!
On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
html:<div id="userpanel">
<span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
<div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
<p>| #NAVIGATION_BAR#</p>
</div></span>
</div>css:#userpanel,
#userpanel * {
position:relative;
font-family:verdana; font-size:12px;
margin:0; padding:1px; border:0;
white-space:nowrap;
#userpanel a,
#userpanel span { display:inline-block; }
#userpanel>span>a { color:#999; }
#userpanel span:hover div { display:block; }
#userpanel>span:hover > a { color:black; }
#userpanel_hsreg {
display:none;
position:absolute;
left:+5px;
top:+24px;
background:#fff;
padding:10px 18px;
line-height:180%;
border:1px solid silver;
border-radius: 6px;
box-shadow:1px 2px 5px #aaa;
z-index:99;
#userpanel>span>a {
border-bottom:1px solid silver;
margin-top: 5px;
}So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
I have v 4.0.2.
Thanks and greetings,
tobiHi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53 -
Servlet output not displayed properly in Internet Explorer
Hi All,
I'm developing a servlet which uploads a file. After the servlet parses the request body, it stores the file contents as a binary string in the database. While displaying the contents of the attached file, the IE(Internet Explorer) is ignoring all the newlines and spaces. IThe same uploaded file when viewed through Firefox browser is being displayed properly. I've added some debug statements to print the filecontent before sending it to servlet output stream. They look exactly as they were in the uploaded file. The MIME type is application/octet-stream.
I've also made the response to accept "ISO-8859-1" and "UTF-8" charsets, yet the IE is not rendering the file contents properly. The code looks like this,
response.setContentType("text/html; charset= ISO-8859-1, UTF-8");
byte[] buff = attachment.getAttachObject();
OutputStream out = response.getOutputStream();
out.write(buff);
out.close();
I've tried using PrintWriter also. I've tried changing the content types, character encodings of request and response objects, still couldn't resolve the issue. What really baffles me is that when it's displaying properly in Firefox, why can't it render properly in IE? I'm using Win XP SP2, and IE version is 6.0.29. The content which is being sent to the output stream contains newline and space characters, but they are not displayed in the browser. Did any one face this sort of issue? Your help is highly appreciated.
Thanks,
Tarun.Hi,
Thanks for looking into the issue. Let me tell you that I've tried keeping various content-types like text/plain, text/xml etc, but in none of those cases the IE rendered the output properly. But with the same content-type i.e text/html or text/plain, Firefox is able to render the file content properly. I've tried a brutal force approach like below,
response.setContentType("text/plain");
PrintWriter out = response.getWriter();
String str = new String(attachment.getAttachObject());
char[] buff = str.toCharArray();
for(i=0;i< buff.length; i++)
int n = (int)buff;
if(n == 10)
out.println();
else
out.print(buff[i]);
out.close();
I was trying to print a newline whenever I find a newline character in the file content. Even this didn't work. Please suggest me some way to get rid of this problem. -
Weird text problem in Internet Explorer
I have a totally puzzling issue with my text in my website.
The problem is that it looks fine when the site is previewed in Firefox, Google Chrome or Safari but when previewed in Internet Explorer for some unknown reason some of the text displays incorrectly as illustrated in image 2 below.
I have been trying for days to solve this issue but nothing I have tried so far can solve the issue. Is anyone out there familiar with this bug?
Any advice would be greatly appreciated. I have included some images and my CSS details below.
Image 1 Previewed in Firefox
Image 2 Previewed in Internet explorer
This is how the text looks in I.E
Im thinking that it may be caused by some kind of CSS issue so I have included my CSS file details below.
#buyncon {
text-align: right;
#caseincon {
#clickoncon {
margin-top: 3px;
margin-bottom: 7px;
#page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer9 #orderbottom44 #concontainer33 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook {
padding: 10px;
#linespop1con {
background-image: url(images/POPUPLINES.gif);
background-repeat: no-repeat;
height: 168px;
#rightsicon {
width: 287px;
float: right;
margin-right: 45px;
#lefthacon {
width: 400px;
margin-left: 15px;
#peron {
width: 161px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
#mainimcon {
body {padding:0; margin:0; height:750px; background:#6f6f6f}
#caseincon img {
margin-right: 15px;
margin-bottom: 15px;
#prices {
width: 35px;
float: right;
#units {
width: 48px;
#unitprcon {
margin-top: 5px;
#lefthancol {
width: 385px;
margin-left: 25px;
#linesvidcon {
background-image: url(images/POPUPLINES2.gif);
background-repeat: no-repeat;
height: 102px;
#flashpopcon {
#righthancol {
width: 287px;
float: right;
margin-right: 45px;
margin-top: 10px;
#learnaboutccon {
#wordscon {
#buynowbcon {
text-align: right;
margin-top: 100px;
#persontutcon {
width: 161px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
#itemmon {
width: 66px;
#maccscon {
width: 40px;
float: right;
table, td {border-collapse:collapse;}
#itemscon {
margin-top: 10px;
table, td, img {border:0; padding:0;}
form, td{
margin:0;
padding:0;
html {height:100%;}
br{font-size:10px}
table{border:0px; border-collapse:collapse; }
body, td{
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
color:#7d7b7b;
line-height:13px;
vertical-align:top;
padding:0px;
a img{ border:0px}
img{
strong{
color:#999
b{ color:#585858}
span{}
span a{}
span a:hover{}
a{
color:#999;
text-decoration:none
a:hover{
color:#999;
text-decoration: underline
.bg_bot{ background:url(images/bg_bot.gif) top left repeat-x #6f6f6f}
.bg_color{ background:#f2f2f2}
.bg_li_bot{ background:url(images/bg_li_bot.gif) top left repeat-y}
.bg_color_top{ background:#FFFFFF}
ul{margin:0; padding:0; list-style:none}
li{ line-height:18px }
li a{ background:url(images/1_z1.gif) center left no-repeat; background-position:0 5px; margin:0px; padding-left:9px;color:#91908d; text-decoration:underline}
li a:hover{color:#91908d; text-decoration:none}
.more{background:url(images/1_z2.gif) center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
.more:hover{ text-decoration:underline}
.main_table{ width:100%; background:url(images/bg_left.gif) top left repeat-x #c4c4c4}
.site_center{text-align:center; width:100%; background:url(images/bg_bot.gif) bottom left repeat-x}
.site_center1{margin:0 auto; text-align:left; width:770px;}
/*header*/
#header{ height:339px; width:770px}
#header .row1{ height:26px; background:url(images/bg_hed_top.gif) top left repeat-y }
#header .row2{ height:313px; background:url(images/bg_hed_li.gif) top left repeat-x }
#header .row2 .col1{ width:586px; background:url(images/bg_header.jpg) bottom right no-repeat}
#header .row2 .col1 div{ padding:142px 0 0 60px}
#header .row2 .col1 .title{ margin:0 89px 0 0px}
#header .row2 .col2{ width:184px}
#header .row2 .col2 .indent{ margin:101px 0 0px 0px}
/*content*/
#content{
width:770px;
height:352px;
background:#FFFFFF
/*page1*/
#page1 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page2*/
#page2 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page3*/
#page3 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page4*/
#page4 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page5*/
#page5 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page6*/
#page6 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page7*/
#page7 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*footer*/
#footer { width:770px; height:59px;}
#footer .row1{ height:5px; background:url(images/bg_foot.gif) top left repeat-x;}
.ab {
color: #919190;
#footer .row2{ height:54px; background:#919190; color:#FFFFFF; font-size:10px}
#footer .row2 div{
#footer .row2 .indent{ margin:0 15px 0 15px}
#footer .row2 a{ color:#FFFFFF; text-decoration: underline}
#footer .row2 a:hover{ color:#FFFFFF; text-decoration: none}
/*input*/
input.text{
width: 250px;
label.top {
display: block;
margin-bottom: 0.5em;
font-style: italic;
.input1{
background:#ffffff;
border:1px solid #91908d;
width:201px; height:15px;
color:#91908d;
font-size:10px
#input2{
width:44px; height:11px;
border:0px;
#input3{
width:39px; height:11px;
border:0px;
textarea{
background:#ffffff;
border:1px solid #91908d;
width:250px;
height:49px;
overflow:auto;
font-family:Tahoma;
font-size:11px;
color:#91908d;
margin-top: 0.5em;
}.reviewtitle {
font-size: 14px;
font-weight: normal;
#contactleft {
width: 254px;
padding: 10px;
margin-left: 20px;
margin-top: 45px;
background-image: url(images/conbkg.gif);
.italics {
font-style: italic;
.bolds {
font-weight: bold;
#conactadress {
width: 382px;
margin-top: 45px;
margin-right: 55px;
float: right;
#contactbox {
width: 380px;
float: right;
#links {
text-align: center;
margin-bottom: 20px;
#reviewleftbkg {
width: 254px;
padding: 10px;
margin-left: 20px;
margin-top: 45px;
background-image: url(images/revbkg.gif);
#feedbackleftbkg {
margin-left: 20px;
width: 254px;
margin-top: 45px;
padding: 10px;
background-image: url(images/feedbkg.gif);
#shoutleft {
margin-bottom: 40px;
#feedbackform {
width: 382px;
float: right;
margin-top: 35px;
margin-right: 55px;
#hearleft2 {
margin-bottom: 40px;
#lefttext {
margin-bottom: 40px;
#reviewform {
width: 382px;
float: right;
margin-right: 55px;
margin-top: 35px;
#twitter {
left: 410px;
bottom: 4px;
position: relative;
#delicious {
position: relative;
left: 405px;
bottom: 4px;
#dig {
position: relative;
left: 400px;
bottom: 4px;
#facebook {
position: relative;
left: 395px;
bottom: 4px;
.row2 div span.quote {
position: relative;
left: 210px;
#privacybkg {
background-image: url(images/privacy-BKG.gif);
background-repeat: no-repeat;
margin: 7px;
#background {
clip: rect(auto,auto,auto,auto);
padding-left: 10px;
padding-top: 10px;
#concontainer {
background-image: url(images/index-bkg.gif);
background-repeat: no-repeat;
height: 927px;
background-position: center;
#orderbottom {
background-image: url(images/ORDER-BKG-2-A.gif);
height: 930px;
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
.clear {
clear: both;
#dataimage {
padding-top: 39.5px;
padding-bottom: 42.5px;
padding-left: 25px;
#dataimage9 {
#securefile {
width: 208px;
float: right;
#contacttitle {
#pivacycontainer {
width: 208px;
position: absolute;
left: 850px;
padding-top: 15px;
#pivacycontainer2 {
width: 208px;
position: absolute;
left: 820px;
padding-top: 15px;
#dataimage2 {
padding-left: 25px;
padding-top: 34.5px;
padding-bottom: 32px;
width: auto;
#pivacycontainer3 {
width: 208px;
position: absolute;
left: 820px;
padding-top: 5px;
#personaltutor {
#dataimage3 {
padding-left: 25px;
#contacttitle3 {
width: 400px;
#personaltutorcontainaer1 {
margin-bottom: 35px;
#personaltutor1 {
width: 160px;
margin-left: 40px;
margin-bottom: 18px;
#windows7box {
width: 345px;
margin-top: 30px;
margin-left: 40px;
margin-bottom: 30px;
#productbox {
width: 358px;
position: absolute;
left: 691px;
#pivacycontainer4 {
width: 208px;
position: absolute;
left: 835px;
padding-top: 15px;
#dataimage4 {
padding-top: 39.5px;
padding-bottom: 44.5px;
padding-left: 25px;
#contactlogo {
margin-bottom: 4px;
#col1 {
width: 251px;
margin-right: 35px;
float: right;
margin-top: 93px;
#theproblem {
padding-left: 5px;
#thesolution {
padding-left: 5px;
.box {
.right {
#col2 {
width: 430px;
padding-left: 30px;
margin-top: 65px;
#brace {
color: #FFF;
#personalcol {
padding-left: 5px;
#helpcol {
background-image: url(images/help-bkg.gif);
background-repeat: no-repeat;
width: 251px;
height: 275px;
margin-top: 12px;
#readcol {
background-repeat: no-repeat;
height: 173px;
margin-top: 20px;
clear: both;
.indexbold {
font-size: 14px;
font-weight: bold;
color: #476068;
line-height: 17px;
padding-left: 10px;
#help {
padding-left: 17px;
font-size: 14px;
line-height: 17px;
color: #999;
font-weight: bold;
padding-top: 13px;
padding-bottom: 5px;
.five {
margin-left: 10px;
.buttontext {
font-size: 14px;
color: #FFF;
clear: inherit;
position: relative;
left: 87px;
bottom: 33px;
width: 200px;
#problemcol {
#monitorcol {
#solutioncol {
.buttontext2 {
font-size: 14px;
color: #FFF;
clear: both;
position: relative;
left: 109px;
bottom: 33px;
width: 80px;
#concontainerorder {
background-image: url(images/order-bkg-top-2.gif);
background-repeat: no-repeat;
height: 450px;
background-position: center top;
margin-bottom: 30px;
#col5 {
#buycol {
width: 161px;
float: right;
padding-top: 10px;
.learnbold {
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
line-height: 17px;
#tutorcol {
width: 161px;
clear: both;
float: right;
padding-top: 20px;
#col6 {
width: 231px;
padding-left: 30px;
margin-top: 65px;
#smallcases {
width: 226px;
margin-bottom: 5px;
#unit {
padding-top: 4px;
#price {
width: 45px;
float: right;
#mac {
width: 41px;
float: right;
margin-right: 6px;
#item {
width: 90px;
#print {
width: 70px;
.size {
font-size: 12px;
#emailcon {
margin-top: 22px;
#addcol {
margin-top: 44px;
padding-left: 7px;
margin-bottom: 3px;
.yellow {
font-size: 14px;
font-weight: bold;
color: #F3BA22;
#email {
width: 130px
#clickcol {
#smallcasecol {
background-image: url(images/fade2.jpg);
height: 83px;
background-repeat: no-repeat;
width: 226px;
padding-top: 10px;
padding-left: 3px;
#smallcases img {
margin: 3px;
#linecol {
width: 357px;
background-image: url(images/order-bkg.gif);
height: 206px;
background-repeat: no-repeat;
#casecol {
width: 231px;
#zoomcol {
#itemcol {
margin-top: 7px;
#stockcol {
margin-top: 9px;
#overallcol {
margin-top: 12px;
#stock {
width: 49px;
float: right;
#read {
margin-top: 7px;
#write {
width: 100px;
float: right;
margin-right: 120px;
#readrev {
font-family: Tahoma, Geneva, sans-serif;
width: 110px;
#availcol {
width: 65px;
#titlecol {
width: 357px;
#read #write img {
margin-bottom: 0px;
margin-right: 3px;
#read #readrev img {
margin-right: 3px;
#emailcon #email img {
margin-right: 7px;
#contentscon {
padding-left: 150px;
padding-right: 70px;
text-align: justify;
margin-top: 80px;
.blue14 {
color: #386989;
font-size: 14px;
font-weight: bold;
.blue11 {
font-size: 11px;
color: #386989;
font-weight: bold;
.orange14 {
color: #f79420;
font-size: 11px;
font-weight: bold;
#buy2 {
width: 150px;
float: right;
margin-right: 65px;
position: relative;
padding-top: 10px;
#greatvalue {
width: 230px;
margin-left: 150px;
#readour {
color: #f79420;
font-size: 15px;
font-weight: bold;
padding-left: 150px;
.orange15 {
color: #f79420;
#col7 {
width: 382px;
margin-top: 55px;
margin-right: 40px;
float: right;
#col8 {
width: 254px;
background-color: #F4F6F6;
padding: 10px;
margin-top: 55px;
margin-left: 30px;
#privacyleft {
margin-bottom: 10px;
margin-top: 5px;
#personalt {
margin-bottom: 5px;
.bold2 {
font-size: 14px;
font-weight: bold;
#col4 {
width: 250px;
float: right;
margin-right: 35px;
margin-top: 65px;
#col5 {
width: 375px;
padding-left: 30px;
float: right;
#videocon {
#greatcon {
padding-left: 6px;
padding-top: 2px;
#pertutor {
margin-bottom: 10px;
padding-left: 5px;
#pledgecon {
background-image: url(images/video-bkg-10bb.jpg);
height: 290px;
background-repeat: no-repeat;
padding: 10px;
#buttoncon {
#text1 {
#piccon {
width: 82px;
float: left;
margin-right: 10px;
#text2 {
#text3 {
text-align: right;
#buttoncon {
#pricingdetails {
width: 100px;
top: 10px;
.indexbold2 {
font-size: 14px;
font-weight: bold;
color: #999;
line-height: 17px;
.greybold {
font-size: 14px;
font-weight: bold;
#unitboxcol {
margin-top: 5px;
#pricebox {
width: 35px;
float: right;
#macbox {
#unitbox {
width: 47px;
#itemboxcol {
#itbox {
#itsbox {
margin-top: 10px;
#maxibox {
width: 39px;
float: right;
#ibox {
width: 65px;
#col5b {
width: 430px;
padding-left: 30px;
margin-top: 65px;
#col5c {
width: 357px;
float: right;
margin-right: 80px;
margin-top: 70px;
#sprycon {
#tagcon {
#Prod {
width: 100px;
#reviews {
width: 45px;
float: right;
#procon {
width: 125px;
margin-left: 27px;
font-weight: bold;
color: #999;
#revicon {
width: 50px;
float: right;
font-weight: bold;
margin-right: 515px;
color: #999;
#orderbottom2 {
background-image: url(images/ORDER-BKG-2-A.gif);
height: 915px;
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
#stars4 {
width: 200px;
margin-bottom: 5px;
padding-bottom: 2px;
margin-left: 25px;
#date4 {
font-weight: bold;
float: right;
width: 113px;
margin-right: 30px;
#reviewss4 {
font-weight: bold;
width: 350px;
margin-left: 150px;
#mesages4 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#stars5 {
width: 200px;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 2px;
#date5 {
font-weight: bold;
float: right;
margin-right: 32px;
#reviewss5 {
font-weight: bold;
width: 350px;
margin-left: 150px;
#mesages5 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#review1con5 {
margin-top: 97px;
#stars6 {
width: 200px;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 2px;
#date6 {
font-weight: bold;
float: right;
margin-right: 30px;
#reviewss6 {
font-weight: bold;
width: 350px;
margin-left: 150px;
#mesages6 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#orderbottom3 {
background-image: url(images/ORDER-BKG-2-A.gif);
height: 915px;
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
#customcon {
font-size: 12px;
font-weight: bold;
margin-left: 20px;
#cus {
padding-bottom: 20px;
#stars {
width: 200px;
margin-left: 25px;
padding-bottom: 2px;
margin-bottom: 5px;
#rate {
width: 154px;
font-size: 14px;
font-weight: bold;
color: #f79420;
float: right;
margin-right: 500px;
#reviewss {
width: 350px;
margin-left: 150px;
font-size: 12px;
font-weight: bold;
color: #494949;
#review2con2 {
margin-top: 100px;
#review1con {
margin-top: 65px;
#date {
width: 90px;
float: right;
color: #494949;
font-weight: bold;
margin-right: 30px;
.blue2 {
color: #386989;
#mesage {
margin-left: 150px;
margin-right: 35px;
margin-top: 10px;
text-align: justify;
.dark12 {
font-size: 12px;
font-weight: bold;
color: #494949;
#stars2 {
width: 200px;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 2px;
#date2 {
float: right;
margin-right: 33px;
#reviewss2 {
#reviewss2 {
margin-left: 150px;
#review1con3 {
margin-top: 175px;
#stars3 {
width: 200px;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 2px;
#date3 {
font-weight: bold;
float: right;
width: 97px;
margin-right: 30px;
#reviewss3 {
font-weight: bold;
width: 350px;
margin-left: 150px;
#mesage3 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#mesage2 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#review1con4 {
margin-top: 65px;
#review1con6 {
margin-top: 200px;
#sharecon2 {
color: #FD9639;
font-size: 14px;
font-weight: bold;
margin-top: 143px;
margin-left: 23px;
#numbercon2 {
font-size: 14px;
font-weight: bold;
float: right;
margin-right: 30px;
margin-top: 19px;
#clickhcon3 {
width: 400px;
font-size: 11px;
font-weight: bold;
margin-left: 23px;
margin-top: 19px;
color: #386989;
#buysmcon2 {
float: right;
margin-top: 35px;
margin-right: 20px;
.bluerev {
color: #386989;
#sharecon {
font-size: 14px;
font-weight: bold;
color: #fd9639;
margin-top: 121px;
margin-left: 23px;
#numbercon {
font-size: 14px;
font-weight: bold;
float: right;
margin-top: 19px;
margin-right: 20px;
#clickhcon {
font-size: 11px;
width: 400px;
margin-top: 19px;
margin-left: 23px;
font-weight: bold;
color: #386989;
#buysmcon {
float: right;
margin-top: 35px;
margin-right: 20px;
#col1new {
width: 251px;
margin-right: 35px;
margin-top: 95px;
float: right;
#col2new {
width: 430px;
margin-top: 95px;
margin-left: 20px;
#pricon {
clear: both;
#butscon {
float: none;
padding-right: 10px;
margin-top: 5px;
#revscon {
font-size: 14px;
font-weight: bold;
color: #999;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 13px;
#butzcon {
clear: both;
float: right;
padding-right: 10px;
padding-top: 10px;
#shoutcon {
width: 71px;
margin-left: 15px;
#seewhatcon {
float: right;
width: 148px;
#clickzcon {
clear: both;
#tabzcon {
margin-left: 72px;
padding-top: 18px;
font-size: 14px;
#aboutuzcon {
font-size: 14px;
margin-left: 48px;
padding-top: 4px;
font-weight: bold;
color: #999;
#demozcon {
float: right;
font-size: 14px;
font-weight: bold;
margin-right: 524px;
padding-top: 4px;
#tabzcon2 {
#buyzon {
padding-left: 75px;
font-size: 14px;
font-weight: bold;
padding-top: 10px;
#orderbottom4 {
background-image: url(images/index-bottom-bkg.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 838px;
#ttabscon {
#ttabscon {
font-size: 14px;
font-weight: bold;
padding-top: 3px;
padding-left: 58px;
color: #999;
#breakercon {
color: #F7F6EC;
#breaker2con {
color: #F7F6EC;
#breaker3con {
color: #F7F6EC;
#securecontainer {
#contacttitle2 {
#boxxcon4 {
position: relative;
#securecontainer img {
position: absolute;
top: 3px;
right: 10px;
#boxxxxcon4 {
position: relative;
#cardcon {
position: absolute;
top: 3px;
right: 10px;
#boxxxxcon4 img {
#boxcon5 {
position: relative;
#privacycon {
#privacycon img {
position: absolute;
top: 15px;
right: 4px;
#boxcon3 {
position: relative;
#filmcon {
#filmcon img {
#boxcon2 {
position: relative;
#filmzcon2 {
position: absolute;
top: 5px;
right: 5px;
#windows7container {
#pro1con {
#case1con {
#pro11con {
position: relative;
#case1con img {
position: absolute;
top: 3px;
right: 8px;
#win7con {
padding-left: 40px;
padding-top: 20px;
padding-bottom: 0px;
#per1con {
#person1con {
padding-top: 20px;
padding-bottom: 26px;
padding-left: 40px;
#but1con {
float: right;
#buttoncon {
float: right;
#concontainer2 {
background-image: url(images/video-bkg-5.gif);
background-repeat: no-repeat;
height: 1460px;
background-position: center;
#concontainer2b {
background-repeat: no-repeat;
height: 927px;
background-position: center;
background-image: url(images/video-bkg-4.gif);
#footszcon {
#ezcon {
padding-top: 21px;
padding-left: 63px;
#netxcon {
float: right;
padding-top: 14px;
padding-right: 20px;
#netxcon img {
margin-left: 18px;
#readocon {
font-size: 14px;
font-weight: bold;
margin-top: 95px;
margin-left: 20px;
.smallz {
font-size: 10px;
#bodcon2 {
padding-top: 5px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 30px;
#bodcon3 {
margin-right: 35px;
margin-left: 5px;
float: right;
#bodcon4 {
margin-left: 20px;
#bodconntainer {
margin-top: 40px;
.thanks {
font-size: 12px;
.bluze {
color: #3366ff;
.blue5 {
font-size: 14px;
font-weight: bold;
color: #3366ff;
#bodcon1 {
padding-top: 5px;
padding-right: 20px;
padding-left: 45px;
font-size: 16px;
color: #999;
margin-bottom: 30px;
#bodcon7 {
margin-right: 100px;
margin-left: 5px;
font-size: 13px;
float: right;
.bluze2 {
color: #3366ff;
font-size: 12px;
font-weight: bold;
#trybuy {
float: right;
#bodconntainer #bodcon1 {
font-size: 18px;
color: #999;
.bluze3 {
color: #3366ff;
font-size: 14px;
font-weight: bold;
.bluze4 {
color: #999;
font-size: 14px;
font-weight: bold;
#netxcon4 {
float: right;
padding-top: 14px;
padding-right: 20px;
#netxcon8 {
padding-right: 0px;
float: right;
.bluze5 {
color: #3366ff;
font-size: 31px;
font-weight: bold;
label.check {
font-weight: bold;
.orange16 {
color: #f79420;
font-size: 14px;
font-weight: bold;
.dark13 {
font-size: 12px;
font-weight: bold;
color: #999;
#col2z {
width: 700px;
padding-left: 30px;
margin-top: 20px;
#theproblemz {
padding-left: 5px;
#monitorcolz {
#solutioncolz {
.bb1 {
float: right;
.pp2 {
float: right;
.bb2 {
float: right;
.clearz {
clear: both;
#vidz1 {
margin-right: 30px;
#seal1 {
float: right;
margin-right: 30px;
margin-bottom: 50px;
#seal2 {
float: right;
margin-right: 30px;
#seal3 {
margin-right: 30px;
float: right;
#line2 {
clear: both;
#line3 {
clear: both;
#line1 {
clear: both;
#seal6 {
float: right;
margin-right: 30px;
#seal7 {
float: right;
margin-right: 30px;
margin-bottom: 50px;
#seal8 {
float: right;
margin-right: 30px;
#seal9 {
float: right;
margin-right: 30px;
#seal4 {
float: right;
margin-right: 30px;
margin-bottom: 50px;
#seal5 {
float: right;
margin-right: 30px;
#vidz2 {
margin-right: 30px;
#vidz3 {
margin-right: 30px;
#line4 {
clear: both;
#seal10 {
float: right;
margin-right: 30px;
margin-bottom: 50px;
#seal12 {
#seal11 {
float: right;
margin-right: 30px;
#seal12 {
float: right;
margin-right: 30px;
#seal13 {
float: right;
margin-right: 30px;
margin-bottom: 30px;
#seal14 {
float: right;
margin-right: 30px;
#seal15 {
float: right;
margin-right: 30px;
#line5 {
clear: both;
#solutio {
clear: both;
#concontainer2 {
background-image: url(images/vid-bkg-5.gif);
background-repeat: no-repeat;
height: 1460px;
background-position: center;
.big {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #666666;
#col5bb {
width: 375px;
padding-left: 30px;
margin-top: 25px;
#concontainerorder2 {
background-image: url(images/order-background-new.gif);
background-repeat: no-repeat;
height: 560px;
background-position: center top;
margin-bottom: 30px;
margin-top: 20px;
#col5cc {
width: 450px;
float: right;
margin-right: 40px;
margin-top: 70px;
#titlecol2 {
width: 448px;
#clickcol2 {
.lift {
margin-bottom: 4px;
.pound {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #00F;
#col44 {
width: 330px;
float: right;
margin-right: 35px;
margin-top: 25px;
margin-left: 15px;
#page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer99 #orderbottom4444 #concontainer333 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook {
padding: 10px;
#buycol2 {
width: 161px;
float: right;
padding-top: 35px;
#buzz {
margin-top: 20px;
#pledgecon2 {
background-image: url(images/video-bkg-2.gif);
height: 229px;
background-repeat: no-repeat;
padding: 10px;
#aboutuzcon2 {
font-size: 14px;
margin-left: 42px;
padding-top: 4px;
font-weight: bold;
color: #999;
#concontainerorder3 {
background-image: url(images/order-background-new.gif);
background-repeat: no-repeat;
height: 560px;
background-position: center top;
margin-bottom: 30px;
margin-top: 20px;
#concontainer3 {
#concontainer3 {
background-image: url(images/video-bkg-12.gif);
background-repeat: no-repeat;
height: 2920px;
background-position: center;
#prodetails {
#col1b {
width: 251px;
margin-right: 35px;
float: right;
margin-top: 90px;
#concontainer9 {
background-image: url(images/index-9.gif);
background-repeat: no-repeat;
height: 927px;
background-position: center;
#contentscon2 {
padding-left: 40px;
padding-right: 40px;
text-align: justify;
margin-top: 80px;
#greatvalue2 {
width: 230px;
margin-left: 40px;
#buy2222 {
width: 150px;
float: right;
margin-right: 30px;
position: relative;
padding-top: 20px;
margin-bottom: 30px;
#orderbottom9 {
background-image: url(images/index-bottom-bkg.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 750px;
#qvc {
margin-left: 3px;
margin-top: 80px;
#readcol2 {
background-repeat: no-repeat;
height: 173px;
clear: both;
#revscon2 {
font-size: 14px;
font-weight: bold;
color: #999;
margin-left: 25px;
#concontainer33 {
background-repeat: no-repeat;
height: 2920px;
background-position: center;
#contentscon22 {
padding-left: 40px;
padding-right: 40px;
text-align: justify;
#orderbottom44 {
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 3778px;
#qvc2 {
margin-left: 3px;
margin-bottom: 15px;
#orderbottom444 {
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 4778px;
#concontainer99 {
background-image: url(images/index-9999.gif);
background-repeat: no-repeat;
height: 3784px;
background-position: center;
#page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer99 #orderbottom44 #concontainer33 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook #hook2 {
padding: 10px;
#concontainer333 {
background-repeat: no-repeat;
height: 3576px;
background-position: center;
#orderbottom4444 {
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 3778px;
#concontainer999 {
background-image: url(images/index-99.gif);
background-repeat: no-repeat;
height: 927px;
background-position: center;
#concontainerz {
background-image: url(images/index-9.gif);
background-repeat: no-repeat;
height: 927px;
background-position: center;
#concontainer25 {
background-image: url(images/index-9.gif);
background-repeat: no-repeat;
height: 912px;
background-position: center;
#pertutorz {
padding-left: 5px;
padding-bottom: 8px;
#tabzcon9 {
margin-left: 60px;
padding-top: 18px;
font-size: 14px;
I hope that someone may be able to help.
Thanks in advance.
Fitz.Hey when i try to add the new code as
sugested the whole of my pa
ge code greys out...
is this right?
sorry if i sound stupid...
heres my unchanged code in case of need...
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>Learn Windows 7 DVD - ideal for visual learners - View online demo of contents</title>
<!-- TemplateEndEditable -->
<META NAME="KEYWORDS" CONTENT=",Learn windows 7 DVD, learn about computers, Windows 7 dvd, pc help, how to use a computer,windows 7,learning about computers,">
<META NAME="description" content= " Need to learn about computers? Get this great Learn Windows 7 DVD with over
5 hours of contents teaching everything you need to know Watch online demo of contents">
<link href="../style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
//-->
</script>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body id="page6" onload="MM_preloadImages('../images/m1_1.gif','../images/m2_2.gif','../images/m3_3.gif',' ../images/m4_4.gif','../images/m5_5.gif')">
<table class="main_table">
<tr>
<td class="site_center"><table class="site_center1">
<tr>
<td><!-- TemplateBeginEditable name="Header" -->
<object style="margin:0px 0 0 -5px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="780" height="339">
<param name="movie" value="../flash/header_v8.swf?button=5" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<!--[if !IE]> <-->
<object data="../flash/header_v8.swf?button=5"
width="780" height="339" type="application/x-shockwave-flash">
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
<!-- TemplateEndEditable --></td>
</tr>
<tr>
<td>
<table id="content">
<tr>
<td class="row1"></td>
</tr>
<tr>
<td><div id="pro11con">
<div id="pro1con">
<div id="case1con"><img src="../images/product-image.jpg" width="358" height="200" alt="Learn about computers the easy way DVD your visual guide for learning about Computers" />
</div>
<div id="win7con"><img src="../images/leard-dvd.gif" width="345" height="144" alt="Learn Windows 7 The easy way DVD The Visual learning system" /></div>
</div>
</div>
<div id="concontainer99"><!-- TemplateBeginEditable name="Title" -->
<div id="tabzcon"><strong>About us</strong></div>
<!-- TemplateEndEditable --><br />
<p>
<!-- Boldchat Visitor Monitor HTML v1.30 (Website=- None -,ChatWindow=My Chat Window,ChatInvitation=My Invite Ruleset) -->
<script language="JavaScript" type="text/javascript"><!--
document.write('<scr' + 'ipt language="JavaScript" type="text/javascript" src="http://vms.boldchat.com/aid/1829731387427487376/bc.vms/vms.js?url=' + escape(document.location.href) + '&referrer=' + escape(document.referrer) + '&cidid=4472951096587932166&cwdid=5671252028105896945&cp=http&cw=640& ch=480"></scr' + 'ipt>');
//-->
</script>
<noscript>
<a href="http://www.boldchat.com" title="Live Chat Software" target="_blank"><img alt="Live Chat Software" src="http://vms.boldchat.com/aid/1829731387427487376/bc.vmi" border="0" width="1" height="1"></a>
</noscript>
<div id="orderbottom4444">
<div id="concontainer333"> <span id="concontainer33"><br />
</span>
<div id="col44">
<div id="pertutor"><img src="../images/personal-tutor-x.jpg" alt="Learn about computers the easy way your very own Personal Tutor" width="163" height="34" /></div>
<span id="concontainer33">
<p></p>
</span>
<div id="qvc2"><!-- TemplateBeginEditable name="vidz" -->
<div id="vidzz">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="309" height="263" id="FLVPlayer">
<param name="movie" value="../FLVPlayer_Progressive.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=../Halo_Skin_3&streamName=../flash/demo/qvc&autoPl ay=true&autoRewind=false" />
<param name="swfversion" value="8,0,0,0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../FLVPlayer_Progressive.swf" width="309" height="263">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=../Halo_Skin_3&streamName=../flash/demo/qvc&autoPl ay=true&autoRewind=false" />
<param name="swfversion" value="8,0,0,0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p>
</div>
<!-- TemplateEndEditable -->
<p><span class="dark13">A must for every household.</span><span class="greybold"> Get yours Today</span><br />
<img src="../images/blue-1.gif" width="287" height="18" alt="Click a blue link on the left to view another product sample" /></p>
<p> </p>
</div>
<div id="pledgecon">
<div id="pledcon">
<p><span class="indexbold2" id="concontainer33">Our Guarantee</span><span id="concontainer33"><br />
</span></p>
</div>
<div id="piccon"><img src="../images/face-2.gif" width="75" height="73" alt="Ceo Tracy Ferguson Guarantees our product" /></div>
<div id="text1">
<p>We are so confident that we have the best Learn About Computers DVD on the market that we offer a full 30 day money back guarantee if you are not 100% happy with your purchase.</p>
</div>
<div id="text2">
<p><span class="bluze">So why not take a 30 day trial today.</span></p>
</div>
<div class="bolds" id="text3">
<p>~ Tracy Ferguson ezway.co.uk<br />
''Learn today the ezway''
<br />
<br />
</p>
</div>
<span id="concontainer33">
<p></p>
</span>
<div id="buzz"><img src="../images/but-button-1.gif" alt="Click here to buy it now" width="146" height="42" align="right" onclick="MM_openBrWindow('../pop/buynow.html','BuyNow','width=770,height=673')" /></div>
<p> </p>
<p> </p>
<p><br />
</p>
<p> </p>
<div>
<p class="big">Product Testimonials <br />
<br />
<span class="input1">See what others have been saying</span></p>
</div>
<p> </p>
<div id="testa"><span class="bluze5">“</span>I had just brought a new Windows PC but didn’t have a clue how to use the new features and more importantly didn’t have the time to learn, the discovery of this DVD solved that problem with all my questions answered with great easy to follow video explanations. Best of all I can get the answers to my questions whenever I need on this easy to navigate DVD<span class="bluze3">” </span><br />
<br />
<span class="dark12"><span class="blue2">David Kelly</span> from Redcar Cleveland, UK</span> </div>
<p> </p>
<div><span class="bluze5">“</span>Fantastic; I’m a novice when it comes to computers. I have Windows Vista but my kids couldn’t help me much with it because they have Windows XP and Vista is totally different. I bought this tutorial package to see if it could help me. It’s really good. I’m finding out things that I didn’t know were possible. The demonstration is really good. It takes you through each step by showing you and talking to you about how and where things are done. If your like me and not too sure about Vista get this package. At least you will always have it handy if you run into any problems. If it’s not for you it can always be returned.<span class="bluze3">” </span><br />
<br />
<span class="dark12"><span class="blue2">Laura McErlaine</span>,from Devon, UK</span> </div>
<p> </p>
<div><span class="bluze5">“</span>I bought this DVD package to see if it could help me. It's really great. I'm finding out things that I didn't know was possible. The demonstrations are simple to follow. It takes you through each step by showing you and talking to you about how and where things are done. Best of all it has an excellent parental control section and now I can keep tabs on my kids MSN and surfing habits. its also always handy if I ever run into problems. Highly recommended!<span class="bluze3">” </span><br />
<br />
<span class="dark12"><span class="blue2">Margaret Taylor</span> from Swindon</span><span class="dark12">, Wilts, UK</span> </div>
<p> </p>
<div><span class="bluze5">“</span>I have been using Windows for approx 5 mths now, although I managed, I did not realize how much more there was to using a computer until I purchased these DVDs. My sister has now brought one, and I have just ordered one for my brother-inlaw. This is the first time I have left a review for any of my purchases, (and there are many)<br />
Well worth the money.<span class="bluze3">” </span><br />
<br />
<span class="dark12"><span class="blue2">Niki Huchingson</span> from Cheshire</span><span class="dark12">, UK</span> </div>
<p> </p>
<div><span class="bluze5">“</span>That day finally came when I had to take that step and buy a computer, these days everything seem to have reference to the world wide web and I was getting left far behind in the dark ages.. The day I brought my shiny new laptop I was disappointed to find no learning aids included! It didn't even clearly show me how to switch the thing off and on.<br />
<br />
I bought this tutorial package to see if it could help me. It's really great. I'm finding out things that I didn't know was possible. The demonstrations are simple to follow. It takes you through each step by showing you and talking to you about how and where things are done. Best of all it has an excellent parental control section and now I can keep tabs on my kids MSN and surfing habits. its also always handy if I ever run into problems. Recommended!<span class="bluze3">” </span><br />
<br />
<span class="dark12"><span class="blue2">Beverley Web</span>, from Lancashire, UK</span></div>
<p> </p>
<div><span class="bluze5">“</span>Great product, does just what it says on the box. will be used as a valuable point of reference for years to come. Quick delivery good description of product very happy !!<span class="bluze3">” </span>
</p>
<br />
<br />
<span class="dark12"><span class="blue2">Damien Hayden</span> from Kilmarnock</span><span class="dark12">, Scotland</span></div>
<p><span class="learnbold"><a href="file:///E:/WEBSITES%20DOWNLOADED%2030%2012%202010/WIN7%20-%20SITE%20-%2030%2012%202010/www root/index-3.html" class="dark13"><br />
</a>A must for every household<br />
</span><span class="dark13">''Learn today the ezway''</span><span class="learnbold"><br />
</span><br />
<img src="../images/but-button-1.gif" alt="Click here to buy it now" width="146" height="42" align="right" onclick="MM_openBrWindow('../pop/buynow.html','BuyNow','width=770,height=673')" /></p>
<p> </p>
<p> </p>
<p> </p>
<p><!-- BoldChat Live Chat Button HTML v3.00 (Type=Web,ChatButton=Ezway Chat Button,ChatWindow=Ezway Chat Window,Website=- None -,Department=- None -) -->
<div style="text-align: center; white-space: nowrap;">
<a href="https://livechat.boldchat.com/aid/1829731387427487376/bc.chat?cwdid=3189782500275221278" target="_blank" onclick="window.open((window.pageViewer && pageViewer.link || function(link){return link;})(this.href + (this.href.indexOf('?')>=0 ? '&' : '?') + 'url=' + escape(document.location.href)), 'Chat3828307382658010510', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=400 ');return false;">
<div><script language="JavaScript" type="text/javascript"> document.write(unescape('%3Cimg alt="Live chat by BoldChat" src="' + (('https:' == document.location.protocol) ? 'https:' : 'http:') + '//cbi.boldchat.com/aid/1829731387427487376/bc.cbi?cbdid=4257079219670373462" border="0" /%3E')); </script></div>
</a>
<div><font size="1" face="Arial"><a href="http://www.boldchat.com" style="text-decoration: none"><font color="black">Chat software by </font><b><font color="#AD3100">Bold</font><font color="#003163">Chat</font></b></a></font></div>
</div>
<!-- /BoldChat Live Chat Button HTML v3.00 -->
</p>
<br />
</div>
<div id="buttoncon"></div>
</div>
<div class="col4" id="col5bb">
<div id="videocon">
<table id="lessonsTable" class="lessons" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="txtThree" height="20"><table id="lessonsTable2" class="lessons" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" colspan="5" valign="middle" bgcolor="#F1F1F1"><div id="hook"><!-- TemplateBeginEditable name="DVDcontents" -->
<div id="hook2">
<div>
<h1 class="bluze4"><strong>Learn About Computers the Easy Way</strong></h1>
<p class="chapterHd">Get to grips with the newest Windows operating system with your very own Personal Tutor, this essential product will hold your hand through the whole process from the very basics to the most advanced features of Windows 7. With over 5 hours of content, topics covered include Getting started using Windows, Setting up Parental Controls, networking your PCs, Internet and email, multimedia and entertainment and also the essential tasks of protecting and maintaining your computer from viruses and other common threats. A great gift and Excellent value</p>
</div>
</div>
<!-- TemplateEndEditable --><span id="concontainer33"><br />
</span></div></td>
</tr>
<tr>
<td align="center" class="iconQuickActive" id="lessonIconActive124"> </td>
<td align="center" class="iconQuickActive" id="lessonIconActive124"> </td>
<td class="txtThree"> </td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td align="center" class="iconQuickActive" id="lessonIconActive120"> </td>
<td align="center" class="iconQuickActive" id="lessonIconActive120"> </td>
<td class="txtThree"> </td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td align="center" class="iconQuickActive" id="lessonIconActive119"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
<td align="center" class="iconQuickActive" id="lessonIconActive119"> </td>
<td class="txtThree">Before watching our product clips why not view a product overview video<a href="../demo/Start-menu.html" class="bluze"> Click here</a><!-- TemplateBeginEditable name="intro" --></a><!-- TemplateEndEditable --></a></td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td align="center" class="iconQuickActive" id="lessonIconActive118"> </td>
<td align="center" class="iconQuickActive" id="lessonIconActive118"> </td>
<td class="txtThree"> </td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td align="center" class="iconQuickActive" id="lessonIconActive0"> </td>
<td align="center" class="iconQuickActive" id="lessonIconActive0"> </td>
<td class="txtThree"><strong class="learnbold">Part 1 - Learning the Basics - (DVD 1)</strong></td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive128" align="center" class="iconQuickActive"> </td>
<td id="lessonIconActive128" align="center" class="iconQuickActive"> </td>
<td class="txtThree"> </td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive1" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive1" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Introduction</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive2" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive2" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Getting started </td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive35" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive35" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Shut down options</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive34" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive34" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Shutting down your computer </td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive42" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive42" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Switching accounts</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive41" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive41" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Logging off</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive40" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive40" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Lock Feature </td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive39" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive39" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Restarting Windows</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive38" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive38" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Sleep function</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive37" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive37" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Hibernate feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive36" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive36" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Exploring The Start Menu options</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive33" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive33" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Search Box</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive74" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive74" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Document, Pictures and Music folders</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive73" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive73" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Games folder</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive72" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive72" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Computer option</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive71" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive71" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Control Panel</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive70" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive70" align="center" class="iconQuickActive"> </td>
<td class="txtThree"><a href="../demo/Device_Printers.html" class="bluze">Devices and printers <!-- TemplateBeginEditable name="intro99" --><span class="italics">(View sample)</span><!-- TemplateEndEditable --></a></td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive69" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive69" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Default Programs option</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive68" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive68" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Help and Support option</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive67" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive67" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Exploring the rest of the desktop interface</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive66" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive66" align="center" class="iconQuickActive"> </td>
<td class="bluze"><a href="../Demo/Taskbar.html" class="bluze">What is the Windows Taskbar<!-- TemplateBeginEditable name="intro2" --><a href="../Demo/Taskbar.html" class="bluze"><span class="italics">(View sample)</span></a><!-- TemplateEndEditable --></a></td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive65" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive65" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Using WordPad</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive64" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive64" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Paint program</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive31" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive31" align="center" class="iconQuickActive"> </td>
<td class="bluze"><a href="../Demo/Taskbar_Features.html" class="bluze">Advanced Taskbar features<!-- TemplateBeginEditable name="intro3" --><a href="../Demo/Taskbar_Features.html" class="bluze"><span class="italics">(View Sample)</span></a><!-- TemplateEndEditable --></a></td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive63" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive63" align="center" class="iconQuickActive"> </td>
<td class="txtThree"><a href="../Demo/Resizing_Windows.html" class="bluze">Movinq & Resizing Windows <!-- TemplateBeginEditable name="intro3b" --><a href="../Demo/Resizing_Windows.html" class="bluze"><span class="italics"> (View sample)</span></a><!-- TemplateEndEditable --></a></td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive62" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive62" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The snap feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive61" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive61" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Hide windows feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive60" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive60" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The shake feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive59" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive59" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Pin to taskbar feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive58" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive58" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Jump lists feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive57" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive57" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Open with feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive56" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive56" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Windows Shortcuts </td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive55" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive55" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Move icon feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive54" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive54" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Show desktop feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive53" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive53" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Flip 3D feature</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive52" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive52" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Closing tabs</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive51" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive51" align="center" class="iconQuickActive"> </td>
<td class="txtThree">The Notification Area</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive50" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive50" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Customising the taskbar</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive49" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
<td id="lessonIconActive49" align="center" class="iconQuickActive"> </td>
<td class="txtThree">Lock the taskbar</td>
<td align="right" class="textOne"> </td>
<td> </td>
</tr>
<tr>
<td id="lessonIconActive48" align="center" class="ico
Maybe you are looking for
-
Grouping results in Header/Footer.
I am working on the template below, and I want the pages to break based on the Header/Footer, not on the page breaks that I have put in. I compromised and put the Group By VP before the report header, but I really want the E.NAME and Date to be in th
-
Generating Manager field in OID by using Pre-populate Adapter
Hi All, I created a pre-populate Adapter that uses First name and Last name of user and add the manager field to OID during provisioning. But during provisioning i am getting Naming Exception. This is what i found in JBoss application server. 09:30:5
-
ASCII import problem with symbol 0xFF
When I'm importing ASCII file which contain the special symbols like 0xFF it's recognized as fields separator. The impcat is incorrect structure. I need this symbol because it is cyrillic character which appears in contact names very often. How may I
-
PDE-PXC002 Program unit exception aborted due to unhandled exception (10050
Im working on performing a new query when a user changes the value of a text item and then keys to the next item. Its very much in experimental stage atm but this is the code: BEGIN CLEAR_BLOCK(NO_VALIDATE); IF :system.block_status = 'CHANG
-
Error ME 083 if you add outline agreement in a PO
Hello Guru I have a issue when I perform next process: 1. I create a PO with a item with account assignment Q with a WBS element 2. I create an outline agreement with account assignment Q with the same WBS element 2. I modify the PO by ME22N or Bapi