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

Popular posts from this blog

assembly - 8086 TASM: Illegal Indexing Mode -

Java, LWJGL, OpenGL 1.1, decoding BufferedImage to Bytebuffer and binding to OpenGL across classes -

javascript - addthis share facebook and google+ url -