html - I am having trouble trying to put my buttons next to my navigation bar -
first post , relatively new programming, having trouble trying buttons further page , next side navigation bar, please view picture , code:
html:
<nav> <ul> <li> <a href="index.html">home</a></li> <li> <a href="news.html">news</a></li> <li> <a href="events.html">events</a></li> <li> <a href="galleries.html">galleries</a></li> <li> <a href="videos.html">videos </a></li> <li> <a href="history.html">history</a></li> <li><a href="contact.html"> contact</a></li> </ul> </nav> <a id="bigthumbnailone" href="news.html">new website launched!</a> <a id="bigthumbnailtwo" href="news.html">next major: i49 </a> css:
* { margin:0px; padding:0px; } a:link { text-decoration:none; color:#0099ff; } a:hover { color:#0066ff; font-weight:bold; } a:visited { text-decoration:none; color:#0099ff; } nav ul li { display:; margin:1px; padding:30px; list-style-type: none; font-family:segoe ui light; font-size:30px; } /*end navigation*/ #bigthumbnailone { display:block; width:600px; height:300px; text-decoration:none; text-align:left; font-family:segoe ui light; font-size:25px; background-image:url(../images/thumbnails/messi.png); outline-style:solid; outline-color:#0099ff; margin: 0 auto; } #bigthumbnailtwo { display:block; width:600px; height:300px; text-decoration:none; text-align:left; font-family:segoe ui light; font-size:25px; background-image:url(../images/thumbnails/messi.png); outline-style:solid; outline-color:#0099ff; margin: 0 auto; } what need add make sure navigation bar , buttons can both next each other?
i add div around buttons, , float: left nav , div surrounds buttons.
Comments
Post a Comment