Solved

border-radius.htc

Posted on 2011-09-27
21
903 Views
Last Modified: 2012-05-12
moz-border-radius
border-radius.htc


I have borders that work on ie8 and below

but when I put the code into a large content managment system (so code is difficult to share) I do not get the borders

is there something else that ie needs in the beginning of css

please see related question or download at
https://rapidshare.com/files/531432682/border-radius.rar

0
Comment
Question by:rgb192
  • 11
  • 7
  • 3
21 Comments
 
LVL 16

Expert Comment

by:SSupreme
ID: 36709154
No, but it should be able to locate border-radius.htc properly.
For example IE cannot locate file inside of rar file, you have to extract it first.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36710479
As SSupreme said, make sure that you have it extracted. Also make sure the path your calling it from inside the CSS file is correct.

Can you show us your CSS code that your calling?
0
 

Author Comment

by:rgb192
ID: 36710521
I use html file and have <style> at the top, just like in the example
and copy paste this into large content management system code

I try calling relative/absolute path of border-radius.htc file
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 30

Expert Comment

by:LZ1
ID: 36710530
Try using the absolute path of your .htc file. Can you share a live URL?
0
 

Author Comment

by:rgb192
ID: 36711079
can I write
<?php
include ('border-radius.htc');
?>
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36711178
Not inside a CSS file. Your CSS should be something like this:

.rounded{
-moz-border-radius:10px;
webkit-border-radius:10px;
border-radius:10px;
border:1px solid #36f;
behavior:url(path/to/file/border-radius.htc);

Open in new window

0
 
LVL 16

Expert Comment

by:SSupreme
ID: 36711424
You don't need to include it as it will be included via CSS file itself.
0
 

Author Comment

by:rgb192
ID: 36858003
this is the view source

when I run this in ie8

dialog box access is denied to
http://localhost/border-radius.htc


even if I change that url ie8 still has dialog box

or there are no borders
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">

    <head>    <style> 
#product {
    
float:left;
behavior: url(border-radius.htc);


margin:5px 5px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
border:1px solid #999;
background: white;
width:162px;
height:190px;
/*font-size: 12px;*/
}

#product .title{
  color:#9aa0a2;
  /*font-weight:bold;*/
  text-align:left;
  margin:3px;
}
#product img{
  margin:5px 15%;
}
#product .price{
  text-align:center;
  margin-top:10px;
  color:#02aff0; 
  font-weight:bold; 
  font-size:21px;
}
#wrap {width: 704px; margin: 0 auto;}

img{border:0px;}
/*Homepage Slideshow */
.homepageSpecials{
    float:left;
    margin-bottom:6px;
}

#slideshowL{
    position:relative;
    z-index:0;
    height:281px;
    width:704px;
    border:0px;
    overflow:hidden;
}

#navslide {    
    position:absolute;
    margin-top:-25px;  
    text-align:right;
    width:680px; 
    height:20px;
    padding-right:10px; 
}

#navslide a {

    background: url(images/slider_inactive.png) no-repeat center;
    font-weight: bold;
    outline:none;
    padding:8px;
    text-decoration: none;
    color: #ffffff; 
}

#navslide a:hover {

    background: url(images/slider_over.png) no-repeat center;

}
#navslide a.activeSlide {            


    background: url(images/slider_active.png) no-repeat center;
    font-weight: bold;
    color: #ffffff; }
    
#navslide a:focus { outline: none; }
/*Homepage Slideshow */
</style>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
<script type="text/javascript"> 

$(document).ready(function() {
    
    $('#slideshowL').after('<div id="navslide">').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 5000,
        pager:  '#navslide'
        
    });
});
 
</script>
    <base href="http://localhost/">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="google-site-verification" content="-mh_a7ey_YUusKV_sFKNlxlPxAP-zDSvzEGBYvvOBCc" />
      <title>localhost</title>
      <!-- Framework CSS -->



    </head>
    <body>    
    
    
    
    <div class="container">
        <!--<div class="PYXHEADER">
            <div class="PYXNAVIGATION">
              <a href="myaccount.php">My Account</a>
                <a href="myaccount.php">Track Your Order</a>
                <a href="contact.php">Contact Us</a>
                <a href="aboutus.php">About Us</a>
        <a style="background:url(../siteimg/cart.gif) no-repeat left;padding-left:23px;" href="/cart">My Cart ('.$cartitems.')</a>
            </div>
      


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><img src="../siteimg/logo.gif"></a>

        </div>
    
    <div class="PYXSECTIONS"><a href="category.php?cat=4"><img src="siteimg/digital-slrs.gif"></a><a href="category.php?cat=14"><img src="siteimg/digital-compacts.gif"></a><a href="category.php?cat=6"><img src="siteimg/lenses.gif"></a><a href="category.php?cat=2"><img src="siteimg/camcorders.gif"></a><a href="category.php?cat=73"><img src="siteimg/camera-bundles.gif"></a><a href="category.php?cat=69"><img src="siteimg/accessories.gif"></a></div>

    <div class="PYXSEARCH">
      <div class="searchForm">
      <form action="search.php" method="GET">
       

        <img src="siteimg/search.gif" style="float:left;margin-top:5px;margin-right:10px;"/> <input type="text" name="txt" value="Keyword or item#" onfocus="this.value='';" class="emailTxtBox" id="txt" /><input type="image" src="siteimg/newsletter-go.gif" />
      </form>
      </div>
    </div>   --> 
