script HTML sencillo... como lo hago?

augusto_jaramil · #1 (**permalink**) 11/11/2011, 12:39

Hola a tod@s,

En este script:

Código PHP:

  <html>

<head>

    <style type="text/css">

    .clasetbl {

        border-width     : 1px;

        border-style     : solid outset;

        border-color     : #FFFFFF;

        border-collapse  : collapse;

        background-color : #87CEFA;

    }

 
    .clasebody {

         background-color : #336699;

         font-family : verdana, arial, helvetica;

         border: solid 1px #FFFFFF;

 
    }

 
    .clasetblbody {

        border-width     : 1px;

        border-style     : solid outset;

        border-color     : #FFFFFF;

        border-collapse  : collapse;

        background-color : #336699;

    }

 
    td.clasetd {

         font-size    : 12px;

         font-weight  : bold;

         color        : #FFFFFF;

         font-family : verdana, arial, helvetica;

    }

    </style>

</head>

<body class="clasebody">

  <table border="1" class="clasetblbody" width="100%" height="100%">

    <tbody>

      <tr><td>

        <form name="form1" method="post" onSubmit="return false">

          <table id="datos" width="100%" class="clasetbl" cellpadding="0" cellspacing="0">

            <tbody>

              <td class="clasetd">AHI ESTOY</td>

            </tbody>

          </table>

        </form>

      </td></tr>

    </tbody>

  </table>

</body>

</html>

Como hago para que la tabla que está dentro del form inicie en el borde superior... así como está la pone centrada con respecto al borde superior e inferior

Gracias por su ayuda

augusto_jaramil · #2 (**permalink**) 11/11/2011, 17:43

Será que no es tan sencillo como suena?

augusto_jaramil · #3 (**permalink**) 12/11/2011, 15:54

Hola de nuevo....

Traigo y comparto la solución:

Código PHP:

  <html>

 <head>

 <style type="text/css">

 .clasetbl {

      position:absolute;

      top:10px;

      border-width : 1px;

      border-style : solid outset;

      border-color : #FFFFFF;

      border-collapse : collapse;

      background-color : #87CEFA;

 }

 
 .clasebody {

      background-color : #336699;

      font-family : verdana, arial, helvetica;

      border: solid 1px #FFFFFF;

 }

 
 .clasetblbody {

      position:relative;

      border-width : 1px;

      border-style : solid outset;

      border-color : #FFFFFF;

      border-collapse : collapse;

      background-color : #336699;

 }

 
 td.clasetd {

      font-size : 12px;

      font-weight : bold;

      color : #FFFFFF;

      font-family : verdana, arial, helvetica;

 }

 </style>

 </head>

 <body class="clasebody">

   <table border="1" class="clasetblbody" width="100%" height="100%">

     <tbody>

       <tr>

         <td>

           <form name="form1" method="post" onSubmit="return false">

             <table id="datos" width="1260px" align="center" class="clasetbl" cellpadding="0" cellspacing="0">

                 <td class="clasetd" align="center">AHI ESTOY</td>

             </table>

           </form>

         </td>

       </tr>

     </tbody>

   </table>

 </body>

 </html>

Tuve que cambiar el width="100%" de la table interna al form por width="1260px" ya que en FireFox y Opera la presentación se veía diferente

Se adiciono position:relative; en clasebody y position:absolute; top:10px; en clasetbl

Saludos

DrFaust · #4 (**permalink**) 12/11/2011, 20:15

Para futura referencia, la palabra "script" significa "libreto" y en desarrollo web define el comportamiento de un sitio. JS y PHP son lenguajes de scripting.

HTML, en cambio, define la estructura del sitio, y se le llama "markup" o simplemente "código HTML".