Foros del Web » Creando para Internet » CSS »

capa dentro de otra no sirve con hoja de estilos

Estas en el tema de capa dentro de otra no sirve con hoja de estilos en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/11/2008, 14:41
 
Fecha de Ingreso: febrero-2008
Ubicación: Panamá
Mensajes: 145
Antigüedad: 9 años, 9 meses
Puntos: 0
capa dentro de otra no sirve con hoja de estilos

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.
  #2 (permalink)  
Antiguo 13/11/2008, 14:49
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: capa dentro de otra no sirve con hoja de estilos

¿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 .
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 13/11/2008, 15:02
 
Fecha de Ingreso: febrero-2008
Ubicación: Panamá
Mensajes: 145
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: capa dentro de otra no sirve con hoja de estilos

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.
  #4 (permalink)  
Antiguo 13/11/2008, 15:07
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: capa dentro de otra no sirve con hoja de estilos

Tus deseos son ordenes!
como_incluir_css_en_un_documento_xhtml.html

Un saludo!!

Aresillo!!
  #5 (permalink)  
Antiguo 13/11/2008, 15:15
 
Fecha de Ingreso: febrero-2008
Ubicación: Panamá
Mensajes: 145
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: capa dentro de otra no sirve con hoja de estilos

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??
  #6 (permalink)  
Antiguo 13/11/2008, 16:14
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: capa dentro de otra no sirve con hoja de estilos

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!!
  #7 (permalink)  
Antiguo 13/11/2008, 16:34
 
Fecha de Ingreso: febrero-2008
Ubicación: Panamá
Mensajes: 145
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: capa dentro de otra no sirve con hoja de estilos

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
  #8 (permalink)  
Antiguo 13/11/2008, 16:42
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: capa dentro de otra no sirve con hoja de estilos

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...)
  #9 (permalink)  
Antiguo 13/11/2008, 16:52
 
Fecha de Ingreso: febrero-2008
Ubicación: Panamá
Mensajes: 145
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: capa dentro de otra no sirve con hoja de estilos

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.
  #10 (permalink)  
Antiguo 13/11/2008, 17:04
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: capa dentro de otra no sirve con hoja de estilos

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!!
  #11 (permalink)  
Antiguo 13/11/2008, 17:19
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: capa dentro de otra no sirve con hoja de estilos

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?
__________________
Visita mi nueva web idplus.org
  #12 (permalink)  
Antiguo 13/11/2008, 17:35
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: capa dentro de otra no sirve con hoja de estilos

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


Aresillo!!
  #13 (permalink)  
Antiguo 13/11/2008, 17:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: capa dentro de otra no sirve con hoja de estilos

También hay otro error: no debe ser:

Cita:
<link rel="stylesheet" type="txt/css" href="generalstyle"/>
sino

Cita:
<link rel="stylesheet" type="txt/css" href="generalstyle.css"/>
eso suponiendo que la hoja de estilo esté en la misma carpeta que el html.
__________________
Visita mi nueva web idplus.org
  #14 (permalink)  
Antiguo 14/11/2008, 14:06
 
Fecha de Ingreso: febrero-2008
Ubicación: Panamá
Mensajes: 145
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: capa dentro de otra no sirve con hoja de estilos

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
  #15 (permalink)  
Antiguo 14/11/2008, 16:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: capa dentro de otra no sirve con hoja de estilos

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.
__________________
Visita mi nueva web idplus.org
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 04:55.