<div class="container PYXITEMAREA"><div style="height:20px">&nbsp;</div> 
  <!-- Left Column  -->
  <div style="width:229px; float:left; padding:5px;">
  
  <div style="width:224px;">
    <b class="recommended"><b class="recommended1"><b></b></b><b class="recommended2"><b></b></b><b class="recommended3"></b><b class="recommended4"></b><b class="recommended5"></b></b>
  
    <div class="recommendedfg" style="padding:0px 0px;">
    <div align="center"><img src="siteimg/customer_support_b1.jpg"></div>
    <div align="center"><img src="homepageselections/free_delivery.jpg"></div>
    <div align="center"><img src="homepageselections/free-3-yr-warranty.jpg"></div>
    <div align="center"><img src="homepageselections/15-day-moneyback.jpg"></div>
    <div align="center"><img src="homepageselections/stay-connected.gif"></div>




    
    
    
    
    
    
    
    
    
    

    </div>


    
  </div>

  
  </div>
  <!-- END Left Column -->
 
  <!-- Right Column  -->
  <div style="width:704px; float:left; padding:5px 0;">
   
<!--<img src="siteimg/mainbanner.jpg">     -->
   
   
   
   
   
   
   
   
   





<div class="homepageSpecials">
    <div id="slideshowL">
    
        <a href="item.php?item_id=151944"><img src="images/blackberry-playbook.jpg" alt="Blacberry Playbook Tablet PC" /></a>
        <a href="search.php?txt=Canon+EOS+7D&x=14&y=19"><img src="images/canon-eos-7d.jpg" alt="Canon EOS 7D" /></a>
        <a href="search.php?txt=ipod+touch&x=0&y=0"><img src="images/apple-ipod-touch.jpg" alt="Apple Ipod Touch" /></a>
        <a href="item.php?item_id=151953"><img src="images/nikon-d5100.jpg" alt="Nikon D5100" /></a>
        <a href="search.php?txt=canon+slr+lens&x=32&y=15"><img src="images/canon-slr-lenses.jpg" alt="Best selection on Canon SLR Lenses" /></a>
        <a href="search.php?txt=digital+camera&x=32&y=15"><img src="images/summer-deals-digital-cameras.jpg" alt="Hot summer Deals on Digital Cameras" /></a>
    </div>
</div>   
   
   <div style="clear:both"></div>
            <div style="height:25px;padding-top:6px;padding-left:10px;width:695px;margin:0px;line-height:normal; color:#000000; font-weight:bold; font-size:13px;background:url(siteimg/searchresults_bg.gif) no-repeat;">Top Picks:</div>   
   <div style="clear:both"></div>
   
   



<div id="wrap">
<a href="item.php?item_id=149876">
<div id="product">
  <div class="title">Canon EOS 60D<br>DSLR Body</div>
  <img src="homepageselections/canon-eos-60d.gif" alt="canon-eos-60d">
  <div class="price">&pound;719 inc VAT</div>
</div>
</a>
<a href="search.php?txt=55-250&x=35&y=14">
<div id="product">
  <div class="title">Canon 55-250mm IS Lens<br>&nbsp;</div>
  <img src="homepageselections/canon-is-lens.gif" alt="canon-is-lens" />
  <div class="price">&pound;139 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151546">
<div id="product">
  <div class="title">Canon EOS T2i/ EOS 550D<br>with 18-55mm IS Lens</div>
  <img src="homepageselections/canon-550d.gif" alt="canon-550d" />
  <div class="price">&pound;549 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151588">
<div id="product">
  <div class="title">Nikon D7000 Body<br>&nbsp;</div>
  <img src="homepageselections/nikon-d7000.gif" alt="nikon-d7000" />
  <div class="price">&pound;859 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151938">
<div id="product">
  <div class="title">Olympus-XZ-1 Black<br>&nbsp;</div>
  <img src="homepageselections/olympus-xz-1.gif" alt="olympus-xz-1" />
  <div class="price">&pound;349 inc VAT</div>
</div>
</a>
<a href="search.php?txt=ipad&x=0&y=0">
<div id="product">
  <div class="title">Apple Ipads WiFi & 3G<br>Models Available</div>
  <img src="homepageselections/apple-ipad.gif" alt="apple-ipad" />
  <div class="price">View all</div>
</div>
</a>
<a href="search.php?txt=panasonic&x=0&y=0">
<div id="product">
  <div class="title">Get the best deals on<br>Panasonic Point & Shoot</div>
  <img src="homepageselections/panasonic-point-and-shoot.gif" alt="panasonic-point-and-shoot" />
  <div class="price">View all</div>
</div>
</a>
<a href="search.php?txt=nikon+slr+lens&x=0&y=0">
<div id="product">
  <div class="title">Best Selection of Nikon<br>SLR Lenses</div>
  <img src="homepageselections/nikon-slr-lenses.gif" alt="nikon-slr-lenses" />
  <div class="price">&pound;859 inc VAT</div>
</div>
</a>
</div>


    
   


    
  </div>  
  

  <!-- END Right Column -->
