Separate content from the CSS menu

0

I'm wanting to leave the links on the Control Drivers page, Control Passengers, Control Racing, from the menu a little more separate but spaced, but I'm not getting it.

<%@pagecontentType="text/html" pageEncoding="UTF-8"%>
 <!DOCTYPE html>
 <html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="js/jquery-1.12.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.maskedinput.js" type="text/javascript"></script>
      <script src="js/jquery.maskedinput.min.js" type="text/javascript">
     </script>

      <script src="bootstrap/bootstrap.min.js" type="text/javascript">
       </script>
      <script src="bootstrap/bootstrap.js" type="text/javascript"></script>
      <link rel="stylesheet" href="bootstrap/bootstrap.css">
      <link rel="stylesheet" href="css/css.css" type="text/css">
    <title>JSP Page</title>

    <script>
</head>
<body>
    <nav id="menu">

        <a href="index.jsp">Controle Motoristas</a></li>
    <a href="passageiros.jsp">Controle Passageiros</a></li>
   <a href="#">Controle Corridas</a></li>


</nav>

#menu {
background-color: #C0C0C0;
margin-top: 30px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13pt;
color:black;

}

footer{

background-color: #C0C0C0; 
margin-top: 350px;
 padding-top: 15px;
 padding-bottom: 15px;
 }
    
asked by anonymous 09.09.2017 / 03:18

1 answer

0

You have the bootstrap tool that already has some navbar options that would look better than the one you are doing to my friend:

link go down a little on the page you'll see examples.

Your are receiving the css settings, however your links do not, if you want to make changes to your link put some id in them, or if you want all with the same settings use modify the tag as a whole in css, case you do not worry too much about it, you can use the space-specific HTML characters to do this "& nbsp" is the space character.

    
09.09.2017 / 03:33