html - Editing Background Image -
i need few things fix background.
1.) need move on right lines horizontal navigation bar , pictures below it. 2.) need move down won't seen @ above horizontal navigation bar.
the background image brown circles white circles inside them (seen on right).
here full code:
<!doctype html> <html> <head> <style type="text/css"> <!-- #banner {width:100%} #banner img {width:100%;height:auto} nav {width:100%;display:block;} nav ul {list-style-type:none;margin:0;padding:0;text-align:center; background-color:#c0872e;} nav li {display:inline-block;background-color: #c0872e;font family:georgia;} nav {line-height:35px; color:white; padding: 0 30px; font-size:22px; font-family:georgia; background-color:#c0872e;} nav a:hover {text-decoration:none} a{float:left; margin-right:58px; margin-left:58px; color:#000; text-decoration:none; } body {background-image: url("daikinbackground1.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; } --> </style> <meta charset="utf-8"/> <title>daikininc.com</title> </head> <body> <div id="body"> <header> <div> <div style="text-align:center" id="banner"> <title="daikinincbanner"> <img src="daikinbanner1.jpg" border="0" alt="daikinbanner1"> </div> <!-- <nav> <ul> <li><a href="index.html">home</a></li> <li><a href="products.html">products</a></li> </ul> </nav> --> <nav style="text-align:center"> <img style ="height:300px" width="1355" src="navbarimage1.jpg"> </nav> <br> <p style="text-align:center;font-family:windsordemi;"> <font size="4"> welcome daikininc.com! home world's greatest eggorll wrappers , noodles. </font> </p> <br><br><br><br><br><br><br><br><br> </nav> </header> <section> <aside> </aside> <article> </article> <footer> </footer> </div> </body> </html>
thank you.
css:
body {background-image: url("daikinbackground1.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: 126px 50px;}
background-position controls x , y coordinates background image.
Comments
Post a Comment