</div><script language = "Javascript">
    function echeck(str) {
        var at="@"; var dot="."; var lat=str.indexOf(at); var lstr=str.length; var ldot=str.indexOf(dot); 
        if (str.indexOf(at)==-1){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(at,(lat+1))!=-1){ alert("Please reenter your email address"); return false; }
        if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(dot,(lat+2))==-1){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(" ")!=-1){ alert("Please reenter your email address"); return false; }
        return true;
    }

    function ValidateForm(){
        var emailID=document.newslettersignup.Email
        if ((emailID.value==null)||(emailID.value=="")){ alert("Please Enter your Email ID"); emailID.focus(); return false; }
        if (echeck(emailID.value)==false){ emailID.value=""; emailID.focus(); return false; }
        return true;
    }
    </script> 
<style type="text/css">








#footer{

  color:#9aa0a2;
  padding:20px;
  padding-bottom:0px;
  padding-top:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0 auto;
  width:894px;
  height:190px;
  background:url(siteimg/footet-bg.gif) no-repeat; 
  

}

#footer img{
  border:0px;
}

#footer div{
  float:left;
  width:180px;
}

#footer div b{
  line-height:20px;
}

#footer div a{  line-height:17px;
  display:block;
  color:#02aff0;
}

#footer div a:hover{
  color:#9aa0a2;
}

.emailInput{
  color:#666;
  width:160px;
  padding-left:5px;
  padding-top:3px;
  height:19px;
  line-height:14px;
  font-size:11px;
  border:1px solid #9aa0a2;
  border-right:0px;
  float:left;
}







</style>
<div class="container" style="padding-top:10px;">
  <div id="footer">

    <div>
        <b>Customer Services</b><br />
           <a href="/myaccount.php">Order Tracking</a>
          <a href="termsandconditions.php#processinganddelivery">Delivery</a>
          <a href="termsandconditions.php#returnpolicy">Returns &amp; Cancellations</a>
      </div>

    <div>
          <b></b><br />
          <a href="#">How to place an order</a>
          <a href="/cart">Payment</a>
          <a href="termsandconditions.php">Terms and Conditions </a>   
      </div>

    <div style="width:150px;">
          <b>Company</b><br />
          <a href="/aboutus.php">About</a>
          <a href="/privacypolicy.php">Security and Privacy</a>
          <a href="/contact.php">Contact Us</a>
      </div>
   
    <div style="width:150px;">
          <!--<b>Safe Shopping</b><br />-->
          <!--<a href="#"><img src="siteimg/trustedwave.gif" style="margin-bottom:5px;" /></a>
          <a href="#"><img src="siteimg/verisign.gif" /></a>-->
          <span id="siteseal"><script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=ChQO4jGf3YiiLOXCb7WtK7AhUYhdOJY8wF5ibDJbHTOsQ99e9TIC"></script></span>

      </div>

    <div style="width:210px;">
           <img src="siteimg/newsletter-signup.gif" /><br />
          Sign up to receive our latest offers<br /><br />
          <form action="newslettersignup.php" name="newslettersignup" onSubmit="return ValidateForm()"><input type="text" style="height:20px;" name="Email" value="E-mail Address" onfocus="this.value='';" class="emailInput" /><input type="image" src="siteimg/newsletter-go.gif" style="margin-top:-1px;float:left;"/></form>
      </div>
      <br style="clear:both" />
      <div style="width:440px;">
      <span style="line-height:20px;">&copy 2011 Best Buy Photo  |  All rights reserved</span><br />
      Prices, specifications, and images are subject to change without notice. 
  Not responsible for typographical or illustrative errors. Manufacturer rebates, 
  terms, conditions and expiration dates are subject to manufacturers printed forms.
      </div>
      <div style="width:450px;padding-top:10px;text-align:center;">
        <img src="siteimg/payment-methods.gif" />
        <!--<img src="siteimg/payment-methods.gif" width="440" />-->
      </div>
      
  </div>
</div>
</div>
<div class="container" style="background:none;"><img src="../siteImg/c-bot.gif" /></div></body></html>

Open in new window

0
 
LVL 16

Expert Comment

by:SSupreme
ID: 36890821
Is this (images/slider_inactive.png) image can be accessed? if yes, place your border-radius.htc into images folder and rewrite path like this behavior: url(images/border-radius.htc); .
0
 

Author Comment

by:rgb192
ID: 36894922
border-radius.htc in /images


i added
behavior: url(images/border-radius.htc);

to
#navslide
and it didnt change

so I added

behavior: url(images/border-radius.htc);
to every #navslide

and no change
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">

    <head>    <style> 
#product {
    
float:left;
behavior: url(border-radius.htc);


margin:5px 5px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
border:1px solid #999;
background: white;
width:162px;
height:190px;
/*font-size: 12px;*/
}

#product .title{
  color:#9aa0a2;
  /*font-weight:bold;*/
  text-align:left;
  margin:3px;
}
#product img{
  margin:5px 15%;
}
#product .price{
  text-align:center;
  margin-top:10px;
  color:#02aff0; 
  font-weight:bold; 
  font-size:21px;
}
#wrap {width: 704px; margin: 0 auto;}

img{border:0px;}
/*Homepage Slideshow */
.homepageSpecials{
    float:left;
    margin-bottom:6px;
}

#slideshowL{
    position:relative;
    z-index:0;
    height:281px;
    width:704px;
    border:0px;
    overflow:hidden;
}

#navslide { 
    behavior: url(images/border-radius.htc);   
    position:absolute;
    margin-top:-25px;  
    text-align:right;
    width:680px; 
    height:20px;
    padding-right:10px; 
}

