so i'm working on school assignment, have make web page states , talk of subjects (i'd note it's basic html, stuff i'm doing css extra). thing is, on web page put bunch of line breaks test fragment link, , not did fragment link not work reason, couldn't use mouse's scroll wheel scroll down it. here's code (aside title, first head tag, , first html tag)p.s. i'm pretty new html , css looked lot of references
<!doctype html> <html> <head> <title>about me</title> <style> body { background-color: #dadced; font-family: verdana, sans-serif; width:75%; } p, h1, h2 { text-decoration: none; color: #7b967f; padding: 10px; } { text-decoration: none; color:#7b967f } img { display:block; margin:auto; } h2.link { padding-right:30px; text-align: left; } .img-circle { border-radius: 50%; } #game-txt { background-color: #e5d3c3; border-radius: 25px; } #comp-txt { background-color: #e4e58b border-radius: 25px; } #film-txt { background-color: #ef9e9e; border-radius: 25px; } div#gif { width: 100%; height:75%; border-radius: 25; } div#gcontainer { position:relative; width: 800px; height:450px; padding-left:250px; } div#img1 { position: absolute; padding-left: 146px; padding-bottom: 50; } div#img2 { position: absolute; padding-left:546px; padding-bottom: 50; } div#img3 { position: absolute; padding-left:932px; padding-bottom: 50; } </style> </head> <body> <div id=gcontainer> <div id=gif> <img src="chapter select gif/chapter_select.gif" alt="chapter select sign" width="800" height="500"> </div> </div> <div id=img1> <img class=img-circle src="game.png" alt="game banner" width="130" height="131"> <h2><a href="#game">1. games</a></h2></div> <div id=img2> <img class=img-circle src=computer.png alt="picture of cpu glowing blue light" width="130" height="131"> <h2 class=link>2. computers</h2> </div> <div id=img3> <img class=img-circle src="film making.png" alt="picture of film" width="130" height="131"> <h2 class=link>3. film making</h2> </div> <h2><a name="game" /> games</h> </body>
Comments
Post a Comment