Stylesheet do not react: PHP and CSS3

Question

Stylesheet do not react: PHP and CSS3

Navigation

#1 by (2 votes)

0

Sorry, lately I've been working with PHP, and I've noticed something.

Every time I change from to I change the style of that button. Until then I understand it, because the style says "button {...}", but then, even if I put the "input [type = button] {...}", it still does not take the style.

Also, it happens to me that suddenly some things lose their place (I'll leave an image for them to see). I hope you can explain to me why this kind of thing happens.

HTML code in the Navigation bar:

<body>
  <div class="Navegacion">
    <aside class="nav">
      <nav>
        <ul>
          <li><img src = "img/logo.png"</li>
          <li> <a href="nomina1 lobby.html">Inicio</a> </li>
          <li> <a href="nomina2 busqueda.html">Registros</a> </li>
          <footer id="f"> <a href="../Inicio.php">Cerrar Sesión</a> </footer>
        </ul>
      </nav>
    </aside>
  </div>

Navigation Bar CSS Code:

.Navegacion{
  color:#000;
  font-family: Verdana, "Geneva", sans-serif;
  font-variant: small-caps;
  width: 15%;
  height: 97.5%;
  font-size: 90%;
  background-color: rgba(200,200,200, 0.5);
  position: absolute;
  margin:0;
  border-radius: 5px;
}

HTML code of the button.

<div class="Confirmaciones">
    <label id="Confirmacion">Confirmaciones</label><br><br>
    <label>Entrada:</label>
    <label><?php echo $row['firmaEntrada']; ?></label><br><br>
    <label>Salida:</label>
    <label><?php echo $row['firmaSalida']; ?></label><br><br>
    <label>Receso:</label>
    <label><?php echo $row['firmaReceso']; ?></label>
  </div>
  <br>
  <?php  } ?>
      <div class="Botones">
        <button type="button" name="Enviar"> <a href="promotor registro general.php">Volver</a></button>
      </div>

CSS code of the button:

button[type="button"]{
  border-radius: 4px;
  border:none;
  outline: none;
  height: 30px;
  width: 33%;
  left:30%;
  background-color: rgba(10,20,70,1);
  color:white;
  font-family:'Droid Sans', sans-serif;
  left: 27%;
  position: absolute;
}
button[type="button"]:hover{
  background-color: rgba(15,30,80,1);
  cursor: pointer;
}
.Confirmaciones{
  font-size: 75%;
  left:40%;
  top: 60%;
  position: absolute;
}

Here you put the button on a label that says "Exit:

Here you put a lighter color of the gray outside the div, they are like extra 15px that are marked.

That's the way it should be.

html php css

asked by Esteban Trevino Zwingil 10.08.2018 в 01:03

source

1 answer

Consultation in ajax Error loading styles and selecting elements of a modal dynamically?

score 2 · Answer 1

You are using a to within a button and possibly you are stepping on the styles. It does not matter if you change the style of the button if there is a <a> with your own styles.

Also I think you're messing around:

You have put a button with "send" (but without associating a form or address), and inside the button a link to "return", that does not have sense.
Within the href of <a> there are spaces, that will not work for you either.
The <img> tag is not closed.
The <label> are not associated and I suspect that you are applying the label to fields.
You have entered a <footer> within a <ul>

You should give a thorough review of everything ...