#navslide a {
    behavior: url(images/border-radius.htc);
    background: url(images/slider_inactive.png) no-repeat center;
    font-weight: bold;
    outline:none;
    padding:8px;
    text-decoration: none;
    color: #ffffff; 
}

#navslide a:hover {
    behavior: url(images/border-radius.htc);
    background: url(images/slider_over.png) no-repeat center;

}
#navslide a.activeSlide {            

    behavior: url(images/border-radius.htc);
    background: url(images/slider_active.png) no-repeat center;
    font-weight: bold;
    color: #ffffff; }
    
#navslide a:focus { outline: none; }
/*Homepage Slideshow */
</style>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
<script type="text/javascript"> 

$(document).ready(function() {
    
    $('#slideshowL').after('<div id="navslide">').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 5000,
        pager:  '#navslide'
        
    });
});
 
</script>
    <base href="http://localhost/">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="google-site-verification" content="-mh_a7ey_YUusKV_sFKNlxlPxAP-zDSvzEGBYvvOBCc" />
      <title>localhost</title>
      <!-- Framework CSS -->



    </head>
    <body>    
    
    
    
    <div class="container">
        <!--<div class="PYXHEADER">
            <div class="PYXNAVIGATION">
              <a href="myaccount.php">My Account</a>
                <a href="myaccount.php">Track Your Order</a>
                <a href="contact.php">Contact Us</a>
                <a href="aboutus.php">About Us</a>
        <a style="background:url(../siteimg/cart.gif) no-repeat left;padding-left:23px;" href="/cart">My Cart ('.$cartitems.')</a>
            </div>
      


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><img src="../siteimg/logo.gif"></a>

        </div>
    
    <div class="PYXSECTIONS"><a href="category.php?cat=4"><img src="siteimg/digital-slrs.gif"></a><a href="category.php?cat=14"><img src="siteimg/digital-compacts.gif"></a><a href="category.php?cat=6"><img src="siteimg/lenses.gif"></a><a href="category.php?cat=2"><img src="siteimg/camcorders.gif"></a><a href="category.php?cat=73"><img src="siteimg/camera-bundles.gif"></a><a href="category.php?cat=69"><img src="siteimg/accessories.gif"></a></div>

    <div class="PYXSEARCH">
      <div class="searchForm">
      <form action="search.php" method="GET">
       

        <img src="siteimg/search.gif" style="float:left;margin-top:5px;margin-right:10px;"/> <input type="text" name="txt" value="Keyword or item#" onfocus="this.value='';" class="emailTxtBox" id="txt" /><input type="image" src="siteimg/newsletter-go.gif" />
      </form>
      </div>
    </div>   --> 
<div class="container PYXITEMAREA"><div style="height:20px">&nbsp;</div> 
  <!-- Left Column  -->
  <div style="width:229px; float:left; padding:5px;">
  
  <div style="width:224px;">
    <b class="recommended"><b class="recommended1"><b></b></b><b class="recommended2"><b></b></b><b class="recommended3"></b><b class="recommended4"></b><b class="recommended5"></b></b>
  
    <div class="recommendedfg" style="padding:0px 0px;">
    <div align="center"><img src="siteimg/customer_support_b1.jpg"></div>
    <div align="center"><img src="homepageselections/free_delivery.jpg"></div>
    <div align="center"><img src="homepageselections/free-3-yr-warranty.jpg"></div>
    <div align="center"><img src="homepageselections/15-day-moneyback.jpg"></div>
    <div align="center"><img src="homepageselections/stay-connected.gif"></div>




    
    
    
    
    
    
    
    
    
    

    </div>


    
  </div>

  
  </div>
  <!-- END Left Column -->
 
  <!-- Right Column  -->
  <div style="width:704px; float:left; padding:5px 0;">
   
<!--<img src="siteimg/mainbanner.jpg">     -->
   
   
   
   
   
   
   
   
   





<div class="homepageSpecials">
    <div id="slideshowL">
    
        <a href="item.php?item_id=151944"><img src="images/blackberry-playbook.jpg" alt="Blacberry Playbook Tablet PC" /></a>
        <a href="search.php?txt=Canon+EOS+7D&x=14&y=19"><img src="images/canon-eos-7d.jpg" alt="Canon EOS 7D" /></a>
        <a href="search.php?txt=ipod+touch&x=0&y=0"><img src="images/apple-ipod-touch.jpg" alt="Apple Ipod Touch" /></a>
        <a href="item.php?item_id=151953"><img src="images/nikon-d5100.jpg" alt="Nikon D5100" /></a>
        <a href="search.php?txt=canon+slr+lens&x=32&y=15"><img src="images/canon-slr-lenses.jpg" alt="Best selection on Canon SLR Lenses" /></a>
        <a href="search.php?txt=digital+camera&x=32&y=15"><img src="images/summer-deals-digital-cameras.jpg" alt="Hot summer Deals on Digital Cameras" /></a>
    </div>
</div>   
   
   <div style="clear:both"></div>
            <div style="height:25px;padding-top:6px;padding-left:10px;width:695px;margin:0px;line-height:normal; color:#000000; font-weight:bold; font-size:13px;background:url(siteimg/searchresults_bg.gif) no-repeat;">Top Picks:</div>   
   <div style="clear:both"></div>
   
   



<div id="wrap">
<a href="item.php?item_id=149876">
<div id="product">
  <div class="title">Canon EOS 60D<br>DSLR Body</div>
  <img src="homepageselections/canon-eos-60d.gif" alt="canon-eos-60d">
  <div class="price">&pound;719 inc VAT</div>
</div>
</a>
<a href="search.php?txt=55-250&x=35&y=14">
<div id="product">
  <div class="title">Canon 55-250mm IS Lens<br>&nbsp;</div>
  <img src="homepageselections/canon-is-lens.gif" alt="canon-is-lens" />
  <div class="price">&pound;139 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151546">
<div id="product">
  <div class="title">Canon EOS T2i/ EOS 550D<br>with 18-55mm IS Lens</div>
  <img src="homepageselections/canon-550d.gif" alt="canon-550d" />
  <div class="price">&pound;549 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151588">
<div id="product">
  <div class="title">Nikon D7000 Body<br>&nbsp;</div>
  <img src="homepageselections/nikon-d7000.gif" alt="nikon-d7000" />
  <div class="price">&pound;859 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151938">
<div id="product">
  <div class="title">Olympus-XZ-1 Black<br>&nbsp;</div>
  <img src="homepageselections/olympus-xz-1.gif" alt="olympus-xz-1" />
  <div class="price">&pound;349 inc VAT</div>
</div>
</a>
<a href="search.php?txt=ipad&x=0&y=0">
<div id="product">
  <div class="title">Apple Ipads WiFi & 3G<br>Models Available</div>
  <img src="homepageselections/apple-ipad.gif" alt="apple-ipad" />
  <div class="price">View all</div>
</div>
</a>
<a href="search.php?txt=panasonic&x=0&y=0">
<div id="product">
  <div class="title">Get the best deals on<br>Panasonic Point & Shoot</div>
  <img src="homepageselections/panasonic-point-and-shoot.gif" alt="panasonic-point-and-shoot" />
  <div class="price">View all</div>
</div>
</a>
<a href="search.php?txt=nikon+slr+lens&x=0&y=0">
<div id="product">
  <div class="title">Best Selection of Nikon<br>SLR Lenses</div>
  <img src="homepageselections/nikon-slr-lenses.gif" alt="nikon-slr-lenses" />
  <div class="price">&pound;859 inc VAT</div>
</div>
</a>
</div>


    
   


    
  </div>  
  

  <!-- END Right Column -->
</div><script language = "Javascript">
    function echeck(str) {
        var at="@"; var dot="."; var lat=str.indexOf(at); var lstr=str.length; var ldot=str.indexOf(dot); 
        if (str.indexOf(at)==-1){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(at,(lat+1))!=-1){ alert("Please reenter your email address"); return false; }
        if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(dot,(lat+2))==-1){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(" ")!=-1){ alert("Please reenter your email address"); return false; }
        return true;
    }

    function ValidateForm(){
        var emailID=document.newslettersignup.Email
        if ((emailID.value==null)||(emailID.value=="")){ alert("Please Enter your Email ID"); emailID.focus(); return false; }
        if (echeck(emailID.value)==false){ emailID.value=""; emailID.focus(); return false; }
        return true;
    }
    </script> 
<style type="text/css">








#footer{

  color:#9aa0a2;
  padding:20px;
  padding-bottom:0px;
  padding-top:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0 auto;
  width:894px;
  height:190px;
  background:url(siteimg/footet-bg.gif) no-repeat; 
  

}

#footer img{
  border:0px;
}

#footer div{
  float:left;
  width:180px;
}

#footer div b{
  line-height:20px;
}

#footer div a{  line-height:17px;
  display:block;
  color:#02aff0;
}

#footer div a:hover{
  color:#9aa0a2;
}

.emailInput{
  color:#666;
  width:160px;
  padding-left:5px;
  padding-top:3px;
  height:19px;
  line-height:14px;
  font-size:11px;
  border:1px solid #9aa0a2;
  border-right:0px;
  float:left;
}







</style>
<div class="container" style="padding-top:10px;">
  <div id="footer">

    <div>
        <b>Customer Services</b><br />
           <a href="/myaccount.php">Order Tracking</a>
          <a href="termsandconditions.php#processinganddelivery">Delivery</a>
          <a href="termsandconditions.php#returnpolicy">Returns &amp; Cancellations</a>
      </div>

    <div>
          <b></b><br />
          <a href="#">How to place an order</a>
          <a href="/cart">Payment</a>
          <a href="termsandconditions.php">Terms and Conditions </a>   
      </div>

    <div style="width:150px;">
          <b>Company</b><br />
          <a href="/aboutus.php">About</a>
          <a href="/privacypolicy.php">Security and Privacy</a>
          <a href="/contact.php">Contact Us</a>
      </div>
   
    <div style="width:150px;">
          <!--<b>Safe Shopping</b><br />-->
          <!--<a href="#"><img src="siteimg/trustedwave.gif" style="margin-bottom:5px;" /></a>
          <a href="#"><img src="siteimg/verisign.gif" /></a>-->
          <span id="siteseal"><script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=ChQO4jGf3YiiLOXCb7WtK7AhUYhdOJY8wF5ibDJbHTOsQ99e9TIC"></script></span>

      </div>

    <div style="width:210px;">
           <img src="siteimg/newsletter-signup.gif" /><br />
          Sign up to receive our latest offers<br /><br />
          <form action="newslettersignup.php" name="newslettersignup" onSubmit="return ValidateForm()"><input type="text" style="height:20px;" name="Email" value="E-mail Address" onfocus="this.value='';" class="emailInput" /><input type="image" src="siteimg/newsletter-go.gif" style="margin-top:-1px;float:left;"/></form>
      </div>
      <br style="clear:both" />
      <div style="width:440px;">
      <span style="line-height:20px;">&copy 2011 Best Buy Photo  |  All rights reserved</span><br />
      Prices, specifications, and images are subject to change without notice. 
  Not responsible for typographical or illustrative errors. Manufacturer rebates, 
  terms, conditions and expiration dates are subject to manufacturers printed forms.
      </div>
      <div style="width:450px;padding-top:10px;text-align:center;">
        <img src="siteimg/payment-methods.gif" />
        <!--<img src="siteimg/payment-methods.gif" width="440" />-->
      </div>
      
  </div>
