2017-04-01 16 views
-1

私は訪問者が写真をアップロードして他のリンクで見ることを可能にするウェブサイトを作った。ここにmijnのウェブサイトhttp://sixpi.nl/devとここに私のコードです。 私の質問は、media.phpページを見栄えよくする方法です。そして、それをCSSでどのように編集できますか? media.phpをこのようにしたい(http://pexels.com)ありがとう。私のPHPファイルをstyle.cssで編集するにはどうしたらいいですか?

これは私のHTMLファイルには、これはこれは私のメディアリンクは、アップロードされた画像をALLEある

<!DOCTYPE html> 
<html> 
<head> 
<body> 

<a href="media.php">Kijk alle media!</a> 

<img id="preview" alt="your image" width="100" height="100" /> 


<form action="upload.php" method="post" id="myForm" enctype="multipart/form-data"> 
    Select file to upload: 
    <input type="file" name="fileToUpload" id="fileToUpload" onchange="document.getElementById('preview').src = window.URL.createObjectURL(this.files[0])"> 
    <button name="submit" class="btn btn-primary" type="submit" value="submit">Upload File</button> 
</form> 

</body> 
</head> 
</html> 

upload.phpと呼ばれる私のアップロードスクリプトです

<!DOCTYPE html> 
<html> 
<head> 
<body> 

<a href="media.php">Kijk alle media!</a> 
<script src="javascript.js"></script> 
<img id="preview" alt="your image" width="100" height="100" /> 
<form action="upload.php" method="post" id="myForm" enctype="multipart/form-data"> 
    Select file to upload: 
    <input type="file" name="fileToUpload" id="fileToUpload" onchange="document.getElementById('preview').src = window.URL.createObjectURL(this.files[0])"> 
    <button name="submit" class="btn btn-primary" type="submit" value="submit">Upload File</button> 

</form> 
</body> 
</head> 
</html> 

index.htmlを呼ばれていますmedia.phpと表示されます

<?php 
    $files = glob("upload/*.*"); 
    for ($i=1; $i<count($files); $i++) 
     { 
     $image = $files[$i]; 
     $supported_file = array(
       'gif', 
       'jpg', 
       'jpeg', 
       'png' 
     ); 

     $ext = strtolower(pathinfo($image, PATHINFO_EXTENSION)); 
     if (in_array($ext, $supported_file)) { 
      echo $image ."<br />"; 
      echo '<img src="'.$image .'" alt="Random image" width="600" height="480" />'."<br /><br />"; 
      } else { 
       continue; 
      } 
      } 

     ?> 
+0

PHPでHTMLをエコーし​​ています。スタイリングは、HTMLのスタイリングと変わりありません。 –

+0

しかし、どのように私はPHPの要素にスタイルを与えることができますか? PHPの要素にidを与えるか?もしそうなら、どうしたらいいですか? – SixPi

+0

これは、 "php要素"の意味に完全に依存します。 –

答えて

0

HTMLコード全体をエコーするだけで、スタイルを使用できます。ここに例があります:

ここで、あなたのCSSにmyClassというクラスをスタイルすることができます。

ループを使用したくない場合は、これが役に立ちます。

<div class="myClass"></div> 

phpは任意のhtmlを二重引用符で囲むことができます。これが役に立ちますようお願いいたします:)

関連する問題