bupcexannuany
New Member
I'm customising my homepage with an interactive animation, but having trouble making it feel more seemelss in the page. Please see http://geotheory.co.uk/. Problems are: (1) there is a border around the canvas object that creates scroll bars and (2) when you click in the screen the animation is highlighted, exposing the object. 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></head><body id="home" bgcolor="#202020"> <script src="http://stackoverflow.com/questions/14034864/processing-1.4.1.min.js"></script> <div id="canvasContainer"> <canvas padding: 0 data-processing-sources="rectangles.pde"></canvas> </div></body>\[/code\]I'm not very experienced in web programming, but have experimented with some and border settings (e.g. \[code\]padding: 0\[/code\] and \[code\]outline-width: 0\[/code\]) but no luck so far. Grateful for assistance.