</div>
</div>
<div class="container" style="background:none;"><img src="../siteImg/c-bot.gif" /></div></body></html>

Open in new window

0
 

Author Comment

by:rgb192
ID: 36894925
i have border-radius.htc

in many folders

and I try the absolute and relative address
0
 
LVL 16

Accepted Solution

by:
SSupreme earned 500 total points
ID: 36895114
Because you default location is <base href="http://localhost/"> in here:http://localhost/
you need to make sure that they file available via http://localhost/images/border-radius.htc
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 36895125
Oh, and obviously if you are applying it to #product with path url(border-radius.htc); file should be available from  http://localhost/border-radius.htc as well.
0
 

Author Comment

by:rgb192
ID: 36896146
I agree.
I placed
border-radius.htc
in all the folders


do you have any other suggestions.


0
 
LVL 16

Expert Comment

by:SSupreme
ID: 36896167
Yes, place it in one folder, but make sure it can be accessed from browser, right correct path and you'll be fine.
or buy hosting and test files there and if you have any troubles it would be easier to help you, by showing correct direction what to do. 1&1 is cheap hoster.
0
 

Author Comment

by:rgb192
ID: 36896282
I have it in every folder.  and I have dedicated hosting.  What else do you think could be wrong with the code.
0
 

Author Comment

by:rgb192
ID: 36896378
i deleted the base href



because using ie tester, I was getting dialog box errors: file not found
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">

    <head>    <style> 
#product {
    
float:left;
behavior: url(border-radius.htc);


margin:5px 5px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
border:1px solid #999;
background: white;
width:162px;
height:190px;
/*font-size: 12px;*/
}

#product .title{
  color:#9aa0a2;
  /*font-weight:bold;*/
  text-align:left;
  margin:3px;
}
#product img{
  margin:5px 15%;
}
#product .price{
  text-align:center;
  margin-top:10px;
  color:#02aff0; 
  font-weight:bold; 
  font-size:21px;
}
#wrap {width: 704px; margin: 0 auto;}

img{border:0px;}
/*Homepage Slideshow */
.homepageSpecials{
    float:left;
    margin-bottom:6px;
}

#slideshowL{
    position:relative;
    z-index:0;
    height:281px;
    width:704px;
    border:0px;
    overflow:hidden;
}

#navslide { 
    behavior: url(images/border-radius.htc);   
    position:absolute;
    margin-top:-25px;  
    text-align:right;
    width:680px; 
    height:20px;
    padding-right:10px; 
}

#navslide a {
    behavior: url(images/border-radius.htc);
    background: url(images/slider_inactive.png) no-repeat center;
    font-weight: bold;
    outline:none;
    padding:8px;
    text-decoration: none;
    color: #ffffff; 
}

#navslide a:hover {
    behavior: url(images/border-radius.htc);
    background: url(images/slider_over.png) no-repeat center;

}
#navslide a.activeSlide {            

    behavior: url(images/border-radius.htc);
    background: url(images/slider_active.png) no-repeat center;
    font-weight: bold;
    color: #ffffff; }
    
#navslide a:focus { outline: none; }
/*Homepage Slideshow */
</style>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
<script type="text/javascript"> 

$(document).ready(function() {
    
    $('#slideshowL').after('<div id="navslide">').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 5000,
        pager:  '#navslide'
        
    });
});
 
</script>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="google-site-verification" content="-mh_a7ey_YUusKV_sFKNlxlPxAP-zDSvzEGBYvvOBCc" />
      <title>localhost</title>
      <!-- Framework CSS -->



    </head>
    <body>    
    
    
    
    <div class="container">
        <!--<div class="PYXHEADER">
            <div class="PYXNAVIGATION">
              <a href="myaccount.php">My Account</a>
                <a href="myaccount.php">Track Your Order</a>
                <a href="contact.php">Contact Us</a>
                <a href="aboutus.php">About Us</a>
        <a style="background:url(../siteimg/cart.gif) no-repeat left;padding-left:23px;" href="/cart">My Cart ('.$cartitems.')</a>
            </div>
      


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><img src="../siteimg/logo.gif"></a>

        </div>
    
    <div class="PYXSECTIONS"><a href="category.php?cat=4"><img src="siteimg/digital-slrs.gif"></a><a href="category.php?cat=14"><img src="siteimg/digital-compacts.gif"></a><a href="category.php?cat=6"><img src="siteimg/lenses.gif"></a><a href="category.php?cat=2"><img src="siteimg/camcorders.gif"></a><a href="category.php?cat=73"><img src="siteimg/camera-bundles.gif"></a><a href="category.php?cat=69"><img src="siteimg/accessories.gif"></a></div>

    <div class="PYXSEARCH">
      <div class="searchForm">
      <form action="search.php" method="GET">
       

        <img src="siteimg/search.gif" style="float:left;margin-top:5px;margin-right:10px;"/> <input type="text" name="txt" value="Keyword or item#" onfocus="this.value='';" class="emailTxtBox" id="txt" /><input type="image" src="siteimg/newsletter-go.gif" />
      </form>
      </div>
    </div>   --> 
