2013-10-09 38 views
1

我创建了PHP接受$ _GET方法数据的文件。PHP CSS ::内联工作但不包括内部和外部样式表

之后,我使用所有数据创建HTML页面。数据没有错,但在CSS我不能设计HTML元素的样式。除了内联样式外,该功能可行,但不适合维护。

我尝试使用这样的,但它不能正常工作,请帮助

预先感谢

使用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> 
+0

你的php和html是否在同一个文件中? – vishalkin

+0

是的,先生!?它在同一个文件中,但文件名是example.php –

+0

它对我使用外部css链接。 – vishalkin

回答

0

当您从移动你的CSS内联到样式表文件,您必须使用Ctrl + F5刷新页面。也许它来自缓存。 你也可以通过jQuery将你的CSS分配给图像。

0

我没有看到任何外部样式表的引用,所以你好像忘了这么做。

把这一行

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

某处的头部。也许在脚本标记之前。

确保您将路径调整为您的样式表。

0
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>