Separate content in the CSS menu

Asked

Viewed 550 times

0

I want to leave the links of the pages Control Drivers,Control Passengers,Control Racing, the menu a little more separate but spaced, but I’m not getting.

inserir a descrição da imagem aqui

 <%@page contentType="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;
 }

1 answer

0


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

https://v4-alpha.getbootstrap.com/components/navbar/ scroll down a bit on the page you will see examples.

Yours is getting the css settings, but your links don’t, if you want to make changes to your link put some id on them, or if you want everyone with the same settings use modify the tag as a whole in css, in case you don’t worry too much about it, you can use the special space HTML characters to do this "&nbsp" is the space character.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.