php - Small issue with <hr> html tag -
i have created vertical , horizontal lines <hr> html tag, , have them inside php script. problem have when zoom on site, position of lines move.
if zoom (command key +/- on browsers) border i've made (with div) stays in place, horizontal , vertical lines not.
another thing want mention unable change css script (stylesheet.css) because of oscommerce 2.2 configuration.. it's old version of oscommerce server , know better option upgrade server , templates, figure out problem here.
so let's not talk css since i'm not entitled use in case.
here snippet of code:
<div style="width:680px;height:540px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border:1px solid #a4a4a4;background-color:#ffffff;"> <hr style="width: 0.3px; height: 480px; background: #333; position: absolute; left: 660px; top: 315px;"> <hr style="width: 0.3px; height: 480px; background: #333; position: absolute; left: 890px; top: 315px;"> <hr style="width: 610px; height: 0.3px; background: #333; position: absolute; left: 468px; top: 463px;"> <hr style="width: 610px; height: 0.3px; background: #333; position: absolute; left: 468px; top: 643px;"> <table width="100%" cellspacing="0" cellpadding="15"> </div>
i suggeest add position:relative parent div , change hr width & height %
example:
<div style="width:680px;height:540px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border:1px solid #a4a4a4;background-color:#ffffff;position: relative"> <hr style="width: 0.3px; height: 100%; background: #333; position: absolute; left: 33%; top: -9px;"> <hr style="width: 0.3px; height: 100%; background: #333; position: absolute; left: 66%; top: -9px;"> <hr style="width: 100%; height: 0.3px; background: #333; position: absolute; left: 0; top: 33%;"> <hr style="width: 100%; height: 0.3px; background: #333; position: absolute; left: 0; top: 66%;"> <table width="100%" cellspacing="0" cellpadding="15"></table> </div>
Comments
Post a Comment