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

Federic0 · #1 (**permalink**) 04/07/2010, 17:20

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 originalbody { background-image: url(http://www.pendejotas.com/images/bg.jpg);
background-color: #fdc0df;
margin-left: 0px;
font-size: 14px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat-x;
font-family:Arial;
scrollbar-face-color: #FFC6E2; 
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #ffffff; 
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #ffffff; 
scrollbar-track-color: #FFDDEE;
scrollbar-arrow-color: #000000;
}
 
#contenedor {
height: 200px;
margin:0;
width: 780px;
height:auto;
overflow:visible;
}
 
#container, #navigation, #separador {
height: 300px;
}
 
#cabecera {
height:120px;
width: 780px;
background-color: #FFE6F1;
}
 
#container {
float: right;
width: 526px;
position:relative;
background-color: #FFE6F1;
height:auto;
overflow:visible;
}
 
#navigation {
float: left;
width: 245px;
background-color: #FFE6F1;
}
 
#separador {
background-image: url('http://www.pendejotas.com/images/sepvertical.jpg');
}
 
#sephor {
height:23px;
width:780px;
background-image: url('http://www.pendejotas.com/images/sephorizontal.jpg');
}
 
#bordearriba {
height:12px;
widht:780px; 
background-image:url("http://www.pendejotas.com/images/bgtop.png");
}
 
#bordeabajo {
height:12px;
widht:780px; 
background-image:url("http://www.pendejotas.com/images/bgdn.png");
position:relative;
}
 
#contlinks {
widht:780px; 
background-color: #FFE6F1;
clear:both;
}
 
#transparente {
height: 10px;
position:relative;
}
 
#publicidad {
widht: 780px;
height: 105px;
}
 
 
#menu5 {
    width: 225px;
    margin: 0px;
    text-align:left;
    }
    
#menu5 li a {
    height: 32px;
    voice-family: "\"}\""; 
    voice-family: inherit;
    height: 24px;
    text-decoration: none;
    text-align:left;
    }   
    
#menu5 li a:link, #menu5 li a:visited {
    color: #333;
    display: block;
    background:  url(http://www.pendejotas.com/images/menu5.gif);
    padding: 8px 0 0 20px;
    }
    
#menu5 li a:hover {
    color: #333;
    background:  url(http://www.pendejotas.com/images/menu5.gif) 0 -32px;
    padding: 8px 0 0 20px;
    } 
    
h2 {
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px 0px 0px 15px;
}
    
ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
 
img {
    border: none;
}
 
.curved {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior:url(border-radius.htc);
}

HTML

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
 
<head>
<META NAME="Title" CONTENT="Pendejas amateur, jovencitas desnudas, mujeres argentinas">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pendejas amateur, jovencitas desnudas, mujeres argentinas</title>
<link rel="stylesheet" type="text/css" href="css.css" media="screen" />
</head>
 
<body>
<center>
<div id="contenedor">
    <div id="publicidad" align="center"></div>
    <div id="bordearriba"></div>
    <div id="cabecera"></div>
    <div id="sephor"></div>
    <div id="navigation">
        <table width="225" border="0" align="center" cellpadding="0" cellspacing="0">
               <tr>
                  <td height="8" background="http://www.pendejotas.com/images/bgmenu1.png"></td>
          </tr>
                      <tr>
                        <td><div id="menu5">
                            <ul>
                              <li><a href="http://www.pendejotas.com"> Inicio</a></li>
                              <li><a href="http://www.pendejotas.com/galeria">Galería de fotos</a></li>
                              <li><a href="http://www.pendejotas.com/books">Books de fotos</a></li>
                              <li><a href="http://www.pendejotas.com/videos">Galería de videos</a></li>
                              <li><a href="http://www.pendejotas.com/conocelas">Conocelas</a></li>
                              <li><a href="http://www.pendejotas.com/enviar">Envíanos tus fotos</a></li>
                              <li><a href="http://www.pendejotas.com/contacto">Contacto</a></li>
                            </ul>
                        </div>                        </td>
                      </tr>
                     <tr>
                        <td height="7" background="http://www.pendejotas.com/images/bgmenu2.png"></td>
                     </tr>
      </table>
    </div>
    <div id="container"><table width="520" border="0" cellspacing="5" cellpadding="6" align="center">
                <tr>
                    <?php
CODIGO PHP DE LA GALERIA DE FOTOS
                    ?>
                </tr>
              </table></div>
    <div id="separador"></div>
    <div id="bordeabajo"></div>
 
    <div id="transparente"></div>
 
    <div id="contlinks" class="curved">asd</div>
</div>
</center>
</body>
</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 !

TheDark03 · #2 (**permalink**) 05/07/2010, 09:35

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

Federic0 · #3 (**permalink**) 05/07/2010, 11:20

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!

joseomaker · #4 (**permalink**) 05/07/2010, 11:31

provastes poniendo las DIVs en modo absolute (porn) asi teman el tamaño que necesiten,saludos guachin. Nota,el modo se llama simplemente: absolute

Federic0 · #5 (**permalink**) 05/07/2010, 11:55

Probé pero tampoco me queda como necesito. Me esta complicando la vida este css

jomaruro · #6 (**permalink**) 05/07/2010, 15:58

Hola:

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

Saludos.