dynamic external link css in php

Question

i'm trying to create a website using php, and i using external css file.

i have head.php file

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

this is my index.php file

$server = $_SERVER['DOCUMENT_ROOT'];
include $server.'/head.php';

it's works fine, but when i try to create other index.php file in child directory like child/index.php, it said css file not found. i tried to change head.php to

<link rel="stylesheet" type="text/css" href="<? echo $server ?>/style/style.css" />

and it's doesn't worked too.

how do i resolve this problem?

xdazz · Accepted Answer · 2012-09-06 03:12:34Z

3

If the url of the css file is http(s?)://www.example.com/style/style.css

Then juse use:

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

answered Sep 6, 2012 at 3:12

xdazz

161k38 gold badges255 silver badges278 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aaron Wojnowski · Accepted Answer · 2012-09-06 03:12:27Z

1

Since PHP is server side, using the document root will refer to the root of your web server. However, you are trying to load the CSS file on the client side. Therefore, your href attribute value is relative to the current domain (/ isn't referring to root on your server, just the root of the domain).

answered Sep 6, 2012 at 3:12

Aaron Wojnowski

6,4905 gold badges32 silver badges50 bronze badges

Comments

Alex W · Accepted Answer · 2012-09-06 03:12:56Z

0

Your stylesheet is using a relative path. You can fix the problem by changing it to reflect that it is in a subdirectory:

../style/style.css

where the .. causes it to go "up" one directory from where the HTML is being interpreted.

The other option is using an absolute path, e.g. http://www.example.com/style/style.css

answered Sep 6, 2012 at 3:12

Alex W

38.5k13 gold badges115 silver badges115 bronze badges

Collectives™ on Stack Overflow

dynamic external link css in php

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related