Importar o adjuntar hoja estilos

Highlander · #1 (**permalink**) 26/08/2009, 12:42

Hola he estado tratando de importar mi archivo css desde mi html pero no me resulta, no se si escribo mal la ruta o que.

Las formas que use son:

Código:

<link type=”text/css” href=”style.css” />

Código:

<style type=”text/css”>
@import “style.css”;
</style>

mi archivo html y css se encuentran ambos en la misma carpeta:

/Sin/com_ingrediente/vista/listado_ing_usuario/

Gracias por cualquier sugerencia.

kseso? · #2 (**permalink**) 26/08/2009, 13:09

La sintaxis de la llamada a tu hoja de estilos es la siguiente

Cita:

Y mejor esa forma que el @import, recomiendan.

Un saludo

gorkreg · #3 (**permalink**) 26/08/2009, 13:10

Te falta un parámetro:

<link href="style.css" type="text/css" rel="stylesheet" />

Highlander · #4 (**permalink**) 27/08/2009, 10:36

Gracias lo cambie asi:

Código:

<link rel="stylesheet" type="text/css" href="template.css" />

Pero ahora sucede que solo se ve el estilo en dreamweaver, al probar mi sitio no funciona.

Tengo dudas porque estoy trabajando de manera local (no en un host) el archivo css se encuentra en la misma carpeta que el html donde lo llamo pero no es en la raiz del sitio.

Sera algun problema con la ruta?

gorkreg · #5 (**permalink**) 27/08/2009, 12:09

El código está bien. Que no sea la raíz del sitio no tiene nada que ver siempre y cuando te funcione el archivo HTML (sin estilos, quiero decir). Si no, lo que te falla es la ruta hacia ese archivo. Supongo que los dos archivos (HTML y CSS) están no solo en la misma carpeta pero también en el mismo nivel. ¿Has probado con los nombres de archivo (tenplate en vez de template y cosas por el estilo)?

Highlander · #6 (**permalink**) 27/08/2009, 13:46

Hola, ya encontre el problema:

Código:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
2<html><head>
3<title>404 Not Found</title>
4</head><body>
5<h1>Not Found</h1>
6<p>The requested URL /Sin-/template.css was not found on this server.</p>
7</body></html>

Lo que pasa el codigo se va ejecutando por partes y al parecer eso afecto que busca el template.css en la raiz.

/Sin-/com_ingrediente/vista/listado_ing_usuario/listado_ing_usuario.php
/Sin-/com_ingrediente/vista/listado_ing_usuario/template.css
/Sin-/layout.html

listado_ing_usuario.php es el que llama al template.css pero lo busca en la carpeta donde esta el layout.html

Solución: <link href="com_ingrediente/vista/listado_ing_usuario/estilo.css" type="text/css" rel="stylesheet">

buzu · #7 (**permalink**) 27/08/2009, 14:28

Te recomiendo que siempre enlaces tu CSS desde la pagina principal. Es decir que si por ejemplo usas includes en php o algún método similar para "juntar" distintos documentos, sienpre enlaces el CSS desde el documento que los contiene a todos, en tu caso layout.html. Es lo que se llama buena práctica.