Why do not I upload the values of the css in my index?

Question

Why do not I upload the values of the css in my index?

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

this is my index.

*{ margin:0 auto; width: 960px; }

p{ color:red; }

body{ background-color: #FAF8EF; color: #776E65; font-size: 16px; }

#tiempo{ padding: 5px; margin: 2px; border-radius: 2px; border-style:solid; height: 40px; width: 80px; display: block; }

minutos{

padding: 5px;

}

segundos{

padding: 5px; }

tablero .row{

padding: 0px; width: 100%; }

tablero .row .celda{

margin:1px; padding:0px; height:80px; width:80px; display: inline-block; position:relative; border-style:solid; }

tablero .row .celda:hover{

background-color: blue; }

tablero .row .celda img {

width: 100%; height: 100px; position: absolute; top: 0px; left: 0px; }

.rojo{ background-color:red; } .amarillo{ background-color:yellow; }

<!doctype html>
  <html lang="ES">
  <head>
    <link rel="stylesheet" type="text/css" href="css/estilos.css">
    <title>
      El Triki
    </title>
  </head>
  <body>
    <header>
      <nav>
      </nav>
      </header>
      <section>
        <article>
          <div id="tiempo">
            <p>Contador:</p>
            <p id="contador"></p>
            <span id="minutos">00</span>:
            <span id="segundos">00</span>
          </div>

          <div id="tablero">
          <div class="row">

        <div id="c00" onClick="RevisarCelda(0,0)" class="celda amarillo"></div>
        <div id="c01" onClick="RevisarCelda(0,1)" class="celda rojo"></div>
        <div id="c02" onClick="RevisarCelda(0,2)" class="celda amarillo"></div>
      </div><!--row-->

      <div id="c10" onClick="RevisarCelda(1,0)" class="celda amarillo"></div>
      <div id="c11" onClick="RevisarCelda(1,1)" class="celda rojo"></div>
      <div id="c12" onClick="RevisarCelda(1,2)" class="celda amarillo"></div>
    </div><!--row-->

    <div id="c20" onClick="RevisarCelda(2,0)" class="celda amarillo"></div>
    <div id="c21" onClick="RevisarCelda(2,1)" class="celda rojo"></div>
    <div id="c22" onClick="RevisarCelda(2,2)" class="celda amarillo"></div>

        </article>
      </section>
      <aside>
      </aside>
      <footer>
      </footer>
    </body>
    </html>

javascript html css

asked by andres_tam 17.05.2017 в 04:23

source

2 answers

DataGridView filter and sort columns Problems with margin-top

score 0 · Answer 1

0

Apparently in this part:

<div id="tablero>">

This other one a sign of greater, says board > , and I think it's just board, like this:

<div id="tablero">

I hope it serves you:)

answered by 17.05.2017 в 05:40

score 0 · Answer 2

Your css code needs to be well written look when you type " tablero " in your code css does not have the numeral or called cat is "#", it is for that reason that is not interpreted now I leave the corrected code.

*{ margin:0 auto; width: 960px; }

p{ color:red; }

body{ background-color: #FAF8EF; color: #776E65; font-size: 16px; }

#tiempo{ padding: 5px; margin: 2px; border-radius: 2px; border-style:solid; height: 40px; width: 80px; display: block; }

minutos{

padding: 5px;

}

segundos{

padding: 5px; }

#tablero .row{

padding: 0px; width: 100%; }

#tablero .row .celda{

margin:1px; padding:0px; height:80px; width:80px; display: inline-block; position:relative; border-style:solid; }

#tablero .row .celda:hover{

background-color: blue; }

#tablero .row .celda img {

width: 100%; height: 100px; position: absolute; top: 0px; left: 0px; }

.rojo{ background-color:red; } .amarillo{ background-color:yellow; }