por que dreamwaver no me aplica las reglas css??

chuyote14 · #1 (**permalink**) 25/06/2013, 14:36

buen dia

quiero hacer una web con dreamweaber, soy nuevo en esto y para ello me guio en unos videos de youtube...veo que puedo empezar la maquetacion haciendo etiquetas div....y luego darle sus reglas a cada una......el caso es que a veces si genera la regla que pongo y otras no la genera....no hace nada...ya hice el sitio, ya hice la hoja de estilos css...

este simple codigo...la cabecera horizontal...no genera la regla....que puede ser??

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>



<style type="text/css">

</style>
</head>

<body>
<div id="cuerpo">
<p>Colocar aquí el contenido para id "cuerpo"</p>
<div id="cabecera">Colocar aquí el contenido para id "cabecera"</div>
<div id="menu horizontal">Colocar aquí el contenido para id "menu horizontal"</div>
<div id="contenido">Colocar aquí el contenido para id "contenido"</div>
<div id="base">Colocar aquí el contenido para id "base"</div>
<p> </p>
</div>
</body>
</html>

chuyote14 · #2 (**permalink**) 25/06/2013, 14:49

miren ya lo complete mas pero no hace nada

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>



<style type="text/css">

</style>
</head>

<body>
<div id="cuerpo">
<div id="cabecera">
<div id="logo">Colocar aquí el contenido para id "logo"</div>
<div id="informacion">Colocar aquí el contenido para id "informacion"</div>
<div id="telefono">Colocar aquí el contenido para id "telefono"</div>
<p> </p>
</div>
<div id="menu horizontal">Colocar aquí el contenido para id "menu horizontal"</div>
<div id="contenido">Colocar aquí el contenido para id "contenido"</div>
<div id="base">Colocar aquí el contenido para id "base"</div>
<p> </p>
</div>
</body>
</html>

truskyvb · #3 (**permalink**) 25/06/2013, 15:19

Hola, sé muy poco de todo esto, pero tal vez si vas al Servicio de Validación CSS saques algo en claro si te detecta errores y te ayude.

http://jigsaw.w3.org/css-validator/

#4 (**permalink**) 25/06/2013, 16:12

Hola chuyote14,

Estás comentando el estilo en la propia página HTML. Mirá lo siguiente (te pongo el código más corto a expensas de mantener más legible el post pero lo mismo pasa con el código "completo" que posteaste por segunda vez):

Código HTML:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--          <----------------------- Acá has comentado el código (etiqueta de apertura)
#cuerpo #menu horizontal {
background-color: #06F;
height: 50px;
width: 1000px;
}
--> <----------------------- Acá cierras tu comentario (etiqueta de cierre)
</style>
</head>

<body>
<div id="cuerpo">
<p>Colocar aquí el contenido para id "cuerpo"</p>
<div id="cabecera">Colocar aquí el contenido para id "cabecera"</div><!-- fin cabecera -->
<div id="menu horizontal">Colocar aquí el contenido para id "menu horizontal"</div><!-- fin menu horizontal -->
<div id="contenido">Colocar aquí el contenido para id "contenido"</div><!-- fin contenido -->
<div id="base">Colocar aquí el contenido para id "base"</div><!-- fin base -->
<p>&nbsp;</p>
</div><!-- fin cuerpo -->
</body>
</html>

Como verás has comentado tu estilo desde el inicio hasta el final. Por tal motivo no te toma las reglas CSS. Borrá eso y verás que funcionarán tus estilos.

Un saludo!
Leo

chuyote14 · #5 (**permalink**) 25/06/2013, 16:28

gracias Leo....

a ver si entendi....esas reglas no deben de estar en la hoja html....quiero pensar que deben estar en la hoja .css

es asi?...

espero su ayuda y ademas...si se me fue poner mis dudas en el tema css...sorry

dvpareja · #6 (**permalink**) 25/06/2013, 16:56

Buenas,

el código funciona perfectamente, no sé si el problema que te da es como estás guardando las plantillas en Dreamweaver

Por otro lado, comprueba que las etiquetas al inicio estén bien. En el último fragmento que has puesto faltaba:

<html>

al principio
Los comentarios dentro de la etiqueta <style> es porque anteriormente los estilos se escribían así para ocultar las hojas de estilo a los navegadores que no las reconocieran. Actualmente, todos los navegadores las reconocen, así que escribirlo de esta manera es innecesario. Pero no por tenerlas, estás comentando las reglas CSS.

#7 (**permalink**) 25/06/2013, 17:01

Tal cual chuyote14, es así como decís.

No es buena práctica porque imaginate la siguiente situación:

Tenés 500 líneas de CSS para darle estilo a tu contenido (HTML). Decidís por algún motivo, incluir las 500 líneas de código en la misma página HTML. Hasta ahí todo bien. Todo parece funcionar de maravilla. Pasa el tiempo y querés modificar los estilos de esa página HTML para, por ejemplo hacer un diseño flat (plano). Obviamente, va a ser un proceso muy tedioso porque tenés todo en la misma página. Además, si existiese código que se necesita incluir en otras páginas HTML, tendrías que copiarlo y pegarlo en dichos archivos HTML según cuantas veces quieras incluirlo. No sería mejor incluir esos estilos en una hoja aparte de tu/s archivo/s HTML y "llamarla" desde la página que quieras? Además, el mantenimiento será más sencillo.

Esta es la razón por la que es buena práctica apartar el estilo del contenido.

Un saludo!
Leo

#8 (**permalink**) 25/06/2013, 17:04

Cita:

Iniciado por dvpareja

Los comentarios dentro de la etiqueta <style> es porque anteriormente los estilos se escribían así para ocultar las hojas de estilo a los navegadores que no las reconocieran. Actualmente, todos los navegadores las reconocen, así que escribirlo de esta manera es innecesario. Pero no por tenerlas, estás comentando las reglas CSS.

Sinceramente desconocía esto. Muy buena información. No lo sabía.