Foros del Web » Creando para Internet » CSS »

Observación sobre el lector de diectorios css sobre mozilla 3.0 en html

Estas en el tema de Observación sobre el lector de diectorios css sobre mozilla 3.0 en html en el foro de CSS en Foros del Web. Hola a todos Bueno como sabrán trabajar en mozilla 3.0 editando una página Web enlazada con una hoja de estilos CSS es interesante, más productivo ...
  #1 (permalink)  
Antiguo 01/09/2008, 08:29
Avatar de Sylar_teph  
Fecha de Ingreso: agosto-2008
Mensajes: 18
Antigüedad: 15 años, 7 meses
Puntos: 0
Observación sobre el lector de diectorios css sobre mozilla 3.0 en html


Hola a todos
Bueno como sabrán trabajar en mozilla 3.0 editando una página Web enlazada con una hoja de estilos CSS es interesante, más productivo y más variado en cuanto a un diseño de la página.

Quizá haya algunos q ya sepan esto, pero al crear una página Web q se enlaza con una hoja de estilos CSS, hay ciertos elementos en la hoja de estilos CSS q requieran más atención como el lector de directorios:

Por ejemplo:

Documento html

<Html>
<Head>
<Title>titulo del documento html</tite>
<link rel="stylesheet" type="test/css" href="hoja de estilos css.css"
</head>
<body>
</body>
</html>

Hoja de estilos CSS

body{background-image:url(archivo.formato de imagen);}

Como todos pensaran este es el modo correcto (cuando tu hoja de estilos CSS y tu archivo de imagen se encuentran ubicados en la misma carpeta donde se encuentra el documento html)

Pero cuando la hoja de estilos CSS se encuentra en una carpeta q guarde todos los archivos de la página.

ejemplo:

carpeta contenedora del documento html

-documento html

-carpeta de archivos relacionados con el documento html

carpeta de archivos relacionados con el documento html:

-hoja de estilos css

-archivo.formato de imagen


Cuando esto sucede se debe tomar en cuenta ciertos elementos

<html>
<head>
<title>titulo de la pagina</tite>
<link rel="stylesheet" type="test/css" href="carpeta de archivos relacionados con el documento html\hoja de estilos css.css">
</head>
<body>
</body>
</html>

Hoja de estilos css:

body{background-image:url( carpeta de archivos relacionados con el documento html\archivo.formato de imagen);}

Como observaran q la hoja de estilos CSS lee la imagen para background desde la capeta q contiene documento HTML, es por q al momento de correr el documento, este leerá la hoja de estilos CSS, y le asignara las propiedades a cada etiqueta en el documento HTML desde la hoja de estilos CSS es decir q la etiqueta body en el documento leerá el directorio “carpeta de archivos relacionados con el documento html” y buscara “archivo.formato de imagen” para asignarlo como fondo del documento.

Esto es una observación q t será útil en caso de q realices un documento HTML enlazada con una hoja de estilos CSS con las características anteriormente mencionadas.

Por ultimo en caso de q tengas la hoja de estilo CSS en la carpeta del documento html y la imagen dentro de otra carpeta tendrás q colocar la misma sintaxis con la unica diferencia q el atributo “href” de la etiqueta <limk> tendrás q colocar

<link rel="stylesheet" type="test/css" href="hoja de estilos css.css">

La observación final es q todo lector de directorios q realices en una hoja de estilos css debe de asignarle la lectura al documento html dado q la etiqueta se encuentra en este mismo y la hoja de estilos CSS solo nos es útil para ahorra espacio y darle mas entendimiento a nuestro documento HTML, y esta asignara las propiedades a las etiquetas empleadas en nuestro documento html.

Última edición por Sylar_teph; 03/09/2008 a las 09:11
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 00:32.