Foros del Web » Creando para Internet » CSS »

AYUDA - "Div dinámico" - CSS y PHP

Estas en el tema de AYUDA - "Div dinámico" - CSS y PHP en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/07/2010, 18:20
 
Fecha de Ingreso: diciembre-2007
Ubicación: Buenos Aires
Mensajes: 328
Antigüedad: 10 años
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. <META NAME="Title" CONTENT="Pendejas amateur, jovencitas desnudas, mujeres argentinas">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Pendejas amateur, jovencitas desnudas, mujeres argentinas</title>
  7. <link rel="stylesheet" type="text/css" href="css.css" media="screen" />
  8. </head>
  9.  
  10. <center>
  11. <div id="contenedor">
  12.     <div id="publicidad" align="center"></div>
  13.     <div id="bordearriba"></div>
  14.     <div id="cabecera"></div>
  15.     <div id="sephor"></div>
  16.     <div id="navigation">
  17.         <table width="225" border="0" align="center" cellpadding="0" cellspacing="0">
  18.                <tr>
  19.                   <td height="8" background="http://www.pendejotas.com/images/bgmenu1.png"></td>
  20.           </tr>
  21.                       <tr>
  22.                         <td><div id="menu5">
  23.                             <ul>
  24.                               <li><a href="http://www.pendejotas.com"> Inicio</a></li>
  25.                               <li><a href="http://www.pendejotas.com/galeria">Galería de fotos</a></li>
  26.                               <li><a href="http://www.pendejotas.com/books">Books de fotos</a></li>
  27.                               <li><a href="http://www.pendejotas.com/videos">Galería de videos</a></li>
  28.                               <li><a href="http://www.pendejotas.com/conocelas">Conocelas</a></li>
  29.                               <li><a href="http://www.pendejotas.com/enviar">Envíanos tus fotos</a></li>
  30.                               <li><a href="http://www.pendejotas.com/contacto">Contacto</a></li>
  31.                             </ul>
  32.                         </div>                        </td>
  33.                       </tr>
  34.                      <tr>
  35.                         <td height="7" background="http://www.pendejotas.com/images/bgmenu2.png"></td>
  36.                      </tr>
  37.       </table>
  38.     </div>
  39.     <div id="container"><table width="520" border="0" cellspacing="5" cellpadding="6" align="center">
  40.                 <tr>
  41.                     <?php
  42. CODIGO PHP DE LA GALERIA DE FOTOS
  43.                     ?>
  44.                 </tr>
  45.               </table></div>
  46.     <div id="separador"></div>
  47.     <div id="bordeabajo"></div>
  48.  
  49.     <div id="transparente"></div>
  50.  
  51.     <div id="contlinks" class="curved">asd</div>
  52. </div>
  53. </center>
  54. </body>
  55. </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 !
  #2 (permalink)  
Antiguo 05/07/2010, 10:35
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: AYUDA - "Div dinámico" - CSS y PHP

te ayudaria pero no sabia de q trataba tu pagina y la abri y estoy en el work shamare XD... asi q no puedo ver cual es tu problema x el momento :P si lo explicaras si podria.. Saluds

Iluso yop al abrirla XD.. no me di cuenta de la url
  #3 (permalink)  
Antiguo 05/07/2010, 12:20
 
Fecha de Ingreso: diciembre-2007
Ubicación: Buenos Aires
Mensajes: 328
Antigüedad: 10 años
Puntos: 1
Respuesta: AYUDA - "Div dinámico" - CSS y PHP

Aclaré al principio que era de temática adulta :P jajaja, disculpa.

El problema es que necesito que se me autoajusten los divs para que quede bien la galería de fotos. Es difícil explicarte como necesito que me quede, si en algún momento puedes abrir las dos webs (la que está echa con tablas, como necesito que me quede, y la de divs) y me puedes dar una mano te lo agradecería!
  #4 (permalink)  
Antiguo 05/07/2010, 12:31
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
De acuerdo Respuesta: AYUDA - "Div dinámico" - CSS y PHP

provastes poniendo las DIVs en modo absolute (porn) asi teman el tamaño que necesiten,saludos guachin. Nota,el modo se llama simplemente: absolute
  #5 (permalink)  
Antiguo 05/07/2010, 12:55
 
Fecha de Ingreso: diciembre-2007
Ubicación: Buenos Aires
Mensajes: 328
Antigüedad: 10 años
Puntos: 1
Respuesta: AYUDA - "Div dinámico" - CSS y PHP

Probé pero tampoco me queda como necesito. Me esta complicando la vida este css
  #6 (permalink)  
Antiguo 05/07/2010, 16:58
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: AYUDA - "Div dinámico" - CSS y PHP

Hola:

Lo que necesitas se llama columnas equilibradas, revisa este ejemplo a ver si te sirve de ayuda.

Saludos.


Etiquetas: php
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 12:55.