html css un-expected gap around left side and top need to fix -
okay have started out desingning website scratch html , css
here link have far
https://c9.io/ashg1990/secure/workspace/client/index.html
and here code below
html file
<!doctype html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta charset="utf-8" /> <title>arg modular</title> </head> <body> <div class="head"> <img class="header" src="img/headlogo.png" alt="logo" /> </div> </body> </html>
and css file
body { background-color:#a8a1a3; width:110%; } div.head { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #a8a1a3) ); background-image: -o-linear-gradient(bottom, #ffffff 0%, #a8a1a3 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #a8a1a3 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #a8a1a3 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #a8a1a3 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #a8a1a3 100%); width:110%; } img.header { display: block; margin-right: auto; }
how can fix no have gap around <div class="head">
you need set body margin 0. should same padding.
body { margin: 0; padding: 0; }
you might want consider using normalize.css or css reset.
Comments
Post a Comment