No puedo enlazar la estilo-gener.css i la index.html i lo pongo como la Tutorial

Iniciado por 4r3s, 14 Enero 2011, 17:22 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

4r3s

14 Enero 2011, 17:22 PM Ultima modificación: 14 Enero 2011, 17:24 PM por 4r3s
No se por que no funciona esta igual que en la tutorial i eso que es mui facil enlazar la estilos-general.css i la index.html peor ami no me sale i lo pongo exactamente igual que en la tutorial,por favor respondan gracias de ante mano.

RyogiShiki

#1
14 Enero 2011, 17:42 PM Ultima modificación: 14 Enero 2011, 18:59 PM por gankutsuo
Como hablas que quieres enlazar un estilo en un documento HTML voy a suponer que estamos basando la página en XHTML Strict, entonces, ten en cuenta las siguientes recomendaciones:

La primera linea SIEMPRE deberá ser el DOCTYPE del documente para su correcta verificación, así que lo primero que debes tener es lo siguiente (XHTML Strict):

Código (html) [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Después del DOCTYPE deberemos poner la etiqueta:

Código (html) [Seleccionar]
<html></html>

Dentro de las etiquetas html vendrá la etiqueta head:

Código (html) [Seleccionar]
<head></head>

es bueno que una ves abierta una etiqueta la cierres al instate para no perder el hilo de lo que haces, dentro de la etiqueta <head> Pueden in varias cosas, en esta ocasión como es un nivel básico simplemente enlazaremos una Hoja de estilos y pondremos el título de la página, entonces quedaría así:

Código (html) [Seleccionar]
<html>
   <head>
       <link rel="StyleSheet" href="css/style.css" type="text/css"></link>
       <title>Tu Página</title>
   </head>
   <body></body>
</html>

en donde href="css/style.css" es la ruta relativa donde se encuentra la Hoja de estilos.

Recuerda también que para que funcione Bien una hoja de estilos los atributos de tipo: "name" o "id" deben coincidir a la perfección, recuerda también que los atributos "id" son únicos.

Espero este minimanual te sirva a despejar algunas dudas

Saludos

4r3s

#2
14 Enero 2011, 18:41 PM Ultima modificación: 14 Enero 2011, 18:45 PM por 4r3s
<html>
<link rel="stylesheet" href="estilo-general.css" type="text/css"></link>
<head>
<title>Titulo de la web</title>
</head>
<body>
<p class="importante">
</p>
</body>
</html>
i en la hoja de estilos
.importante {background-color:#ff0000 ; color: #666 ; font-family: Arial, sans-serif ; font-size: 30px;}


"Estan los 2 en la misma carpeta"

RyogiShiki

#3
14 Enero 2011, 18:49 PM Ultima modificación: 14 Enero 2011, 18:53 PM por gankutsuo
Código (html) [Seleccionar]
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css"></link>
<title>Titulo de la web<title>
</head>
<body>
<p class="importante">Contenido del Párrafo</p>
</body>
</html>

Estas linkando la hoja de estilos fuera de la etiqueta head! al parecer no has leido nada de mi primer Post! en cuanquier caso debería ir asi, recuerda que el documento estilo-general.css debe estar al mismo nivle (en el mismo directorio) que el archivo html

Recuerda que cuando publiques algún código en el foro lo debes poner en medio de las etiquetas de código, tambien es bueno que identes lo que pones para entenderlo mejor.

Saludos

4r3s

#4
14 Enero 2011, 19:01 PM Ultima modificación: 14 Enero 2011, 19:03 PM por 4r3s
me doi cuenta que cuando lo abro pone archi estilo-general.css.txt
puese que sea de eso?

RyogiShiki

#5
14 Enero 2011, 19:07 PM Ultima modificación: 14 Enero 2011, 19:34 PM por gankutsuo
Uhmmm No habia visto la hoja de estilos, Lo Siento, debería ir así la hoja de estilos:

Código (css) [Seleccionar]
p.importante {background-color:#ff0000 ; color: #666 ; font-family: Arial, sans-serif ; font-size: 30px;}

con el objeto al que pertenece antes de poner la clase, en este caso como pertenece a un parrafo se hace p.importante

Lo que editaste, eso se da porque trabajas en Windows y tienes ocultadas las extensiones, seguramente estás trabajando desde el NotePad, puedes hacer dos cosas:

Abir una capeta -> Herramientas -> Opciones de carpeta -> Ver -> y deseleccionar la opción "Ocultar extensiones de archivo"... o algo así la verdad ahora estoy sobre GNU y no te puedo responder con total exactitud. y quitar la parte que dice ".txt"

Y la segunda, utilizar un editor de texto como NotePad++ que resalta el código y no te lias con extensionesni encodeos

NotePad++: http://notepad-plus-plus.org/

Imprimir
Ir Arriba Páginas1
Acciones del Usuario