Problema de Diseño

[jmb0286]

Que tal amigos de foros del web, estoy con un problema. Estoy trabajando en esta dirección http://camaradellibro.net78.net/. Y puse dentro de una div class="colleft" un menu vertical. Pero no se porqué razón me hace desplazar la columna hacia la derecha.
Y además la posición fluida natural del mismo es como si fuera absoluta en las coordenadas 0 0 del div class="contenedor". Espero haber sido claro. Desde ya gracias.

[Joakin_ARG_CBA]

No entiendo, el div "colleft" esta vacio!!

Código HTML:

<div class="colleft"></div>
 

[jmb0286]

Viste el código de fuente? De la página.

[Joakin_ARG_CBA]

Iniciado por jmb0286

Viste el código de fuente? De la página.

Si, no tiene nada, esta cerrado. Vos dijiste que dentro le pusiste una columna, y nada.

deberia haber algo asi

<DIV>
<COLUMNA>
</DIV>

sin embargo, hay esto
<DIV></DIV>

La columna que dice Select Option, Nuestra Historia, Misión De La Cámara, etc... la pusiste en el contenedor. Creo que yo no entiendo lo que queres hacer.

[pzin]

Iniciado por jmb0286

Viste el código de fuente? De la página.

Tampoco cuesta mucho publicar el código en el foro. Bueno, cuesta esfuerzo.

[jmb0286]

Así está el html:

Código HTML:

<div class="contenedor"><!--Inicio: Id="Contenedor"-->
        <div class="submenu"><!--Inicio: Id="SubMenú"-->
            <!--En modo de prueba de implementación de texto-->
            <div class="demo-dd demo-container">
                <ul id="drilldown-3">
                    <li><a href="#">Nuestra Historia</a></li>
                    <li><a href="#">Misión De La Cámara</a></li>
                    <li><a href="#">Estatuto De La Cámara</a></li>
                    <li><a href="#">Asociarse A La Cámara</a></li>
                    <li><a href="#">Memorias 2009-2011</a></li>
                    <li><a href="#">Socios</a></li>
                    <li><a href="#">Directorios</a></li>
                </ul>
            </div>
 
 
 
        </div><!--Fin: Id="SubMenú"-->
        <div class="colleft"></div>
        <div class="colright">
 
 
        </div>
        
    </div><!--Fin: Id="Contenedor"-->
 

[pzin]

Y como bien indica Joakin_ARG_CBA .colleft está vacío.

[Joakin_ARG_CBA]

sigo viendo el colleft vacio

Código HTML:

<div class="colleft"></div>
 

[jmb0286]

Creo que ya me di cuenta por donde viene el tema. Después les

Si, reconocí el error disculpen.

[Joakin_ARG_CBA]

dijiste que queres meter la columna en el colleft. Yo por columna creo que te referis al menu que dice "nuestra historia, etc...". seria asi (dentro del colleft)

Código HTML:

<div class="contenedor"><!--Inicio: Id="Contenedor"-->
        <div class="submenu"><!--Inicio: Id="SubMenú"-->
            <!--En modo de prueba de implementación de texto-->
 
 
        </div><!--Fin: Id="SubMenú"-->
        <div class="colleft">
            <div class="demo-dd demo-container">
                <ul id="drilldown-3">
                    <li><a href="#">Nuestra Historia</a></li>
                    <li><a href="#">Misión De La Cámara</a></li>
                    <li><a href="#">Estatuto De La Cámara</a></li>
                    <li><a href="#">Asociarse A La Cámara</a></li>
                    <li><a href="#">Memorias 2009-2011</a></li>
                    <li><a href="#">Socios</a></li>
                    <li><a href="#">Directorios</a></li>
                </ul>
            </div>
        </div>
        <div class="colright">
 
 
        </div>
        
    </div><!--Fin: Id="Contenedor"-->
 

[Joakin_ARG_CBA]

ahora si se quedo dentro del colleft!!!!!!

[jmb0286]

Una pregunta no manejo muy bien jquery y/o javascript. Pero como saco el h3 y el border-top. Porqué cuando saco el border-top se distorcionan los elementos.

[Joakin_ARG_CBA]

Iniciado por jmb0286

Una pregunta no manejo muy bien jquery y/o javascript. Pero como saco el h3.

no hace falta jquery para eso, h3 es un encabezado de nivel 3, es decir, un titulo.

Código HTML:

<h3>Encabezado de nivel 3</h3>
 

El encabezado de nivel 1, h1, mostraria un "titulo" mas grande que el h3

[jmb0286]

Ta pero como lo saco, porque no figura el h3 en el html, solo figura, en el dcdrilldown.css

[Joakin_ARG_CBA]

Iniciado por jmb0286

Ta pero como lo saco, porque no figura el h3 en el html, solo figura, en el dcdrilldown.css

No importa, solo le estas dando estilos. Cuando vallas a usarlo en el HTML, ese h3 tendra las propiedades definidas en el CSS

[jmb0286]

Otra consulta, como consideran los colores. Y que tipo de fondo quedaría más o menos bien.

http://camaradellibro.net78.net/

[jmb0286]

Siguiendo en esta dirección: http://camaradellibro.net78.net.

Código CSS:

<!--Inicio: CSS y JS: Estilos para Contenedor-->
    <style type="text/css">         
        /* Inicio: Estilos para colright*/
        #ctotxl{ /* Id="ctotxl" = Contenido Textual */
            border: 1px solid #00664C;
            background-color: #F7F7F7;
            height: 165px;
            margin: 20px 20px 0px 20px;
            }
        #ctotxl:hover{
            background-color: #FFFFFF;
            }       
        #ctotxl img{            
            float: left;
            height: 120px;
            margin: 20px;       
            width: 120px;
            }
        #ctotxl h3{
            font-family: Arial, Tahoma, Sans-serif;
            font-size: 20px;
            margin: 20px 20px 0px 0px;
            }   
        #ctotxl p{
            border: 1px solid #00664C;
            font-family: Arial, Tahoma, Sans-serif;
            font-size: 12px;
            height: auto;
            margin: 20px 20px 0px 0px;
            width: 450px;
            }
        #ctotxl p.mas{
            float: right;
            font: 11px #73DCFF Arial;           
            margin: 11.5px 20px;
            width: auto;
            }
        #ctotxl p.mas:hover{
            color: #D8DFEA;
            cursor: pointer;
            }
    </style>
    <!--Fin: CSS y JS: Estilos para Contenedor-->
 

Pueden decir porque el div id="ctotxl", cuando aplico margin:"20px" no se aplica en el borde derecho.