Tema: AYUDA - "Div dinámico" - CSS y PHP
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/07/2010, 17:20
Federic0
 
Fecha de Ingreso: diciembre-2007
Ubicación: Buenos Aires
Mensajes: 328
Antigüedad: 16 años, 4 meses
Puntos: 1
AYUDA - "Div dinámico" - CSS y PHP
ACLARACION: Sitio para adultos

Buenas,

Estoy pasando mi sitio a CSS y divs, pero la verdad no tengo mucha idea y se me complica mucho a la hora de armar la estructura integrando el código PHP.

La idea sería que me quede así: www.pendejotas.com/galeria

Aquí los códigos que tengo hasta ahora:

CSS

Código CSS: 
Ver original
  1. body { background-image: url(http://www.pendejotas.com/images/bg.jpg);
  2. background-color: #fdc0df;
  3. margin-left: 0px;
  4. font-size: 14px;
  5. margin-top: 15px;
  6. margin-right: 0px;
  7. margin-bottom: 0px;
  8. background-repeat: repeat-x;
  9. font-family:Arial;
  10. scrollbar-face-color: #FFC6E2; 
  11. scrollbar-shadow-color: #000000;
  12. scrollbar-highlight-color: #ffffff; 
  13. scrollbar-3dlight-color: #999999;
  14. scrollbar-darkshadow-color: #ffffff; 
  15. scrollbar-track-color: #FFDDEE;
  16. scrollbar-arrow-color: #000000;
  17. }
  18.  
  19. #contenedor {
  20. height: 200px;
  21. margin:0;
  22. width: 780px;
  23. height:auto;
  24. overflow:visible;
  25. }
  26.  
  27. #container, #navigation, #separador {
  28. height: 300px;
  29. }
  30.  
  31. #cabecera {
  32. height:120px;
  33. width: 780px;
  34. background-color: #FFE6F1;
  35. }
  36.  
  37. #container {
  38. float: right;
  39. width: 526px;
  40. position:relative;
  41. background-color: #FFE6F1;
  42. height:auto;
  43. overflow:visible;
  44. }
  45.  
  46. #navigation {
  47. float: left;
  48. width: 245px;
  49. background-color: #FFE6F1;
  50. }
  51.  
  52. #separador {
  53. background-image: url('http://www.pendejotas.com/images/sepvertical.jpg');
  54. }
  55.  
  56. #sephor {
  57. height:23px;
  58. width:780px;
  59. background-image: url('http://www.pendejotas.com/images/sephorizontal.jpg');
  60. }
  61.  
  62. #bordearriba {
  63. height:12px;
  64. widht:780px; 
  65. background-image:url("http://www.pendejotas.com/images/bgtop.png");
  66. }
  67.  
  68. #bordeabajo {
  69. height:12px;
  70. widht:780px; 
  71. background-image:url("http://www.pendejotas.com/images/bgdn.png");
  72. position:relative;
  73. }
  74.  
  75. #contlinks {
  76. widht:780px; 
  77. background-color: #FFE6F1;
  78. clear:both;
  79. }
  80.  
  81. #transparente {
  82. height: 10px;
  83. position:relative;
  84. }
  85.  
  86. #publicidad {
  87. widht: 780px;
  88. height: 105px;
  89. }
  90.  
  91.  
  92. #menu5 {
  93.     width: 225px;
  94.     margin: 0px;
  95.     text-align:left;
  96.     }
  97.     
  98. #menu5 li a {
  99.     height: 32px;
  100.     voice-family: "\"}\""; 
  101.     voice-family: inherit;
  102.     height: 24px;
  103.     text-decoration: none;
  104.     text-align:left;
  105.     }   
  106.     
  107. #menu5 li a:link, #menu5 li a:visited {
  108.     color: #333;
  109.     display: block;
  110.     background:  url(http://www.pendejotas.com/images/menu5.gif);
  111.     padding: 8px 0 0 20px;
  112.     }
  113.     
  114. #menu5 li a:hover {
  115.     color: #333;
  116.     background:  url(http://www.pendejotas.com/images/menu5.gif) 0 -32px;
  117.     padding: 8px 0 0 20px;
  118.     } 
  119.     
  120. h2 {
  121.     font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  122.     color: #000;
  123.     margin: 0px;
  124.     padding: 0px 0px 0px 15px;
  125. }
  126.     
  127. ul {
  128.     list-style: none;
  129.     margin: 0;
  130.     padding: 0;
  131.     }
  132.  
  133. img {
  134.     border: none;
  135. }
  136.  
  137. .curved {
  138. -moz-border-radius: 10px;
  139. -webkit-border-radius: 10px;
  140. behavior:url(border-radius.htc);
  141. }

HTML

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
  3.  
  4. <head>
  5. <META NAME="Title" CONTENT="Pendejas amateur, jovencitas desnudas, mujeres argentinas">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>Pendejas amateur, jovencitas desnudas, mujeres argentinas</title>
  8. <link rel="stylesheet" type="text/css" href="css.css" media="screen" />
  9. </head>
  10.  
  11. <body>
  12. <center>
  13. <div id="contenedor">
  14.     <div id="publicidad" align="center"></div>
  15.     <div id="bordearriba"></div>
  16.     <div id="cabecera"></div>
  17.     <div id="sephor"></div>
  18.     <div id="navigation">
  19.         <table width="225" border="0" align="center" cellpadding="0" cellspacing="0">
  20.                <tr>
  21.                   <td height="8" background="http://www.pendejotas.com/images/bgmenu1.png"></td>
  22.           </tr>
  23.                       <tr>
  24.                         <td><div id="menu5">
  25.                             <ul>
  26.                               <li><a href="http://www.pendejotas.com"> Inicio</a></li>
  27.                               <li><a href="http://www.pendejotas.com/galeria">Galería de fotos</a></li>
  28.                               <li><a href="http://www.pendejotas.com/books">Books de fotos</a></li>
  29.                               <li><a href="http://www.pendejotas.com/videos">Galería de videos</a></li>
  30.                               <li><a href="http://www.pendejotas.com/conocelas">Conocelas</a></li>
  31.                               <li><a href="http://www.pendejotas.com/enviar">Envíanos tus fotos</a></li>
  32.                               <li><a href="http://www.pendejotas.com/contacto">Contacto</a></li>
  33.                             </ul>
  34.                         </div>                        </td>
  35.                       </tr>
  36.                      <tr>
  37.                         <td height="7" background="http://www.pendejotas.com/images/bgmenu2.png"></td>
  38.                      </tr>
  39.       </table>
  40.     </div>
  41.     <div id="container"><table width="520" border="0" cellspacing="5" cellpadding="6" align="center">
  42.                 <tr>
  43.                     <?php
  44. CODIGO PHP DE LA GALERIA DE FOTOS
  45.                     ?>
  46.                 </tr>
  47.               </table></div>
  48.     <div id="separador"></div>
  49.     <div id="bordeabajo"></div>
  50.  
  51.     <div id="transparente"></div>
  52.  
  53.     <div id="contlinks" class="curved">asd</div>
  54. </div>
  55. </center>
  56. </body>
  57. </html>

Me queda así por ahora: www.pendejotas.com/galeria/divs.php

Y yo necesito que me quede: www.pendejotas.com/galeria

Si alguien me puede dar una mano se los agradecería muchisimo ! Pueden cambiar lo que haga falta del codigo. Estoy recien aprendiendo.

Muchas gracias !

Slds !