css not working from .css file unless from file itself

Question

I have a div on my page that contains breadcrumb with php code, but when I style it with css it doesn't.

I mean if I put styling code in css file & link that file to my file.php it doesn't work unless I put styling code on file.php.

any solution for this ?

Code in file.php

<div class="s_crumb">
<?php
    $Pages = array(
      'Clothes' => 'Clothes',
      'file' => 'File'
    );

    $path = $_SERVER["PHP_SELF"];
    $parts = explode('/',$path);
    if (count($parts) < 2)
    {
    echo("home");
    }
    else
    {
    echo ("<a href=\"http://domain.com\">Home</a> &raquo; ");
    for ($i = 2; $i < count($parts); $i++)
        {
        if (!strstr($parts[$i],"."))
            {
            echo("<a href=\"");
            for ($j = 0; $j <= $i; $j++) {echo $parts[$j]."/";};
            echo("\">". str_replace('-', ' ', $Pages[$parts[$i]])."</a> &raquo; ");
            }
        else
            {
            $str = $parts[$i];
            $pos = strrpos($str,".");
            $parts[$i] = substr($str, 0, $pos);
            echo str_replace('-', ' ', $Pages[$parts[$i]]);
            };
        };
    };  
?>
</div>

CSS code

<style>
.s_crumb a {color:#848484;text-decoration:none;}
.s_crumb a:visited {color:#848484;text-decoration:none;}
.s_crumb a:hover {color:#bebebe;text-decoration:none;}
</style>

how you are adding css file into this file? tell us. Are you doing something like this:- <link href="css/my.css" rel="stylesheet" type="text/css"> — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Feb 14, 2017 at 11:16
all other divs with styling works the way i linked my css file but only this one doesn't work here is how i linked my css file <link href="css/css.css" rel="stylesheet" type="text/css"> @Anant — Mm Pp
– Mm Pp, Commented Feb 14, 2017 at 11:20
@Samir what i think, maybe it's because the page loads php code first then that div can't get styling from css file ? — Mm Pp
– Mm Pp, Commented Feb 14, 2017 at 11:23

Death-is-the-real-truth · Accepted Answer · 2017-02-14 11:29:56Z

1

Two things:-

Add style like below:-

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

Multiple time due to cache css file are not working. So try to remove your cache and then check

Also css.css need to be like below:-

.s_crumb a {color:#848484;text-decoration:none;}
.s_crumb a:visited {color:#848484;text-decoration:none;}
.s_crumb a:hover {color:#bebebe;text-decoration:none;}

remove <style> and </style> from there

Note:- i tired your code and working fine at my end.

edited Feb 14, 2017 at 11:29

answered Feb 14, 2017 at 11:28

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

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

Collectives™ on Stack Overflow

css not working from .css file unless from file itself

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related