capa dentro de otra no sirve con hoja de estilos

naturadinfinitus · #1 (**permalink**) 13/11/2008, 14:41

hola amigos
ya he buscado en las faqs y he estado buscando en la web pero nada, espero puedan ayudarme

tengo el siguiente codigo de un menú

Código HTML:

<div id="enlaces">

      <div id="somos" >
        <div class="Estilo16" id="som0">
          </div>
      </div>

      <div id="foro" >
        <div class="Estilo19" id="foros0">
          </div>
      </div>

      <div id="temascres" </div>

      <div class="Estilo9" id="cres" >
        <div class="Estilo13" id="cres0">
          </div>
      </div>

      <div id="evacia" > </div>

        <div class="Estilo19" id="test0">
          <div align="center">Testimonios</div>
        </div>
      </div>

      <div id="acerca" >
        <div class="Estilo19" id="ace0" >
          </div>
      </div>

    </div>

pero, el problema entonces es que si pongo el estilo de #enlaces en la cabecera me funciona bien y se alinea donde yo quiero, pero

si coloco el #enlaces en la hoja de estilo que estoy usando, todas las capas que tengo dentro de la capa enlaces se pega arriba a la pagina, y en la ventana de capas (dreamwever) desaparece.

es como si no estuviera leyendo la hoja de estilo, pero si la lee porque los otros elementos de la web estan bien.

disculpen por el periodico y agradezco cualquiera ayuda.

David · #2 (**permalink**) 13/11/2008, 14:49

¿Lo estás probando con Dreamweaver o con un navegador? (porque si es con el primero es normal que no se vea bien, pero si es con el segundo, deberías preocuparte).

¿Podrías poner el CSS que estás usando y cómo estás enlazando en el head a tu hoja de estilos?

P.S.: Si es un menú mejor usa una lista <ul>, no dejes que tu página tenga una divitis crónica

.

naturadinfinitus · #3 (**permalink**) 13/11/2008, 15:02

Hola David gracias por responder

SI tanto en dreamweaver como en firefox sale igual

el enlace creo que esta bien como dije así:
<link rel="stylesheet" type="txt/css" href="generalstyle"/>

generalstyle.css

Cita:

#enlaces {
position:absolute;
width:801px;
height:78px;
z-index:6;
top: 350px;
}

estas son las propiedades que le puse a #enlaces, no lo pongo todo porque se pasa de los permitido.

en cuanto a usar <ul> la verdad es que ya he leido una par de manuales como el de desarrolloweb, http://www.sidar.org/recur/desdi/mcss/manual, webestilo y otros pero no ce porque aún no logro comprender bien como redactar la hoja de estilos y relacionarla con la html y mucho menos los div.

si puedes decirme como es que debo redactar y relacionar la hoja de estilos o mandarme a un buen tuto de como hacerlo te lo agradecería.

igual muchas gracias por el tiempo ya prestado.

Aresillo · #4 (**permalink**) 13/11/2008, 15:07

Tus deseos son ordenes!
como_incluir_css_en_un_documento_xhtml.html

Un saludo!!

Aresillo!!

naturadinfinitus · #5 (**permalink**) 13/11/2008, 15:15

Gracias por tu respuesta Aresillo

pero esa pagina que me das, realmente no especifica tampoco como contruir una hoja de estilos dependiendo de los elementos que tenga la html y mucho menos como manejar las divs.

igual gracias por la buena intención.

alguíen más tiene alguna ayuda??

Aresillo · #6 (**permalink**) 13/11/2008, 16:14

Hombre porque quizás eso es el contenido de todo el manual...
Para incluir una hoja de estilo tienes que hacerlo así...
En el html pones esto en el head:

Código:

<link rel="stylesheet" type="text/css" href="RUTA AL ARCHIVO CSS" />

Después metes todo el estilo en un archivo ".css" que es al que llamarás desde el html...

No sé si es esto lo que quieres... sino coméntalo e intentaré ayudarte...

Aresillo!!

naturadinfinitus · #7 (**permalink**) 13/11/2008, 16:34

No amigo Aresillo

lo que deceo aprender es a confeccionar la hoja de estilo según las tablas, parrafos, links, capas, etc...etc.

te explico yo había empezado a crear la página con css y html juntos es decir
<html>
<style>
</Style>
<body>
</body>
</html>

