Como puedo hacer para que esto funcione correctamente

Frannixo · #1 (**permalink**) 30/06/2012, 07:36

Hola, lo que quiero hacer es una zonas central con css

Miren esta web para comprederlo mejor: http://www.wowdersus.com/web1/

Lo que quiero hacer es que cuando dentro de la zona gris ponga menus a los lados se extienda segun valla poniendo menus.

en css esta aqui http://www.wowdersus.com/web1/style/principal.css

Espero que puedan enterderme

Panicav · #2 (**permalink**) 30/06/2012, 08:59

Creo que lo que quieres hacer es mas una cuestión de JAVA y CSS,

Prueba quizas algo así

<div class="inactivo" onmouseover="this.className='activo'" onmouseout="this.className='inactivo'">

inactivo = invisible y activo visible, es lo que se me ocurre o lo que estendi que necesitarías.

Saludos.

Frannixo · #3 (**permalink**) 30/06/2012, 09:49

no, lo que quiero es que la parte gris se alarge a medida que le meta menus o contenidos, pero solo se extiende si meto texto pero si metod menus echos con css no se alarga. Miren la web de nuevo y veran lo que quiero decir, de como esta ok.

Ruben_JD · #4 (**permalink**) 30/06/2012, 09:49

Hola Frannixo, puedes explicarlo mejor, darnos algun enlace hacia un sitio donde lo viste funcionando, o expresa mejor tu idea y pregunta si se puede hacer o no.

Cita:

Iniciado por Frannixo

... lo que quiero hacer es una zonas central ...

Que es zonas central??

Cita:

Iniciado por Frannixo

Miren esta web para comprederlo mejor

Comprenderlo sin alguna introduccion.

Cita:

Iniciado por Frannixo

Lo que quiero hacer es que cuando dentro de la zona

Cuando dentro o cuando fuera.

Cita:

Iniciado por Frannixo

Espero que puedan enterderme

Pues seguiras esperando a que te entiendan mejor.

Recuerda que puedes utilizar más de 500 caracteres, no es un mensaje de telefono movil, ingresa tu codigo dentro de la pregunta, asi te podremos ayudar y no solamente ser un visitante mas.

Saludos.

Frannixo · #5 (**permalink**) 30/06/2012, 10:11

Ok, lo que quiero hacer una zona central de la web donde introducir menus y texto, lo que quiero es que dentro de esa zona se extienda por si sola a medidad que meta los menus y meta el texto, pero no lo hace. Arriba esta el css principal y aqui le dejo el codigo html de la portada.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="style/principal.css" />
<link href="style/menu.css" rel="stylesheet" type="text/css">
 
</head>
<body>
<div id="header">
<div class='cssmenu'>
<ul>
   <li class='active'><a href=''><span>Inicio</span></a></li>
   <li><a href='#'><span>Servidores</span></a></li>
   <li><a href='#'><span>Miembros</span></a></li>
<li><a href='#'><span>Inicio Sesi&oacute;n</span></a></li>
<li><a href='#'><span>Registro</span></a></li>
<li class='has-sub'><a href='#'><span>Acceder</span></a>
      <ul>
<form action="">
    
        <label>Username:</label>
            <input type="text" name="username" />
        <label>Password:</label>
            <input type="password" name="password"  />
            <input type="submit" value="Enviar" name="submit" class="submit" />
</form> 
 
      </ul>
   </li>
 
</ul>
</div>
</div>
 
<div id="slybool"></div>
 
<div id="main">  
 
<div id="top-main"></div> 
 
 <div id="medium-main">
 
<div id="menu"> 
 
<div class="top">
 
<div class="text">
<b>Ultimas Noticias</b>
</div>
<div class="medium-text">
<div class="url">
<li><a href="">Game</a></li>
<small>Cuando el gobierno solicito la...</small>
<li><a href="">Game</a></li>
<small>Cuando el gobierno solicito la...</small>
<li><a href="">Game</a></li>
<small>Cuando el gobierno solicito la...</small>
<li><a href="">Game</a></li>
<small>Cuando el gobierno solicito la...</small>
<li><a href="">Game</a></li>
<small>Cuando el gobierno solicito la...</small>
<li><a href="">Game</a></li>
<small>Cuando el gobierno solicito la...</small>
</div>
</div>
<div class="footer-text"></div>
</div>
</div>
<div id="text-center">
 
 
 
 
</div>
</div>
<div id="footer-class"></div>
</div>
</body>
</html>

Ruben_JD · #6 (**permalink**) 30/06/2012, 10:56

Pues a simple vista estas utilizando una posicion absoluta en el menu lo que hace que el menu siempre tenga una posicion fija este dentro o fuera del div main, no generas un minimo de alto en el main, medium main. Puedes utilizar floats para ver su contenido dentro del div main principal y podrias simplificar tu codigo utilizando cabeceras, parrafos y de mas y añadir css directos y no generando classes. Por ultimo crea un div contenedor donde puedes dar un tamaño especifico y posicionamiento central:

Código HTML:

Ver original<body>
<div id="contenedor">
...
Tu codigo mejor estructurado
...
</div>
</body>

Código CSS:

Ver original#contenedor{
    margin: 10px auto;
    width: 1240px;
    min-height: 600px;
}

Saludos.