<div class="container PYXITEMAREA"><div style="height:20px">&nbsp;</div> 
  <!-- Left Column  -->
  <div style="width:229px; float:left; padding:5px;">
  
  <div style="width:224px;">
    <b class="recommended"><b class="recommended1"><b></b></b><b class="recommended2"><b></b></b><b class="recommended3"></b><b class="recommended4"></b><b class="recommended5"></b></b>
  
    <div class="recommendedfg" style="padding:0px 0px;">
    <div align="center"><img src="siteimg/customer_support_b1.jpg"></div>
    <div align="center"><img src="homepageselections/free_delivery.jpg"></div>
    <div align="center"><img src="homepageselections/free-3-yr-warranty.jpg"></div>
    <div align="center"><img src="homepageselections/15-day-moneyback.jpg"></div>
    <div align="center"><img src="homepageselections/stay-connected.gif"></div>




    
    
    
    
    
    
    
    
    
    

    </div>


    
  </div>

  
  </div>
  <!-- END Left Column -->
 
  <!-- Right Column  -->
  <div style="width:704px; float:left; padding:5px 0;">
   
<!--<img src="siteimg/mainbanner.jpg">     -->
   
   
   
   
   
   
   
   
   





<div class="homepageSpecials">
    <div id="slideshowL">
    
        <a href="item.php?item_id=151944"><img src="images/blackberry-playbook.jpg" alt="Blacberry Playbook Tablet PC" /></a>
        <a href="search.php?txt=Canon+EOS+7D&x=14&y=19"><img src="images/canon-eos-7d.jpg" alt="Canon EOS 7D" /></a>
        <a href="search.php?txt=ipod+touch&x=0&y=0"><img src="images/apple-ipod-touch.jpg" alt="Apple Ipod Touch" /></a>
        <a href="item.php?item_id=151953"><img src="images/nikon-d5100.jpg" alt="Nikon D5100" /></a>
        <a href="search.php?txt=canon+slr+lens&x=32&y=15"><img src="images/canon-slr-lenses.jpg" alt="Best selection on Canon SLR Lenses" /></a>
        <a href="search.php?txt=digital+camera&x=32&y=15"><img src="images/summer-deals-digital-cameras.jpg" alt="Hot summer Deals on Digital Cameras" /></a>
    </div>
</div>   
   
   <div style="clear:both"></div>
            <div style="height:25px;padding-top:6px;padding-left:10px;width:695px;margin:0px;line-height:normal; color:#000000; font-weight:bold; font-size:13px;background:url(siteimg/searchresults_bg.gif) no-repeat;">Top Picks:</div>   
   <div style="clear:both"></div>
   
   



<div id="wrap">
<a href="item.php?item_id=149876">
<div id="product">
  <div class="title">Canon EOS 60D<br>DSLR Body</div>
  <img src="homepageselections/canon-eos-60d.gif" alt="canon-eos-60d">
  <div class="price">&pound;719 inc VAT</div>
</div>
</a>
<a href="search.php?txt=55-250&x=35&y=14">
<div id="product">
  <div class="title">Canon 55-250mm IS Lens<br>&nbsp;</div>
  <img src="homepageselections/canon-is-lens.gif" alt="canon-is-lens" />
  <div class="price">&pound;139 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151546">
<div id="product">
  <div class="title">Canon EOS T2i/ EOS 550D<br>with 18-55mm IS Lens</div>
  <img src="homepageselections/canon-550d.gif" alt="canon-550d" />
  <div class="price">&pound;549 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151588">
<div id="product">
  <div class="title">Nikon D7000 Body<br>&nbsp;</div>
  <img src="homepageselections/nikon-d7000.gif" alt="nikon-d7000" />
  <div class="price">&pound;859 inc VAT</div>
</div>
</a>
<a href="item.php?item_id=151938">
<div id="product">
  <div class="title">Olympus-XZ-1 Black<br>&nbsp;</div>
  <img src="homepageselections/olympus-xz-1.gif" alt="olympus-xz-1" />
  <div class="price">&pound;349 inc VAT</div>
</div>
</a>
<a href="search.php?txt=ipad&x=0&y=0">
<div id="product">
  <div class="title">Apple Ipads WiFi & 3G<br>Models Available</div>
  <img src="homepageselections/apple-ipad.gif" alt="apple-ipad" />
  <div class="price">View all</div>
</div>
</a>
<a href="search.php?txt=panasonic&x=0&y=0">
<div id="product">
  <div class="title">Get the best deals on<br>Panasonic Point & Shoot</div>
  <img src="homepageselections/panasonic-point-and-shoot.gif" alt="panasonic-point-and-shoot" />
  <div class="price">View all</div>
</div>
</a>
<a href="search.php?txt=nikon+slr+lens&x=0&y=0">
<div id="product">
  <div class="title">Best Selection of Nikon<br>SLR Lenses</div>
  <img src="homepageselections/nikon-slr-lenses.gif" alt="nikon-slr-lenses" />
  <div class="price">&pound;859 inc VAT</div>
</div>
</a>
</div>


    
   


    
  </div>  
  

  <!-- END Right Column -->
</div><script language = "Javascript">
    function echeck(str) {
        var at="@"; var dot="."; var lat=str.indexOf(at); var lstr=str.length; var ldot=str.indexOf(dot); 
        if (str.indexOf(at)==-1){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(at,(lat+1))!=-1){ alert("Please reenter your email address"); return false; }
        if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(dot,(lat+2))==-1){ alert("Please reenter your email address"); return false; }
        if (str.indexOf(" ")!=-1){ alert("Please reenter your email address"); return false; }
        return true;
    }

    function ValidateForm(){
        var emailID=document.newslettersignup.Email
        if ((emailID.value==null)||(emailID.value=="")){ alert("Please Enter your Email ID"); emailID.focus(); return false; }
        if (echeck(emailID.value)==false){ emailID.value=""; emailID.focus(); return false; }
        return true;
    }
    </script> 
<style type="text/css">








#footer{

  color:#9aa0a2;
  padding:20px;
  padding-bottom:0px;
  padding-top:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0 auto;
  width:894px;
  height:190px;
  background:url(siteimg/footet-bg.gif) no-repeat; 
  

}

#footer img{
  border:0px;
}

#footer div{
  float:left;
  width:180px;
}

#footer div b{
  line-height:20px;
}

#footer div a{  line-height:17px;
  display:block;
  color:#02aff0;
}

#footer div a:hover{
  color:#9aa0a2;
}

.emailInput{
  color:#666;
  width:160px;
  padding-left:5px;
  padding-top:3px;
  height:19px;
  line-height:14px;
  font-size:11px;
  border:1px solid #9aa0a2;
  border-right:0px;
  float:left;
}







</style>
<div class="container" style="padding-top:10px;">
  <div id="footer">

    <div>
        <b>Customer Services</b><br />
           <a href="/myaccount.php">Order Tracking</a>
          <a href="termsandconditions.php#processinganddelivery">Delivery</a>
          <a href="termsandconditions.php#returnpolicy">Returns &amp; Cancellations</a>
      </div>

    <div>
          <b></b><br />
          <a href="#">How to place an order</a>
          <a href="/cart">Payment</a>
          <a href="termsandconditions.php">Terms and Conditions </a>   
      </div>

    <div style="width:150px;">
          <b>Company</b><br />
          <a href="/aboutus.php">About</a>
          <a href="/privacypolicy.php">Security and Privacy</a>
          <a href="/contact.php">Contact Us</a>
      </div>
   
    <div style="width:150px;">
          <!--<b>Safe Shopping</b><br />-->
          <!--<a href="#"><img src="siteimg/trustedwave.gif" style="margin-bottom:5px;" /></a>
          <a href="#"><img src="siteimg/verisign.gif" /></a>-->
          <span id="siteseal"><script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=ChQO4jGf3YiiLOXCb7WtK7AhUYhdOJY8wF5ibDJbHTOsQ99e9TIC"></script></span>

      </div>

    <div style="width:210px;">
           <img src="siteimg/newsletter-signup.gif" /><br />
          Sign up to receive our latest offers<br /><br />
          <form action="newslettersignup.php" name="newslettersignup" onSubmit="return ValidateForm()"><input type="text" style="height:20px;" name="Email" value="E-mail Address" onfocus="this.value='';" class="emailInput" /><input type="image" src="siteimg/newsletter-go.gif" style="margin-top:-1px;float:left;"/></form>
      </div>
      <br style="clear:both" />
      <div style="width:440px;">
      <span style="line-height:20px;">  |  All rights reserved</span><br />
      Prices, specifications, and images are subject to change without notice. 
  Not responsible for typographical or illustrative errors. Manufacturer rebates, 
  terms, conditions and expiration dates are subject to manufacturers printed forms.
      </div>
      <div style="width:450px;padding-top:10px;text-align:center;">
        <img src="siteimg/payment-methods.gif" />
        <!--<img src="siteimg/payment-methods.gif" width="440" />-->
      </div>
      
  </div>
</div>
</div>
<div class="container" style="background:none;"><img src="../siteImg/c-bot.gif" /></div></body></html>

Open in new window

0
 

Author Comment

by:rgb192
ID: 36896381
sorry,
because using ie tester, I was getting dialog box errors: border-radius.htc file not found
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 36896502
Try to remove this script:
<script type="text/javascript">

$(document).ready(function() {
   
    $('#slideshowL').after('<div id="navslide">').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 5000,
        pager:  '#navslide'
       
    });
});
</script>
 It just to make sure it works, and it should find file without any problems. Provide a link please
0
 

Author Closing Comment

by:rgb192
ID: 36897715
base href is what made this code work.

however it gets more complex

please go to related question
0
 

Author Comment

by:rgb192
ID: 36897740
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Add shadow behind div 5 33
Media Queries  not Firing 6 26
Can anyone see what is the fault in my javascript code? 8 43
CSS DIV Height in Percent 1 27
Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question