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".