CodeIgniter css样式不显示问题
这是我的引用css的代码
<!DOCTYPE html><html lang="en"><head> <title><?php echo $title ?> - News</title><style type="text/css"><link type="text/css" rel="stylesheet" href="<?=$this->config->item('base_url');?>css/yangshi.css" /></style></head><body> <h1 id="News">News</h1>这是我的config.php的文件
$config['base_url'] = 'http://127.0.0.1/myPhpStudy/index.php/';
这是生成页面后的源代码，点击href连接显示404，我怀疑可能路径错误，可是我不知道哪里错了
<!DOCTYPE html><html lang="en"><head> <title>Create a news item - News</title><style type="text/css"><link type="text/css" rel="stylesheet" href="http://127.0.0.1/myPhpStudy/index.php/css/yangshi.css" /></style></head><body> <h1 id="News">News</h1><h2 id="Create-nbsp-a-nbsp-news-nbsp-item">Create a news item</h2> <form action="http://127.0.0.1/myPhpStudy/index.php/news/create" method="post" accept-charset="utf-8"> <label for="title">Title</label> <input type="input" name="title" /><br /><br /> <label for="text">Text</label> <textarea name="text"></textarea><br /> <br/> <input type="submit" name="submit" value="Create news item" /> <span class="feifei">wsdfsfdsa</span></body> </html>
我的css文件夹和header.php页面都是在news文件夹下面的，不知道到底哪里错了，请大牛指点啊，本人是刚刚接触php的
回复讨论(解决方案)
这是有效地路径吗？
难道 index.php 是目录？
$config['base_url'] = 'http://127.0.0.1/myPhpStudy/index.php/';
是路径
" />试试？
" />试试？
不行啊
href=""这个在页面上打印出来的连接发出来看看
href=""这个在页面上打印出来的连接发出来看看
href="http://127.0.0.1/myPhpStudy/index.php/css/yangshi.css" />
<link type="text/css" rel="stylesheet" href="<?=dirname($this->config->item('base_url'));?>/css/yangshi.css" />
<link type="text/css" rel="stylesheet" href="<?=dirname($this->config->item('base_url'));?>/css/yangshi.css" />这个也不行啊
贴出的的目录结构
并指出你的文件的位置
在网站直接输入http://127.0.0.1/myPhpStudy/index.php/css/yangshi.css能访问吗？是不是css这个目录限制访问的？
在网站直接输入http://127.0.0.1/myPhpStudy/index.php/css/yangshi.css能访问吗？是不是css这个目录限制访问的？
显示404 Page Not Found
贴出的的目录结构
并指出你的文件的位置
执行的文件为 myPhpStudy/index.php
样式表在 myPhpStudy/application/css 中
所以样式表的路径应为
dirname($this->config->item('base_url')) . '/application/css/'
执行的文件为 myPhpStudy/index.php
样式表在 myPhpStudy/application/css 中
所以样式表的路径应为
dirname($this->config->item('base_url')) . '/application/css/'
这个也不行，这个连接点开后是404 Page Not Found
我在myPhpStudy下面加上.htaccess文件，然后访问就会出现Internal Server Error
RewriteEngine On
RewriteEngine on
RewriteCond $1 !^(index\.php|images|css|robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]
谢谢你们，问题已经解决了，是wampserver下面的一个配置文件出错了
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
What does placeholder mean in vue
May 07, 2024 am 09:57 AM
In Vue.js, the placeholder attribute specifies the placeholder text of the input element, which is displayed when the user has not entered content, provides input tips or examples, and improves form accessibility. Its usage is to set the placeholder attribute on the input element and customize the appearance using CSS. Best practices include being relevant to the input, being short and clear, avoiding default text, and considering accessibility.
Samsung will provide displays for Microsoft's MR headsets, and the devices are expected to be lighter and have clearer displays
Aug 10, 2024 pm 09:45 PM
Recently, Samsung Display and Microsoft signed an important cooperation agreement. According to the agreement, Samsung Display will develop and supply hundreds of thousands of OLEDoS panels for mixed reality (MR) head-mounted devices to Microsoft. Microsoft is developing an MR device for multimedia content such as games and movies. This device is expected to It will be launched after the OLEDoS specifications are finalized, mainly serving the commercial field, and is expected to be delivered as early as 2026. OLEDoS (OLED on Silicon) technology OLEDoS is a new display technology that deposits OLED on a silicon substrate. Compared with traditional glass substrates, it is thinner and has higher pixels. OLEDoS display and ordinary display
What is node in js
May 07, 2024 pm 09:06 PM
Nodes are entities in the JavaScript DOM that represent HTML elements. They represent a specific element in the page and can be used to access and manipulate that element. Common node types include element nodes, text nodes, comment nodes, and document nodes. Through DOM methods such as getElementById(), you can access nodes and operate on them, including modifying properties, adding/removing child nodes, inserting/replacing nodes, and cloning nodes. Node traversal helps navigate within the DOM structure. Nodes are useful for dynamically creating page content, event handling, animation, and data binding.
What language is the browser plug-in written in?
May 08, 2024 pm 09:36 PM
Browser plug-ins are usually written in the following languages: Front-end languages: JavaScript, HTML, CSS Back-end languages: C++, Rust, WebAssembly Other languages: Python, Java
How to set unknown attributes in vscode vscode method to set unknown attributes
May 09, 2024 pm 02:43 PM
1. First, open the settings icon in the lower left corner and click the settings option. 2. Then, find the CSS column in the jumped window. 3. Finally, change the drop-down option in the unknownproperties menu to the error button.
Can less files in vue introduce data?
May 07, 2024 pm 12:06 PM
Yes, Less files in Vue can introduce data through CSS variables and Less mixins: create a JSON file containing data. Import JSON files using the @import rule. Access JSON data using CSS variables or Less mixins.
How to use less style in vue
May 07, 2024 pm 12:03 PM
Using LESS styles in Vue improves code maintainability and extensibility, specifically: Install the LESS compiler and LESS language plugin. Use lang="less" in the .vue file to specify the LESS style. Configure webpack in the Vue.js configuration file to compile LESS to CSS. The main advantages of the LESS style include: Using variables enhances maintainability and reusability. Use blending to simplify the use of repeating styles. Use functions to easily handle color and style manipulation.
Graphical steps for setting the default properties of CSS in Visual Studio 2019
May 09, 2024 pm 02:01 PM
1. Open Visual Studio 2019, find its option settings, and click CSS. 2. Here you can see the technical settings of the following attributes. 3. Now you can set text and fill borders here. 4. At this time, you can also set the floating positioning here. 5. At this moment, you can also set the border and background here to complete the operation. 6. Finally, click the OK button here to set the CSS default properties.
