I'm customising my homepage http://geotheory.co.uk/ with an interactive animation, but having trouble making it feel more seemeless in the page. I want to remove the animated canvas object's border as this creates unnecessary scroll bars. I've tried various style options such as \[code\]border\[/code\] and \[code\]padding\[/code\] but without any luck. The animation is a Processing script that is then translated to javascript. The index.html reads:\[code\]<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>geotheory.co.uk</title> <style> canvas:focus{outline:none;} </style></head><body id="home" bgcolor="blue"> <script src="http://stackoverflow.com/questions/14042938/processing-1.4.1.min.js"></script> <div id="canvasContainer"> <canvas data-processing-sources="rectangles.pde"></canvas> </div></body>\[/code\]Grateful for assistance.
Remove HTML canvas border
- Thread starter yanke4283
- Start date