Note that there are some explanatory texts on larger screens.

plurals
  1. POApplying isolated CSS to PHP
    primarykey
    data
    text
    <p>I've built my current site into a mashup of HTML &amp; PHP. I originally embedded CSS to each individual page. I'm using a PHP include for the separate header &amp; footer PHP files. I've linked the footer.php &amp; header.php to their respective .css files, and it works to a degree, but it seems that CSS is "bleeding through" to both the header and footer PHP files.</p> <p>For instance, I'll apply a dark gray to my body text &amp; links to my footer.css file:</p> <pre><code>&lt;style type="text/css"&gt; &lt;!-- body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #808080; } a:link { color: #808080 ; } a:visited { color: #808080 ; } body { background-image: url(); background-repeat:repeat-x; background-color: #000000; } .style4 {font-size: 13px} --&gt; #footer { width: 100%; height: 20%; background: #181818 ; } //footer-nav style #footer-nav { list-style-type: none; padding: 0; float: center; } #footer-nav li { display: inline; } #footer-nav li a { float: center; text-align: center; background: none; margin-left: 15px; margin-right: 15px; text-decoration: none; height: 23px; line-height: 23px; } &lt;/style&gt; </code></pre> <p>`</p> <p>This is then transferring over to my header.php file and changing the links to a dark gray (which shouldn't be happening as I'm linking header.php to it's own header.css file).</p> <p>What I'm essentially trying to achieve is a dynamic header &amp; footer linking system on my website so that I can easily update all headers &amp; footers site-wide by replacing just one file in case of an added link, service, etc. </p> <p>If there is a more efficient way of doing this please let me know!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload