PHP CSS ::内联工作,但不是内部和外部样式表

I have created PHP files which accept data from $_GET method.

After that I use all the data I get to create HTML pages. Nothing is wrong with the data but in CSS I cannot style HTML elements. Except when it comes to inline styling, that works but it is not good to maintain.

I try to use like this but it doesn't work , Please Help

THANK IN ADVANCE

Example.php

<?php
$dataCover      = $_GET['dataCover'];
$dataTitle      = $_GET['dataTitle'];
$dataTag        = $_GET['dataTag'];
$dataDir        = $_GET['dataDir'];
$dataYear       = $_GET['dataYear'];
$dataCreated    = $_GET['dataCreated'];
$dataModified   = $_GET['dataModified'];
$userAUID       = $_GET['userAUID'];
$galleryID      = $_GET['galleryID'];
?>

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <style type="text/css" media="all">
        #container img{
            height: 230px;
            width: 200px;
        }
        #container .center{
            display: block;
            margin: 0 auto;
        }
    </style>

    <script src="../lib/jquery-1.10.2.min.js"></script>
    <script src="../lib/jquery.mobile-1.3.1.min.js"></script>
    <script src="../lib/se.js"></script>
</head>

<body>


    <div data-role ="page" id ="page1">
        <div data-role ="header">
            <h1> header </h1>
        </div>

        <div data-role="content">
            <div id="container">
                <img class="center" src="<?echo $dataCover?>" alt=""/>
                <p id="title"><?echo $dataTitle;?></p>
                <p id="tag"><?echo $dataTag;?></p>
                <p id="created">Created : <?echo $dataCreated?></p>
                <p id="modified">modified : <?echo $dataModified?></p>
                <a href="http://54.249.251.55/AUgallery"  target="_blank" data-url="<? echo $dataCreated ?>" rel="external" data-role="button">View Ebook-Gallery</a>
                <a href="<?echo 'http://localhost/webAPP/php/addBookmark.php?userAUID='.$userAUID.'&noteID='.$galleryID?>"data-ajax="false" rel="external" data-role="button">Bookmark</a>
            </div>
        </div>
    </div>

</body>
</html>
dougou3871
dougou3871 你用什么浏览器。由于您使用的是JQM:您确定要在知道如何呈现CSS的设备上测试吗?
大约 7 年之前 回复
drdl18946
drdl18946 我用JQM是连接到某些东西?
大约 7 年之前 回复
dphnn333971
dphnn333971 一切看起来都是正确的,我甚至尝试将代码复制到页面上进行测试,嵌入式CSS对我有用..你能不能给我们更多的信息?如果您使用检查员,您是否可以看到正在应用的任何样式?我们可能还需要了解其他任何因素吗?
大约 7 年之前 回复
douliangpo0128
douliangpo0128 它使用外部CSS链接对我有用。
大约 7 年之前 回复
douzhi9635
douzhi9635 是的先生!?它位于同一个文件中,但文件名是example.php
大约 7 年之前 回复
duanca3415
duanca3415 toolong
大约 7 年之前 回复

3个回答



当您将css从内联移动到样式表文件时,您必须使用Ctrl + F5刷新页面。 也许它来自缓存。

你也可以通过jquery将你的css分配给图像。 </ p>
</ div>

展开原文

原文

When you move your css from inline to style sheet file, you have to refresh your page with Ctrl+F5. Maybe it's coming from the cache. Also you can assign your css to the image by jquery.



我没有看到任何对外部样式表</ strong>的引用,所以好像你忘记了这样做。 </ p>

放置此行</ p>

 &lt; link rel =“stylesheet”type =“text / css”href =“/ css / style  .css“/&gt; 
</ code> </ pre>

头脑中的某个地方。 也许在脚本标记之前。</ p>

确保调整路径</ strong>到样式表。</ p>
</ div>

展开原文

原文

I dont see any reference to any external stylesheet, so it seems like you have forgotten to do this.

Put this line

<link rel="stylesheet" type="text/css" href="/css/style.css" />

Somewhere in the head. Maybe before the script tags.

Make sure you adjust the path to your stylesheet.



 是当你想申请外部css时,你必须在&lt; title&gt;之后给出路径。  &lt; head&gt;中的标签 标签。只需按照html代码
&lt;!DOCTYPE html&gt;
&lt; html&gt;
&lt; head&gt;
&lt; title&gt;&lt; / title&gt;

&lt; link rel =“stylesheet”type =“ text / css“href =”css / style.css“/&gt;
&lt;! - 这里css是保存style.css文件的文件夹名称 - &gt;

&lt; script src = “../lib/jquery-1.10.2.min.js"></script>
&lt; script src =”../ lib / jquery.mobile-1.3.1.min.js“&gt; &lt; / script&gt;
&lt; script src =“../ lib / se.js”&gt;&lt; / script&gt;
&lt; / head&gt;
</ code> </ pre>
</ div >

展开原文

原文

Yes When you want to apply external css you have to  give the path after the <title> tags within the <head> tags .just follow the html code
<!DOCTYPE html>
<html>
<head>
    <title></title>

    <link rel="stylesheet" type="text/css" href="css/style.css" />
<!--Here css is the folder name where you have keep the style.css file -->

    <script src="../lib/jquery-1.10.2.min.js"></script>
    <script src="../lib/jquery.mobile-1.3.1.min.js"></script>
    <script src="../lib/se.js"></script>
</head>

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