当 Xampp 连接时，我的 CSS 不会显示为好像它没有链接到我的 index.php，当它是
Posted
技术标签:
【中文标题】当 Xampp 连接时，我的 CSS 不会显示为好像它没有链接到我的 index.php，当它是【英文标题】：When Xampp is connected, my CSS wont show up as if it isn't linked to my index.php, when it is 【发布时间】：2015-03-15 08:03:14 【问题描述】：好的。我已经看到我的网站使用 html 扩展名在运行，现在我正在尝试将它上传到我的本地 Xampp 服务器，以便我可以将 php 附加到它。所以现在它肯定是有联系的，因为我写了一个小脚本来打印出放入表单的信息并且脚本工作。唯一的问题是，当我从我的编辑器运行网站时，CSS 应用得很好，就像我想要的那样。但是当我从本地主机运行它以便脚本也可以运行时，我丢失了我的 CSS，并且我的链接似乎都不可点击或连接。我已经审查 PHP 教程 3 天了，当通过 xampp localhost 时，我似乎无法让我的页面提供 CSS 和所有连接的链接。
我认为没有必要发布我知道有效的代码，但如果这能帮助任何人帮助我，那么我很乐意发布它。请告诉我。这是一场危机。我需要你们，请有人成为我的英雄！
<head>
<title> Black America Rising Web Radio </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARwebstyle.css" type="text/css" media="screen">
<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">
</head>
<body background="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/skyBG.jpg">
<div class="navigation">
<nav class="mainNav">
<ul>
<li class="active"><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARwebradio.php"> HOME </a></li>
<li><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARPurpose.php"> OUR PURPOSE </a></li>
<li><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARSchedule.php"> SCHEDULE </a></li>
<li><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARArchive.php"> ARCHIVE </a></li>
<li><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BAROBFNews.php"> OBF NEWS </a></li>
<li><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARYourVoice.php"> YOUR VOICE </a></li>
<li><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\BARContact.php"> CONTACT US </a></li>
</ul>
</nav>
<nav class="userNav">
<ul>
<li><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio/subscribe.php"> SUBSCRIBE </a></li>
<li><a href="#"> LOGIN </a></li>
</ul>
</nav>
</div>
<div class= "sliderBox">
<div class="logo">
<img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/Black-America-Rising-logo.png" >
</div>
<section>
<h4>
“What became of the Black People of Sumer?” the traveler asked the old man,<br>
“for ancient records show that the people of Sumer were Black. <br>
What happened to them?” “Ah,” the old man sighed.<br>
“They lost their history, so they died.”<br>
- A Sumer Legend
</h4>
</section>
</div>
<div class= "wrapper">
<div class= "contentBox">
<div class="sideContent">
<article>
<h3>About the Host - Malik Green</h3>
<img class= "profile" src= "C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/malikgreenProPic.jpg" alt= "Malik Green profile picture" >
<br>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.
<br>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.
<br>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.
</article>
</div>
<div class="content">
<h3>Black America Rising Internet Radio Show </h3>
<p>
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.
</p>
</div>
<div class="sideContent2">
<iframe scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/184213882%3Fsecret_token%3Ds-f9gMU&color=ff5500&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
</div>
</div>
<!--I AM BUILDING THE 3 BOXES UNDERNEATH CONTAINING NEW, SCHEDULE, AND TOP 3 ARTICLES!!! -->
<div class= "contentTray">
<div class="popboxLeft">
<h5>Popular Articles</h5>
<div class= "icons">
<ul>
<li><a href= "https://www.facebook.com/malik.green.127?ref=eyJzaWQiOiIwLjIwMzA1ODMwNTQyOTI5NDciLCJxcyI6IkpUVkNKVEl5VFdGc2FXc2xNakJIY21WbGJpVXlNaVUxUkEiLCJndiI6Ijc0NjZjMjBhYzg5ZjQ3ZDYxODVmM2E2NTE0NjFjMWIxYmFjOWE4MmQifQ"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/fbicon.jpg" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/yticon.jpg" ><a></li>
<br>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/twittericon.png" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/pdicon.jpg" height= "50px"><a></li>
<br>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/TIicon.jpg" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/spreakicon.jpg" ><a></li>
</ul>
</div>
</div>
<div class="schedboxCenter">
<h5>Tune in your way!</h5>
<div class= "icons">
<ul>
<li><a href= "https://www.facebook.com/malik.green.127?ref=eyJzaWQiOiIwLjIwMzA1ODMwNTQyOTI5NDciLCJxcyI6IkpUVkNKVEl5VFdGc2FXc2xNakJIY21WbGJpVXlNaVUxUkEiLCJndiI6Ijc0NjZjMjBhYzg5ZjQ3ZDYxODVmM2E2NTE0NjFjMWIxYmFjOWE4MmQifQ"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/fbicon.jpg" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/yticon.jpg" ><a></li>
<br>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/twittericon.png" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/pdicon.jpg" height= "50px"><a></li>
<br>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/TIicon.jpg" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/spreakicon.jpg" ><a></li>
</div>
</div>
<div class="newsboxRight">
<h5>OBF News Highlights</h5>
<div class= "icons">
<ul>
<li><a href= "https://www.facebook.com/malik.green.127?ref=eyJzaWQiOiIwLjIwMzA1ODMwNTQyOTI5NDciLCJxcyI6IkpUVkNKVEl5VFdGc2FXc2xNakJIY21WbGJpVXlNaVUxUkEiLCJndiI6Ijc0NjZjMjBhYzg5ZjQ3ZDYxODVmM2E2NTE0NjFjMWIxYmFjOWE4MmQifQ"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/fbicon.jpg" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/yticon.jpg" ><a></li>
<br>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/twittericon.png" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/pdicon.jpg" height= "50px"><a></li>
<br>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/TIicon.jpg" ><a></li>
<li><a href= "#"><img src="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio\Bar Media/spreakicon.jpg" ><a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- IMAGES FOR THE PAGE ENDING -->
<div id="copyright" class="footer">
<p>© 2014 Black America Rising All Rights Reserved.</p>
</div>
</body>
【问题讨论】：
总是邮政编码。你可能忽略了别人可能会指出的东西。如果您不发布代码，我们将无法尝试帮助您。 sOK 那么我应该发布哪部分代码.. 我有 9 个 php 页面，包括索引和 aCSS 页面.. 有很多代码要发布，我无法确定问题出在哪里跨度> 【参考方案1】：您正在使用本地 PC 上用户文档区域的绝对路径。
如果您已将文件移动到 XAMPP 目录，则它们不再存在于 C:/users/ 中，您需要使用相对路径。
例如
<li><a href="C:\Users\menta_000\Documents\internet talk show\htdocs\Barwebradio/subscribe.php"> SUBSCRIBE </a></li>
应该是
<li><a href="subscribe.php"> SUBSCRIBE </a></li>
和
<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">
应该是
<link rel="icon" type="image/png" href="Bar Media/gbtdmini.png" width= "16px" height= "16px">
【讨论】：
谢谢伙计..我真的不明白我怎么会忘记它..它现在工作得很好..我真的很感谢你的帮助！以上是关于当 Xampp 连接时，我的 CSS 不会显示为好像它没有链接到我的 index.php，当它是的主要内容，如果未能解决你的问题，请参考以下文章
CSS / HTML / JS 不更新 XAMPP（本地开发）
CSS / HTML / JS 不更新 XAMPP（本地开发）
CSS 不会在 XAMPP 上的 Laravel 8 + Jetstream 中加载