Bueno pero leí que era mejor tenerlas por separadas y he comenzado con la separación, todo fué bien,

solo unas capas que tenía dentro de otra y al pasarla a la hoja de estilos, la capa externa se pierde, y todas las otras capas se pegan arriba a la pagina.

espero que me hayas podido entender y me ayuden.
GRACIAS

Aresillo · #8 (**permalink**) 13/11/2008, 16:42

Entiendo... por lo que veo, tenías una sólo archivo y funcionaba... lo intentas separar y ya no está igual...
Mi recomendación es que pongas aquí todo el código y te lo separo...

Un saludo!!

Aresillo!! (A ver si lo conseguimos...

)

naturadinfinitus · #9 (**permalink**) 13/11/2008, 16:52

no no creo que sea necesario, porque todo el otro codigo funciona bien,

solamente es la capa #enlaces que arriba en el primer post puedes ver como estaba estructurado todo.

Es muy raro porque declarada igual que todas las demas capas, pero bueno si no se puede solucionar, creo que dejare el estilo de esa capa en la misma pagina, porque así si funciona.

GRACIAS, por tu tiempo y la ayuda.

Aresillo · #10 (**permalink**) 13/11/2008, 17:04

Pues ya no puedo hacer más...
Lo que yo veo es que tienes un montón de estilo y clases...
Que además de seguro entran en conflicto porque le pones a un div una clase y un estilo y lo más probable es que entren en conflicto...
Además, DreamWeaver crea esos estilos numerados por cualquier tonteria (un subrayado, cambio de tamaño) uno nuevo para cada cosa...
Así que entre otras cosas te diría que lo revisases y unificases estilos...

Por cierto...deja el DreamWeaver y utilizalo sólo para consulta y trabaja con el NotePad++

Yo me acabo de pasar y es un gusto!!(Gracias Mik

)

Suerte!

Aresillo!!

Mikmoro · #11 (**permalink**) 13/11/2008, 17:19

Quizá se deba a que no tienes correctamente cerrado y anidados los divs. Veamos:

Cita:

<div id="enlaces">

<div id="somos">
<div class="Estilo16" id="som0"></div>
</div>

<div id="foro">
<div class="Estilo19" id="foros0"></div>
</div>

<div id="temascres" </div> (error: falta >)

<div class="Estilo9" id="cres" >
<div class="Estilo13" id="cres0"></div>
</div>

<div id="evacia" ></div>

<div class="Estilo19" id="test0">
<div align="center">Testimonios</div>
</div>
</div>

<div id="acerca" >
<div class="Estilo19" id="ace0" ></div>
</div>

</div> (error: sobra, está de más)

¿Lo ves? ¿ves dónde cierras el div #enlaces, en lugar de abajo del todo?

Aresillo · #12 (**permalink**) 13/11/2008, 17:35

Como sea eso después de toda la tarde pa arriba y pa abajo!!!

Aresillo!!

Mikmoro · #13 (**permalink**) 13/11/2008, 17:55

También hay otro error: no debe ser:

Cita:

sino

Cita:

eso suponiendo que la hoja de estilo esté en la misma carpeta que el html.

naturadinfinitus · #14 (**permalink**) 14/11/2008, 14:06

Hola, ya me salio,

pero quieren que les confiese algo, no me di cuenta cuando se arreglo, simplemente, derrepente note que la capa estaba tomando tanto el estilo que estaba descrito en la pagina como en la hoja de estilos, entonces borré uno y listo.

Mikmoro vi tu contribución de las Fags acerca de un menú hecho con puro css, pero no lo pude entender.

Es que la forma como usas UL, LI, etc... en la hoja de estilos y en css es bien complicada, me pregunto si puedes decirme donde puedo conseguir un buen manual acerca de la construcción de hojas de estilos con todas las propiedades que puede llevar y como usarlas en la pagina html..

Agradezco mucho su contribución

orita mismo estoy peliando con la pseudoclases xq ahí unas que no me quieren salir, seguire intentando sino puedo ,posteo.

GRACIAS

Mikmoro · #15 (**permalink**) 14/11/2008, 16:32

Yo no sé decirte, pero aquí hay bastante gente que sabe mucho de manuales, y supongo que en las FAQ o por ahí también tendrás algunos.

Saludos.