Foros del Web » Creando para Internet » CSS »

Tablas con capas, y posiciones relativas

Estas en el tema de Tablas con capas, y posiciones relativas en el foro de CSS en Foros del Web. Como puedo hacer una tabulacion de 3 columnas con divs, el problema es que si uso posiciones absolutas, a veces se sobreenciman con lo de ...
  #1 (permalink)  
Antiguo 13/03/2007, 06:25
 
Fecha de Ingreso: febrero-2005
Mensajes: 623
Antigüedad: 12 años, 9 meses
Puntos: 10
Tablas con capas, y posiciones relativas

Como puedo hacer una tabulacion de 3 columnas con divs, el problema es que si uso posiciones absolutas, a veces se sobreenciman con lo de arriba, y entonces por eso lo prefiero con posicion relativa

Como lo podria hacer?
  #2 (permalink)  
Antiguo 13/03/2007, 07:13
 
Fecha de Ingreso: febrero-2005
Mensajes: 623
Antigüedad: 12 años, 9 meses
Puntos: 10
Re: Tablas con capas, y posiciones relativas

Por ejemplo, hago esto, pero el flash hace el salto de linea y no quiero eso
Código:
<style>
#submenu        {
    background: #00648c url('submenu_bg2.gif') repeat-x;
    padding:4px;
    width: 150px;
    margin-left:0px;
    margin-top:0px;
    color:#fff;

}

#submenu ul                {
    /* IE doesn't like list-style:none, it still uses images from previous definitions */
    list-style-type:none;
    list-style-image:none;
    margin-left:0px;
    margin-top:0px;
    padding:0px;
        position:relative;

}

#submenu li                {
    font-size: 90%;
    margin:0px;
    padding: 2px;
}

#submenu li a { 
    padding: 3px;
    display: block;
    width: 98%;
    color: #fff;
    text-decoration:none;
    position:relative;
}

#submenu li a:hover         { 
    background: #bcddeb;
    color: #00648c;
}


div.tabla
{
    clear: none;
    overflow: auto;
    width:1000px;
}

div.fila
{
    clear: both;
}


div.col
{
    float: left;
    padding: 5px;

}
</style>

<div class="tabla">


<div class="fila">
<div class="col" style="width:300px">
<div id="submenu">
                <ul>
    
    <li class="link"><a href="/doc/">Empresas</a>
    </li>

    <li class="link"><a href="/doc/">Proveedores</a>
    </li>

    <li class="link"><a href="/doc/">Empleos</a>
    </li>
    
    <li class="link"><a href="">Foros</a>
    </li>


    <li class="link"><a href="/doc/">Documentacion</a>
    </li>
    
        <li class="link"><a href="/doc/">Articulos</a>
    </li>
    
    <li class="link"><a href="/doc/">Capacitacion</a>
    </li>

    <li class="link"><a href="/">Suscribciones</a>
    </li>


    <li class="link"><a href="/">Contraloria</a>
    </li>
    
    
    
    <li class="link"><a href="/downloads/">Descargas</a>
    </li>
    
</ul> 

</div>
<div class="col" style="width:600px;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="360" id="Sin título-6" align="top" class="col">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="Sin título-6.swf" /><param name="quality" value="high" />
<param name="wmode" value="transparent"><param name="bgcolor" value="#D9ECFF" /><embed src="Sin título-6.swf" wmode="transparent" quality="high" bgcolor="#D9ECFF" width="580" height="360" name="Sin título-6" align="top" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


</div>
</div>

</div>

Última edición por August; 13/03/2007 a las 07:56
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:05.