adding gridlines to background in HTML and Javascript similar to VisualStudios grid -


i have grid snap implemented, want make light grey lines show both horizontally , vertically. reasoning making designing application has similar , feel visual studios' form designing aspect.

i have globals way know pixel spacing. want working javascript. page can go infinitely in x , y directions, cannot have static length. needs dynamic.

it coming along far, unsure if there current way implement this.

    <hr style ="position:absolute;" width = "1" size = "500" />       <hr style ="position:absolute;" width = "500" size = "1" /> 

if have modern browser, way :

body{   background-size:15px 15px;   background-position: 0 -5px; } body:hover{   background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 98%, #000000 100%);  } 

hover, nice, think can add second background , add more css prefix.

edit : better

html{   background-size:200px 200px,200px 200px;   background-position: 0 0,0 0;   color:#7a7a7a; } html:hover{   background-image: -webkit-linear-gradient(top, transparent, transparent 199px, #000000 200px),-webkit-linear-gradient(left, transparent, transparent 199px, #000000 200px);  } 

Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -