How can I use PHP code in a CSS file

Question

I want to find an image source from a MySQL database and assign it to a css style. I just changed the .css extension to .php.

It does work with XAMPP and runs everything I want, but when I uploaded my code in cpanel it didn't work correctly.

I used this code in the css file:

Top of page:

<?php include '../Connections/Base.php'; ?>
 <?php header("Content-type: text/css; charset: UTF-8"); ?>

Some styles:

.box {
    overflow: hidden;
    display:block;
    border:4px solid #171717;
    position:absolute;
    cursor: pointer;
    float:left;
    display: inline-block;
    zoom: 1;
    background:url(<?php 
        $query = "SELECT imape_path FROM MyTable WHERE number='5' LIMIT 1";
        //echo $query;
        if ($result = $mysqli->query($query)) {
            while ($row = $result->fetch_assoc()) {
                echo $row['imape_path'];
            }
        }
 ?>) no-repeat;
}

How can I fix this problem?

You will need to change file type to .php and echo current css code inside that , though this method is not preferred. — Sashant Pardeshi
– Sashant Pardeshi, Commented Jun 14, 2015 at 12:16
if i change css codes to php echo , can HTML tags give data from php echo and convert it to css style? — Mojtaba Shv
– Mojtaba Shv, Commented Jun 14, 2015 at 12:18
Note that: my codes doing work with XAMPP but it have problem with CPanel — Mojtaba Shv
– Mojtaba Shv, Commented Jun 14, 2015 at 12:20
It don't get any errors, just It don't set css style to HTML tags, Tables and divs in HTML will be tumultuous — Mojtaba Shv
– Mojtaba Shv, Commented Jun 14, 2015 at 12:30

Oliver Gondža · Accepted Answer · 2015-06-14 15:43:05Z

2

Personally, I do not think this is the right problem to address.

The whole point in separating markup and styles is to simplify things. I see very little value in separating it so rigidly you have to mix css, php and sql instead (you just moved the same problem elsewhere).

My suggestion is to configure .box's background using inline css in the html page itself and inject the url as any other value:

<div class="box" style="background: url('<?php ... ?>')">...</div>

edited Jun 14, 2015 at 15:43

answered Jun 14, 2015 at 12:49

Oliver Gondža

3,5405 gold badges32 silver badges55 bronze badges

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

Comments

ryansin · Accepted Answer · 2017-04-10 13:34:59Z

0

You could try keeping the .css extension on the file with PHP code, and setting a rule in .htaccess to parse the file as PHP (source).

<FilesMatch "^.*?style.*?$">
SetHandler php5-script
</FilesMatch>

answered Apr 10, 2017 at 13:34

ryansin

1,8573 gold badges28 silver badges54 bronze badges

Collectives™ on Stack Overflow

How can I use PHP code in a CSS file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related