Foros del Web » Programando para Internet » PHP »

Ayuda, acomodar header y body

Estas en el tema de Ayuda, acomodar header y body en el foro de PHP en Foros del Web. Hola gente :P, Tengo unos problemitas con mi host de img Para empezar xD, Cuando entras ([URL="http://www.iron-services.com.ar/imagehost/"]http://www.iron-services.com.ar/imagehost/[/URL]) Hay 3 problemas, 1.- El formulario de Login ...
  #1 (permalink)  
Antiguo 23/12/2010, 18:21
 
Fecha de Ingreso: diciembre-2010
Mensajes: 180
Antigüedad: 12 años, 1 mes
Puntos: 5
Ayuda, acomodar header y body

Hola gente :P, Tengo unos problemitas con mi host de img
Para empezar xD, Cuando entras ([URL="http://www.iron-services.com.ar/imagehost/"]http://www.iron-services.com.ar/imagehost/[/URL]) Hay 3 problemas,

1.- El formulario de Login y el boton de registro estan casi en el medio... Yo quisiera que esten totalmente a la derecha, estube por horas tratando de ubicarlo bien pero no pude u.u

2.- Hay una box que sobresale, la medida tendria que ser 900, pero llega como a los 960, y no puedo arreglarlo de ninguna forma :S

3.- en las "Imagenes al azar" hay mucho espacio entre cada una, por lo tanto sobresalen... Y no tengo idea de como arreglarlo :S

Header.php:
Código PHP:
Ver original
  1. <?php
  2.  $page = basename($_SERVER['PHP_SELF']);
  3.  ?>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6.  <head>
  7.  <title>Iron Host - Hosting de Archivos gratuito</title>
  8.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  9.  <link rel="stylesheet" type="text/css" href="./styles.css" /></head>
  10. <Style>
  11. body {
  12.  margin: 0;
  13.  padding: 0;
  14.  color: white;
  15.  background: url(dot.jpg);
  16.  font: 9pt Arial, sans-serif;
  17. }
  18. #wrapper {
  19.  background: #ffffff;
  20.  color: black;
  21.  margin: 20px auto 0 auto;
  22.  padding: 0px;
  23.  border: 1px solid #000000;
  24.  width: 900px;
  25. }
  26. #footer {
  27.  font-size: 10px;
  28.  text-align: center;
  29.  margin: 10px auto 10px auto;
  30. }
  31. #terminator {
  32.  background: url(terminator_back.png) repeat-x;
  33.  height: 15px;
  34.  margin: 0 0 0 0;
  35.  border: 0;
  36. }
  37. #header {
  38.  border-bottom: 1px solid #000000;
  39.  margin: 0px;
  40.  height: 185px;
  41. }
  42. #header .left {
  43.  background: #ACC4CE url(back_left.jpg);
  44.  width: 100px;
  45.  float: left;
  46.  height: 136px;
  47.  margin: 0px;
  48. }
  49. #header .right {
  50.  background: #ACC4CE url(back_right.jpg);
  51.  width: 800px;
  52.  float: left;
  53.  margin: 0x;
  54.  height: 136px;
  55.  padding: 0px;
  56. }
  57. #header-bottom {
  58.  border-top: 0;
  59.  border-bottom: 0;
  60.  background: #ffffff;
  61.  margin: 0 0 0 0;
  62. }
  63. #main {
  64.  position: relative;
  65.  margin: 10px;
  66. }
  67. #content {
  68.  margin: 0 0 0 0;
  69.  border-style: none;
  70.  border-width: 0 0px 0px 0;
  71.  background: white;
  72.  color: black;
  73. }
  74. #content .inner {
  75.  margin: 0px 0px 0px 0px;
  76. }
  77. #content .inner a {
  78.  color: #0B7BCC;
  79.  text-decoration: underline;
  80. }
  81. #content .inner a:hover {
  82.  color: #0B7BCC;
  83.  text-decoration: none;
  84. }
  85. #content .inner h2 {
  86.  color: #245185;
  87.  padding-bottom: 0.2em;
  88.  border-bottom: 1px solid #b9d2e3;
  89.  font-size: 120%;
  90. }
  91. #content .inner h3 {
  92.  font-size: 130%;
  93. }
  94. #content .inner p {
  95.  color: #666666;
  96.  font-size: 100%;
  97. }
  98. #content .inner hr {
  99.  background-color: #444444;
  100.  height: 1px;
  101.  margin: 2px;
  102.  border: 0;
  103. }
  104. #content .inner textarea {
  105.  font-size:9px;
  106.  font-family:Verdana, Arial, Helvetica, sans-serif;
  107. }
  108. ul.dropdown {
  109.  list-style: none;
  110.  margin:0;
  111.  padding:0;
  112.  width:100%;
  113. }
  114. ul.dropdown * ul {
  115.  list-style: none;
  116.  margin:0;
  117.  padding: 0;
  118.  display:none;
  119.  position:absolute;
  120.  z-index:99;
  121. }
  122. ul.dropdown li {
  123.  float: left;
  124.  padding: 0px; /* padding: 2px; helps Opera with hover */
  125. }
  126. ul.dropdown li * li {
  127.  float: none;
  128.  position: relative;
  129. }
  130. ul.dropdown ul * ul {
  131.  left:98%;
  132.  top:0;
  133.  width:100%;
  134. }
  135. ul.dropdown a {
  136.  display:block;
  137. }
  138. ul.dropdown ul * a {
  139.  width:20em;
  140. }
  141. ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul {
  142.  display:none;
  143. }
  144. ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul {
  145.  display:block;
  146. }
  147. ul.dropdown a {
  148.  background-color: #666666;
  149.  color: #fff;
  150.  padding: 2px 9px 2px 9px;
  151.  text-decoration: none;
  152. }
  153. ul.dropdown a:hover {
  154.  background-color: #666666;
  155.  color: #fff;
  156. }
  157. ul.dropdown ul {
  158.  border: 0;
  159.  background-color: #ccc;
  160. }
  161. ul.dropdown ul a {
  162.  background-color: #ccc;
  163.  color: #000;
  164.  padding: 4px;
  165.  text-decoration: none;
  166. }
  167. ul.dropdown ul a:hover {
  168.  background-color: #E1E1E1;
  169.  color: #000;
  170. }
  171. ul.dropdown ul li {
  172.  background-color: #ccc;
  173. }
  174. ul.dropdown hr {
  175.  background-color: #444444;
  176.  height: 1px;
  177.  margin: 3px;
  178.  border: 0;
  179. }
  180. #mainmenu {
  181.  background: url(terminatr_back.png) #666666 repeat-x;
  182.  height: 20px; 
  183. }
  184. input, textarea {
  185.  margin-right: 10px;
  186.  margin-top: 4px;
  187.  font: normal 11px verdana, arial, geneva, helvetica, sans-serif;
  188. }
  189. form {
  190.  line-height: 150%;
  191. }
  192. #uploadfield {
  193.  margin: 20px auto 10px auto;
  194.  padding: 0px;
  195.  width: 800px;
  196. }
  197. #premiumloginform {
  198.  margin: 20px auto 10px auto;
  199.  padding: 0px;
  200.  width: 200px;
  201. }
  202. #freefoldersform {
  203.  margin: 20px auto 10px auto;
  204.  padding: 0px;
  205.  width: 540px;
  206. }
  207. #premiumtable {
  208.  border-left: 1px solid #BFBFBF;
  209.  border-bottom: 1px solid #BFBFBF;
  210.  margin: 20px auto 10px auto;
  211.  padding: 0px;
  212.  width: 600px;
  213. }
  214. #premiumtable2 {
  215.  border-left: 1px solid #BFBFBF;
  216.  border-bottom: 1px solid #BFBFBF;
  217.  margin: 20px auto 10px auto;
  218.  padding: 0px;
  219.  width: 700px;
  220. }
  221. #premiumtable td {
  222.  border-right: 1px solid #BFBFBF;
  223.  border-top: 1px solid #BFBFBF;
  224. }
  225. #premiumtable2 td {
  226.  border-right: 1px solid #BFBFBF;
  227.  border-top: 1px solid #BFBFBF;
  228. }
  229. #content .inner .resellergroup {
  230.  color: #245185;
  231.  padding: 10px;
  232.  border-top: 2px solid #cccccc;
  233.  font-size: 120%;
  234.  font-weight: bold;
  235.  margin: 10px;
  236. }
  237. #content .inner .resellergroup .reseller {
  238.  color: #666666;
  239.  font-size: 90%;
  240.  margin: 10px 10px 20px;
  241.  font-weight: normal;
  242. }
  243. .Estilo2 {color: #FFFFFF}
  244. .Estilo4 {font-size: 9pt}
  245. </Style>
  246.  
  247.  </head>
  248. <body>
  249.  
  250. <div id="wrapper">
  251.  
  252. <div id="header">
  253. <img src="logo-right.jpg" width="900" height="185"></div>
  254.  
  255. <ul class="dropdown Estilo2" id="mainmenu">
  256. <li class="Estilo4">
  257.   <div align="center"><a href="index.php">Home</a></div>
  258. </li>
  259.  <li></li>
  260.  
  261.  <li></li>
  262.  
  263.  <li class="Estilo4"><a href="/imagehost">Imagehost</a> </li>
  264.  
  265.  <li class="Estilo4"><a href="/archivehost">Archivehost</a></li>
  266.  
  267.  <li class="Estilo4"><a href="index.php">Contacto  </a></li>
  268.  
  269.  <li></li>
  270.  
  271.  <li></li>
  272.  
  273.  <li></li>
  274.  
  275.  
  276.   <div align="right">
  277.     <?php if($session==true):?>  
  278.     <?php
  279.          
  280. echo        "Bienvenido $username ! &nbsp;&nbsp";
  281.             "<a href='account.php?act=logout' style='FONT-SIZE: 14px'>Salir</a>";
  282.             "&nbsp;&nbsp;<a href='account.php?act=logout' style='FONT-SIZE: 14px'>Salir</a>"
  283.  
  284.         ?>
  285.      <a href="account.php?act=logout">Salir</a>
  286.     <?php else: ?>
  287.     </div>
  288.   <li><form action="login.php" method="POST">
  289.      
  290.      
  291.       <div align="right">
  292.         <table align="right" bgcolor="#666666">
  293.           <tr class="dropdown">
  294.             <td align="right">Usuario:
  295.               <input type="text" name="username" size=10></td>
  296.             <td align="right">Password:
  297.             <input type="password" name="password" size=10> </td>
  298.             <td align="right"><input type="submit" value="Entrar" name="login"> </td>
  299.             <td width=100 align="right"> <center><a href="register.php" title="Click here to join now!">
  300.                 <img src="images/join.gif" border=0 onmouseover="this.src='images/join1.png';" onmouseout="this.src='images/join.gif';">
  301.                 </a> </center>
  302.         </table>
  303.       </div>
  304.   </form>
  305.      
  306.    
  307.     <div align="right">
  308.       <?php endif;?>
  309.     </div>
  310.   </li>
  311.  <li></li>
  312.  <li></li>
  313. </ul>
  314.  <div align="right"></div>
  315. <div align="right"></div>

Sigo en uun comment
  #2 (permalink)  
Antiguo 23/12/2010, 18:22
 
Fecha de Ingreso: diciembre-2010
Mensajes: 180
Antigüedad: 12 años, 1 mes
Puntos: 5
Respuesta: Ayuda, acomodar header y body

Index.php:
Código PHP:
Ver original
  1. <?php
  2.  
  3.  include("db-info.php");
  4.  $link = mysql_connect($server, $user, $pass);
  5.  if(!mysql_select_db($database)) die(mysql_error());
  6.  
  7.  include("session.inc.php");
  8.  include("loadsettings.inc.php");
  9. ?>
  10.  
  11.  
  12.  
  13. <html>
  14.  
  15. <head>
  16.  
  17. <meta name="description" content="<? echo $description; ?>" />
  18. <meta name="keywords" content="<? echo $keywords; ?>" />
  19.  
  20.  
  21. <title><? echo $webtitle; ?> - Hosting de Imagenes</title>
  22. <link rel="stylesheet" href="style.css" type="text/css" />
  23.  
  24. <script language="JavaScript">
  25. var x = 1;
  26.  
  27. function addMore() {
  28.     x = x + 1;
  29.     if (x > 5)
  30.        alert("Lo sentimos! Usted no puede subir mas de 5 fotos al mismo tiempo.");
  31.     else
  32.        document.getElementById("upload" + x).style.display = "block";
  33. }
  34.  </script>
  35.  
  36. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  37. <style type="text/css">
  38. <!--
  39. .Estilo2 {color: #709592}
  40. .Estilo3 {color: #FFFFFF}
  41. .Estilo4 {color: #00FF00}
  42. .Estilo5 {color: #CCCCCC; }
  43. .Estilo6 {color: #CCCCB6}
  44. -->
  45. </style>
  46. </head>
  47.  
  48.  
  49. <body link=#336699 vlink=#336699 alink=#336699>
  50. <?php include("header.php"); ?>
  51.  
  52. <center>
  53. <div class="content-container">
  54.    
  55.  
  56. <form method=\"GET\" action='images.php'>
  57.  <table width=900 bgcolor='#528A89' style=\"BORDER: #b1ddf6 2px solid;\">
  58.  <tr height=40>
  59.    <td align=left width=400>
  60.    &nbsp; &nbsp;<span class="Estilo3">Buscar
  61.    <LABEL id='message'>:</LABEL>
  62.    </span>
  63.    <LABEL id='message'> </LABEL>
  64.    &nbsp;<input type='text' name='query' size=30 maxlength='100'>
  65.    &nbsp; &nbsp; <input type='submit' value='Buscar'> </td>
  66.  
  67.  <td>
  68.     <LABEL id='title'><span class="Estilo3">Buscar Por :</span> </LABEL>
  69.     &nbsp; &nbsp;
  70.     <input type='radio' name='opt' value='tags' CHECKED> &nbsp; <span class="Estilo3">Tags
  71.     <input type='radio' name='opt' value='gallery'>
  72. &nbsp; Galeria </span></td>
  73.  
  74.  <td>
  75.     <div align="center"><a href="search.php" class="Estilo5">Buscador Avanzado</a> </div></td>
  76.  
  77.  
  78. </tr></table>
  79. </form>
  80.  
  81.  
  82.  <div style="display: none" id="loading" align=center>
  83.     <img src='images/loading.gif' border=0><br><br>
  84.  </div>
  85.  
  86.    <div class="content-box">
  87.      <table> <tr>
  88.      
  89.      <td width=350 valign=top>
  90.       <h1 class="Estilo3">Caracter&iacute;sticas:</h1>
  91.       <ul>
  92.         <li class="Estilo3">Subir varias imagenes de una sola vez
  93.         <li class="Estilo3">Crear galerias publicas y privadas
  94.         <li class="Estilo3">A&ntilde;adir comentarios en las imagenes
  95.         <li class="Estilo3">A&ntilde;adir cualquier imagen a tus favoritos
  96.         <li class="Estilo3">Postea tus fotos en webs, blogs y foros
  97.         <li class="Estilo3">Registra una cuenta para administrar tus archivos
  98.         <li class="Estilo3">Agrega tags a cada una de tus fotos  
  99.         <li class="Estilo3">Sube imagenes privadas con password
  100.         <li class="Estilo3">Comparte tus imagenes con amigos y familiares
  101.       </ul>     </td>
  102.          
  103.  
  104.      <td>
  105.  
  106.  
  107. <div class="left">
  108.          
  109. <h1 class="Estilo3">Subir Imagen </h1>
  110.  
  111. <form action="process.php" method="POST" enctype="multipart/form-data" name="myForm" class="Estilo3">
  112. <table style="border-collapse: collapse" width=300>
  113.  
  114. <tr>
  115.  <td>
  116.    <table id="upload1">
  117.      <tr>
  118.      <td><LABEL class="Estilo3" id="title">Imagen:</LABEL></td> <td> <input type="file" name="image1" size=40></td>
  119.    </tr>
  120.    <tr>
  121.      <td><LABEL class="Estilo3" id="title">Tags:</LABEL></td> <td><input type="text" name="tags1" size=40 maxlength="200"></td>
  122.    </tr>
  123.    </table>
  124.  
  125.    <table  style="BORDER: #999 1px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; display: none" id="upload2">
  126.    <tr>
  127.      <td><LABEL id="title">Imagen:</LABEL></td> <td><input type="file" name="image2" size=40></td>
  128.    </tr>
  129.    <tr>
  130.      <td><LABEL id="title">Tags:</LABEL></td> <td><input type="text" name="tags2" size=40 maxlength="200"></td>
  131.    </tr>
  132.   </table>
  133.  
  134.    <table id="upload3" style="display: none">
  135.    <tr>
  136.      <td><LABEL id="title">Imagen:</LABEL></td> <td><input type="file" name="image3" size=40></td>
  137.    </tr>
  138.    <tr>
  139.      <td><LABEL id="title">Tags:</LABEL></td> <td><input type="text" name="tags3" size=40 maxlength="200"></td>
  140.    </tr>
  141.   </table>
  142.  
  143.    <table style="BORDER: #999 1px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; display: none" id="upload4">
  144.    <tr>
  145.      <td><LABEL id="title">Imagen:</LABEL></td> <td height="18"><input type="file" name="image4" size=40></td>
  146.    </tr>
  147.    <tr>
  148.      <td><LABEL id="title">Tags:</LABEL></td> <td height="22"><input type="text" name="tags4" size=40 maxlength="200"></td>
  149.    </tr>
  150.   </table>
  151.    
  152.    <table id="upload5" style="display: none">
  153.    <tr>
  154.      <td><LABEL id="title">Imagen:</LABEL></td> <td><input type="file" name="image5" size=40></td>
  155.    </tr>
  156.    <tr>
  157.      <td><LABEL id="title">Tags:</LABEL></td> <td><input type="text" name="tags5" size=40 maxlength="200"></td>
  158.    </tr>
  159.   </table>
  160.  
  161.  <!-- ############################################################################################ -->
  162.  
  163.  <?php
  164.  //****************************************************************
  165.    if ($session == true)
  166.    {  
  167.         echo "<br><table> <tr height=30><td><h2>Opciones: </h2></td></tr>";
  168.         $result_set = mysql_query("SELECT id, name FROM `galleries` WHERE userid = '$userid'");
  169.         $number = mysql_num_rows($result_set);
  170.  
  171.         if ($number)
  172.         {
  173.              echo "<tr><td>
  174.                   <input type='radio' name='opt' value='gallery'>
  175.                   <font size=2>Añadir a Categoria:</font></td>";
  176.              echo "<td><select name='galleryid'>";
  177.  
  178.              while ($row = mysql_fetch_array($result_set))
  179.                 echo "<option value={$row['id']}>{$row['name']}</option>";
  180.  
  181.              echo "</select></td></tr>";
  182.        }
  183.  
  184.        echo "<tr><td><input type='radio' name='opt' value='single' CHECKED> <font size=2> Unica imagen </font></td>
  185.             <td> <font size=2>(Imagen Privada <input type='checkbox' name='private' value='ON'>)</font></td></tr>";
  186.  
  187.        echo "</table>";
  188.    }
  189.  //*****************************************************************
  190. ?>
  191.  
  192.  
  193.   <table><tr>
  194.    <td>
  195.     <br>
  196.     <a href="#" class="Estilo6" onClick="addMore()">Subir mas</a>  </td>
  197.   </tr>
  198.  
  199.   <tr><td>
  200.    <LABEL class="Estilo3" id="text">Separar tags por comas. (,) </LABEL>
  201.   </td></tr>
  202.  
  203.   <tr><td>
  204.    
  205.   </td></tr>
  206.  
  207.   <tr><td>
  208.     <br><a href=#><img src="images/upload.png" border=0
  209.                   onclick="myForm.submit(); getElementById('loading').style.display='block';"></a>
  210.   </td></tr>
  211.   </table></td>
  212. </tr>
  213. </table>
  214. </form>
  215. <span class="Estilo3">
  216. <!-- </div> -->
  217.      </span></td>
  218.      </tr>
  219.      </table>
  220.    </div>
  221.  
  222.    
  223.    <br>
  224.    <h2 align="center" class="Estilo2">Imagenes al azar:</h2>
  225.    <? include("random.inc.php"); ?>  
  226.  
  227.    
  228.  
  229.    <div class="about">
  230.       <? echo $webtitle; ?>™es un hosting de imagenes donde podra alojar sus imagenes facilmente y compartirlas en Facebook, My Space, Blogger, y Muchos otros lugares.
  231.       <br>
  232.       <br><br><img src="images/share.png">
  233.    </div>
  234.  
  235.  
  236.    <?php  include("footer.php"); ?>
  237.  
  238.  
  239. </div>
  240. </center>
  241.  
  242.  
  243. </body>
  244.  
  245.  
  246. </html>

Ojala alguien pueda ayudarme :S, Desde ya muchas gracias. (:
  #3 (permalink)  
Antiguo 23/12/2010, 18:24
 
Fecha de Ingreso: diciembre-2010
Mensajes: 180
Antigüedad: 12 años, 1 mes
Puntos: 5
Respuesta: Ayuda, acomodar header y body

Style.css por las dudas;
Código CSS:
Ver original
  1. BODY {
  2. MARGIN: 0px auto;
  3. FONT-FAMILY: arial;
  4. FONT-SIZE: 12px;
  5. }
  6.  
  7.  
  8. A {
  9. FONT-SIZE: 12px
  10. }
  11.  
  12. A:hover {
  13. COLOR: #69c;
  14. TEXT-DECORATION: none;
  15. }
  16.  
  17.  
  18. TABLE {
  19. FONT-SIZE: 12px;
  20. }
  21.  
  22.  
  23. LI {
  24. FONT-SIZE: 12px;
  25. COLOR: #808080;
  26. LINE-HEIGHT: 18px;
  27. }
  28.  
  29.  
  30. H1 {
  31. COLOR: #df713b;
  32. FONT-SIZE: 24px;
  33. }
  34.  
  35.  
  36. H2 {
  37. COLOR: #df713b;
  38. FONT-SIZE: 18px;
  39. }
  40.  
  41.  
  42. LABEL#TITLE {
  43. FONT-WEIGHT: bold;
  44. FONT-SIZE: 12px;
  45. COLOR: #333;
  46. }
  47.  
  48.  
  49. LABEL#TEXT {
  50. COLOR: #808080;
  51. FONT-SIZE: 12px;
  52. }
  53.  
  54.  
  55. LABEL#MESSAGE {
  56. FONT-SIZE: 14px;
  57. }
  58.  
  59.  
  60.  
  61. .header-top {
  62. BACKGROUND: #9d680a;
  63. PADDING-TOP: 1px;
  64. BORDER-BOTTOM: #264b7d 1px solid;
  65. HEIGHT: 35px;
  66. WIDTH: 960px
  67. }
  68.  
  69.  
  70. .header-top A {
  71. COLOR: white;
  72. FONT-SIZE: 12px;
  73. TEXT-DECORATION: none;
  74. }
  75.  
  76.  
  77. .header-menu#current {
  78. BORDER-RIGHT: #3c7675 2px solid;
  79. BORDER-TOP: #3c7675 2px solid;
  80. BORDER-LEFT: #3c7675 2px solid;
  81. WIDTH: 100px;
  82. TEXT-ALIGN: center;
  83. BACKGROUND: white;
  84. PADDING-BOTTOM: 8px;
  85. PADDING-TOP: 10px;
  86. PADDING-LEFT: 15px;
  87. PADDING-RIGHT: 10px
  88. }
  89.  
  90.  
  91.  
  92. .header-menu{
  93. FONT-SIZE: 12px;
  94. WIDTH: 100px;
  95. TEXT-ALIGN: center;
  96. PADDING-BOTTOM: 8px;
  97. PADDING-TOP: 10px;
  98. PADDING-LEFT: 15px;
  99. PADDING-RIGHT: 10px
  100. }
  101.  
  102.  
  103.  
  104. .header-menu A {
  105. TEXT-DECORATION: none;
  106. }
  107.  
  108.  
  109.  
  110. .content-container {
  111. PADDING-TOP: 25px;
  112. TEXT-ALIGN: left;
  113. WIDTH: 960px;
  114. }
  115.  
  116.  
  117. .content-box {
  118.     BORDER: 2px solid #669999;
  119.     PADDING: 10px;
  120.     TEXT-ALIGN: left;
  121.     MARGIN-BOTTOM: 10px;
  122.     background-color: #528A89;
  123. }
  124.  
  125.  
  126.  
  127. .content-box.left {
  128. BORDER-LEFT: #999 1px solid;
  129. PADDING-LEFT: 40px;
  130. }
  131.  
  132.  
  133.  
  134. .ABOUT {
  135. MARGIN-TOP: 40px;
  136. PADDING-RIGHT: 15px;
  137. BORDER-TOP: #ddd 0.1em solid;
  138. PADDING-LEFT: 0px;
  139. FONT-WEIGHT: bold;
  140. FONT-SIZE: 16px;
  141. COLOR: #666;
  142. PADDING-TOP: 1.3em;
  143. TEXT-ALIGN: center
  144. }
  145.  
  146.  
  147. .EMAILBOX {
  148. BORDER: #3c7675 2px solid;
  149. WIDTH: 300px;
  150. PADDING-TOP: 10px;
  151. BACKGROUND: #528a89
  152. }
  153.  
  154.  
  155. .COMMENTBOX {
  156. WIDTH: 500px;
  157. PADDING-TOP: 20px;
  158. PADDING-BOTTOM: 10px;
  159. TEXT-ALIGN: left;
  160. BORDER-TOP: #333 1px dashed;
  161. }
  162.  
  163.  
  164. .PRIVATEPASSBOX {
  165. DISPLAY: none;
  166. BORDER: #3c7675 2px solid;
  167. PADDING: 10px;
  168. WIDTH: 400px;
  169. }
  170.  
  171.  
  172. .FOOTER {
  173. CLEAR: left;
  174. COLOR: #999;
  175. TEXT-ALIGN: center;
  176. PADDING-TOP: 20px;
  177. PADDING-BOTTOM: 20px;
  178. BORDER-TOP: #ddd 1px solid;
  179. MARGIN-TOP: 20px;
  180. }

Etiquetas: body, header
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:54.