Databases
StackOverflow2013
Postsdbo
POTrouble using separate css files
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTrouble using separate css files
    text
    copied!<p>So I originally created my webpage all in one php file, and all the css styling worked as intended. However, now that I've gone ahead to try to split up the code by putting all the css in its own file, my php page is does not include any of the styling from the css page. I'm sure i've made a simple error, but I can't seem to figure out what I've done wrong. The the link to my folder is Computer --> MWebsite --> Login --> login_template.php and css folder ( --> design.css ). </p> <p>Here's the top of the php page...</p> <p><strong>login_template.php</strong></p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;CarPals&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &lt;link rel="stylesheet" href="design.css"&gt; &lt;/head&gt; &lt;body&gt; </code></pre> <p>and here's the top of the css page just to show how I have it laid out...</p> <p><strong>design.css</strong></p> <pre><code>h1 {text-align: center; color: #bdd0d9 } a {color: #f75d59; text-decoration: underline; } yy2 {color: #808080; font-family: "Comic Sans MS", cursive, sans-serif; font-size:12px;} yy3 {color: #6D9BC6; font-size: 30px; font-family: "palatino linotype", Book Antiqua, Palatino, serif; font-weight:bold;} body {width:100%; background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #4D4D4D))} .dotted {margin:-7px; border: 1px dotted #808080; border-style: none none solid; color: #000; background-color: #F2F2F2; } #outline {background:#696969; position: absolute; top: 0px; margin: -10px; width:1287; height:80px;} #outline-text {position:absolute; top:-12px; left:200px; width:300px;} #break {height:15px} #break2 {height:10px} #break3 {height:15px} #frm { background: #6e6e6e; margin:auto; top:320px; left:857px; width:243px; height:230px; position:absolute; font-family: "Comic Sans MS", cursive, sans-serif; font-size: 7px; font-style: italic; line-height: 24px; font-weight: bold; color: #C0C0C0; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px; border: 1px solid #999; border: inset 1px solid #333; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.7); } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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