title: When Xampp is connected, my CSS wont show up as if it isn't linked to my index.php, when it is
body: <p>Ok. i have seen my website in action with the html extensionson it, Now i am attempting to upload it to my local Xampp server so that i can attach PHP to it.  So now its definitely connected because i wrote a small script to print out information that was put into a form and the script worked. the only issue is that when i run the site from my editor the CSS is applied fine just how i wanted it. but when i run it from my localhost so that the script can be ran as well i lose my CSS and none of my links seem to be clickable or connected.  I have been reviewing PHP tutorials for 3 days now and i cant seem to get my Page to come up with THE CSS and all the links connected when going thru thru the xampp localhost. </p>
  
  <p>i didn't think it was necessary to post up code that i know works but if that would help anybody help me then i will gladly post it. please just let me know. this is a crisis. i need you guys, please some one be my hero!</p>
  
  <pre><code> &lt;head&gt;
      &lt;title&gt; Black America Rising Web Radio &lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;link rel="stylesheet" href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARwebstyle.css" type="text/css" media="screen"&gt;
      &lt;link rel="icon" 
        type="image/png" 
        href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/gbtdmini.png" width= "16px" height= "16px"&gt;
  &lt;/head&gt;
  
  &lt;body background="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/skyBG.jpg"&gt;
  
      &lt;div class="navigation"&gt;
  
          &lt;nav class="mainNav"&gt;
              &lt;ul&gt;
                  &lt;li class="active"&gt;&lt;a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARwebradio.php"&gt; HOME &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARPurpose.php"&gt; OUR PURPOSE &lt;/a&gt;&lt;/li&gt;              
                  &lt;li&gt;&lt;a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARSchedule.php"&gt; SCHEDULE &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARArchive.php"&gt; ARCHIVE &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BAROBFNews.php"&gt; OBF NEWS &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARYourVoice.php"&gt; YOUR VOICE &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARContact.php"&gt; CONTACT US &lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
  
  
  
          &lt;nav class="userNav"&gt;  
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio/subscribe.php"&gt; SUBSCRIBE &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt; LOGIN &lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
          &lt;/nav&gt;
      &lt;/div&gt;
  
  
      &lt;div class= "sliderBox"&gt;
          &lt;div class="logo"&gt;
              &lt;img  src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/Black-America-Rising-logo.png" alt="Logo" &gt;
          &lt;/div&gt; 
          &lt;section&gt;
              &lt;h4&gt;
                  “What became of the Black People of Sumer?” the traveler asked the old man,&lt;br&gt; 
                  “for ancient records show that the people of Sumer were Black.  &lt;br&gt;
                  What happened to them?”  “Ah,” the old man sighed.&lt;br&gt;
                  “They lost their history, so they died.”&lt;br&gt;
                                                             - A Sumer Legend
              &lt;/h4&gt;
          &lt;/section&gt;
      &lt;/div&gt;
      &lt;div class= "wrapper"&gt;
          &lt;div class= "contentBox"&gt;
              &lt;div class="sideContent"&gt;
                  &lt;article&gt;
  
                          &lt;h3&gt;About the Host - Malik Green&lt;/h3&gt;
                          &lt;img class= "profile" src= "C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/malikgreenProPic.jpg" alt= "Malik Green profile picture" &gt;
  
                  &lt;br&gt;Malik Green is the author of “The Black-Print - Black America's Blueprint for Achieving Wealth, Prosperity and Respect”; and the founder of the Committee to Organize the One Black Family, 
                  an organization with a mission to inform, educate, inspire, and unite the Black people of America.  This organization is seriously committed to the social, spiritual, political and economic
                  advancement of African Americans and Black people throughout the world. 
                  &lt;br&gt;Malik is also the host of “Black America Rising” a bi-weekly internet radio show dedicated to the same purpose as his book and organizing committee.  
                  His energy and passion for Africans is broadly displayed as he delves into the issues negatively effecting Black people.  His consistent and insistent call for unity among African Americans.  
                  The show focuses on providing solutions to the myriad of social, spiritual, political and economic challenges facing Blacks in America.
                  &lt;br&gt;As the former editor of the blog www.Insightful-Opinion.com; Malik provided political and social commentary on the current state of Black America and America as a whole. 
                  Mr. Green's ultimate goal is to help forge unity and love among our people which is paramount in quest to achieve wealth, prosperity and respect here in America and throughout the world. 
  
                  &lt;/article&gt;
              &lt;/div&gt;  
  
  
              &lt;div class="content"&gt;
  
                  &lt;h3&gt;Black America Rising Internet Radio Show   &lt;/h3&gt;
                  &lt;p&gt;
                      It’s now time for us as a people to take responsibility for our own destiny.  We must realize that the only thing that can stop us, is us!  
                      We must develop the plans, strategies, and organizational structure that will help us meet our challenges and put our people on a path
                      of prosperity never realized in America.  Hoping and waiting for the opposition to bring forth solutions and resources to our people is somewhat delusional. 
                      History is a revealer of truth.  Our history in America has been a struggle to say the least from day one. 
                      What will it take for America to respect the Black people in America?  Answer:  When we stop relying on fiery speeches,
                      protesting and denouncing injustices, relying on politics and politicians as our primary methods for the resolution of our challenges.  
                      These methods indicate weakness; we can no longer be reactive and emotional when we are challenged by the opposition. 
                       The cry for jobs, justice, equality and fairness of opportunity portrays us an inferior people, who is always hat-in-hand.  We must educate our people about our history, 
                       our forefathers and their great achievements to mankind and the creators of the first great civilization.  We must inspire our people to reclaim the greatest of our ancestors, 
                      or else continue on this most dreadful path of self-destruction.
  
                  &lt;/p&gt;
  
              &lt;/div&gt;
  
  
          &lt;div class="sideContent2"&gt;
              &lt;iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/184213882%3Fsecret_token%3Ds-f9gMU&amp;amp;color=ff5500&amp;amp;auto_play=true&amp;amp;hide_related=false&amp;amp;show_comments=true&amp;amp;show_user=true&amp;amp;show_reposts=false"&gt;&lt;/iframe&gt;
          &lt;/div&gt;
  
          &lt;/div&gt;
  
  
      &lt;!--I AM BUILDING THE 3 BOXES UNDERNEATH CONTAINING  NEW, SCHEDULE, AND TOP 3 ARTICLES!!! --&gt;
  
      &lt;div class= "contentTray"&gt;
          &lt;div class="popboxLeft"&gt;
  
                  &lt;h5&gt;Popular Articles&lt;/h5&gt;
                  &lt;div class= "icons"&gt;    
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href= "https://www.facebook.com/malik.green.127?ref=eyJzaWQiOiIwLjIwMzA1ODMwNTQyOTI5NDciLCJxcyI6IkpUVkNKVEl5VFdGc2FXc2xNakJIY21WbGJpVXlNaVUxUkEiLCJndiI6Ijc0NjZjMjBhYzg5ZjQ3ZDYxODVmM2E2NTE0NjFjMWIxYmFjOWE4MmQifQ"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/fbicon.jpg" alt="faceboock icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/yticon.jpg" alt="Youtube icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;br&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/twittericon.png" alt="Twitter icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/pdicon.jpg" alt="Podcast icon" width="50px" height= "50px"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;br&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/TIicon.jpg" alt="Tunein icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/spreakicon.jpg" alt="Spreaker icon"&gt;&lt;a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="schedboxCenter"&gt;
  
                      &lt;h5&gt;Tune in your way!&lt;/h5&gt;
                  &lt;div class= "icons"&gt;    
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href= "https://www.facebook.com/malik.green.127?ref=eyJzaWQiOiIwLjIwMzA1ODMwNTQyOTI5NDciLCJxcyI6IkpUVkNKVEl5VFdGc2FXc2xNakJIY21WbGJpVXlNaVUxUkEiLCJndiI6Ijc0NjZjMjBhYzg5ZjQ3ZDYxODVmM2E2NTE0NjFjMWIxYmFjOWE4MmQifQ"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/fbicon.jpg" alt="faceboock icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/yticon.jpg" alt="Youtube icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;br&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/twittericon.png" alt="Twitter icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/pdicon.jpg" alt="Podcast icon" width="50px" height= "50px"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;br&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/TIicon.jpg" alt="Tunein icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/spreakicon.jpg" alt="Spreaker icon"&gt;&lt;a&gt;&lt;/li&gt;
                  &lt;/div&gt;
              &lt;/div&gt;  
  
  
              &lt;div class="newsboxRight"&gt;
  
                  &lt;h5&gt;OBF News Highlights&lt;/h5&gt;
                  &lt;div class= "icons"&gt;    
                  &lt;ul&gt;
                  &lt;li&gt;&lt;a href= "https://www.facebook.com/malik.green.127?ref=eyJzaWQiOiIwLjIwMzA1ODMwNTQyOTI5NDciLCJxcyI6IkpUVkNKVEl5VFdGc2FXc2xNakJIY21WbGJpVXlNaVUxUkEiLCJndiI6Ijc0NjZjMjBhYzg5ZjQ3ZDYxODVmM2E2NTE0NjFjMWIxYmFjOWE4MmQifQ"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/fbicon.jpg" alt="faceboock icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/yticon.jpg" alt="Youtube icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;br&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/twittericon.png" alt="Twitter icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/pdicon.jpg" alt="Podcast icon" width="50px" height= "50px"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;br&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/TIicon.jpg" alt="Tunein icon"&gt;&lt;a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href= "#"&gt;&lt;img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/spreakicon.jpg" alt="Spreaker icon"&gt;&lt;a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- IMAGES FOR THE PAGE ENDING --&gt;
  
  
  
      &lt;div id="copyright" class="footer"&gt;
              &lt;p&gt;&amp;copy; 2014 Black America Rising All Rights Reserved.&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;/body&gt;
  </code></pre>