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:

&nbsp;&nbsp;&nbsp;&nbsp;   <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> 

live: http://jsfiddle.net/ybbwt/


Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -