CSS不在网站上工作

时间:2015-11-25 12:54:44

标签: javascript jquery html css codeigniter

我在这里有一个网站 - http://74.208.43.187:8080/partylifeusa/

我正在通过css没有加载问题我已经在网上检查了几个其他问题以弄清楚这一点。但这一个看起来很奇怪

Console上没有Javascript错误。在Inspect元素的Network选项卡中,一切都在加载,包括我的style.css文件

我无法知道确切的问题,因为没有js错误,并且所有css都在inspect元素的Network标签中加载

任何人都可以建议我解决这个问题我会非常感激

以下三个文件可以显示页眉,页脚和其他内容的正确图像

www.jjdealsandsteals.us/1.PNG

www.jjdealsandsteals.us/3.PNG

www.jjdealsandsteals.us/2.PNG

2 个答案:

答案 0 :(得分:1)

似乎您的css未加载,因为找不到..请参阅控制台错误:

    http://74.208.43.187:8080/fonts.googleapis.com/css5c84.css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800 Failed to load resource: the server responded with a status of 404 (Not Found)
http://74.208.43.187:8080/fonts.googleapis.com/css2f8a.css?family=Lusitana:400,700 Failed to load resource: the server responded with a status of 404 (Not Found)
(index):58 Uncaught TypeError: $(...).autocomplete is not a function

请务必提供真实的工作路径并检查控制台错误..您需要修复:

     <link rel="stylesheet" type="text/css" href="http://74.208.43.187:8080/partylifeusa/public/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="http://74.208.43.187:8080/partylifeusa/public/font-awesome/css/font-awesome.min.css" />

    <script type="text/javascript" src="http://74.208.43.187:8080/partylifeusa/public/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://74.208.43.187:8080/partylifeusa/public/bootstrap/js/bootstrap.min.js"></script>

    <link href='../../../../fonts.googleapis.com/css2f8a.css?family=Lusitana:400,700' rel='stylesheet' type='text/css'>
    <link href='../../../../fonts.googleapis.com/css5c84.css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href="http://74.208.43.187:8080/partylifeusa/public/style/common.css" rel="stylesheet">
    <link href="http://74.208.43.187:8080/partylifeusa/public/style/style.css" rel="stylesheet">
    <link href="http://74.208.43.187:8080/partylifeusa/public/style/color.css" rel="stylesheet">

    <link href="http://74.208.43.187:8080/partylifeusa/public/style/responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <!-- Custom CSS -->

    <!--[if lt IE 9]><link rel="stylesheet" href="style/ie.css" type="text/css" /><![endif]-->
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

    <link href="http://74.208.43.187:8080/partylifeusa/public/style/slider.css" rel="stylesheet">


    <script src="http://74.208.43.187:8080/partylifeusa/public/js/ckeditor.js"></script>
    <script src="http://74.208.43.187:8080/partylifeusa/public/js/sample.js"></script>

    <link rel="stylesheet" href="http://74.208.43.187:8080/partylifeusa/public/style/neo.css">

答案 1 :(得分:1)

您的字体无法加载,因为他们正在尝试在本地引用Google字体(../../../../fonts.googleapis.com)。它们应该被绝对引用(://fonts.googleapis.com)。