2016-03-21 16 views
-2

この質問は豊富に尋ねられていますが、私は他のスレッドの一般的な要点を把握するにはあまりにも初心者です。私自身の質問に私自身のコードに固有の質問をします。外部のスタイルシートを使用したPHP出力のスタイル設定

私は、私のPHPフォームがフォームの提出に続いて、外部CSSを使ってテキスト、背景、レイアウトなどのスタイルに従うようにテキストをスタイルしたいと思います。

私の現在のPHPはこれです:

<?php 
// pull out the values from the request stream sent by the form 
// and store those values into memory variables 

$email = $_REQUEST['email']; 
$webmail = $_REQUEST['subject']; 
$firstName = $_REQUEST['Firstname']; 
$lastName = $_REQUEST['Lastname']; 
$sex  = $_REQUEST['sex']; 
$to = '[email protected]'; 
$comment =$_REQUEST['comment']; 
$subject =$_REQUEST['subject']; 


$header = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"'; 
$header .= ' "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">'; 
$htmlhead = '<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">'; 
$htmlhead .= '<head><title>Getting Student Info</title>'; 
$htmlhead .= '<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>'; 
$htmlbody = '<body>'; 

// use the variables that store the information sent from the form. 
mail($to, $subject,"You have received the following feedback:". $comment, "from " . $firstName . " " . $lastName, "From: $email"); 
$htmlbody .= '<div class="formSubmissionText">'; 
$htmlbody .= "<h1>Processing a form</h1>"; 
$htmlbody .= "<p>Thank you " . $firstName . " " . $lastName; 
$htmlbody .= ". We've recieved an email from your email address: " . $email . ", and will be respond as soon as possible!</p>"; 
$htmlbody .= "</div></body></html>"; 

// use echo to write all the information out back to the browser 
echo $header . $htmlhead . $htmlbody; 
?> 
+0

あなたはあなたの問題が何かを正確に記述していませんか?コードを実行するとどうなりますか?出力とターゲットの違いは何ですか? –

+0

私はレスポンスを感謝しますが、私の知識の欠如と私の現在の「ウィングイン」の意味がどういう意味なのか、ごめんなさい、ごめんなさい:/ – Billy

+0

私が使用している私の外部スタイルシートの1つに接続したいフォームが掲載されるウェブサイトのために。しかし、そうする方法がわからない。私は、私が引き起こした混乱をお詫びします。 – Billy

答えて

0

は、単にあなたのHTML要素にクラスを追加する - あなたは、動的に同じスタイル規則が適用されますPHPからHTMLを出力しているにもかかわらず。あなたがそのような子要素のスタイルを設定することができますので、あなたは、含むDIVに適用されるクラスを持っている:

/* The Container */ 
.formSubmissionText { background:#ff0000; } 
/* The Heading */ 
.formSubmissionText h1 { font-weight:bold; } 
/* The Paragraph */ 
.formSubmissionText p { fonr-size:24px; } 

あなたはの.cssファイルにあなたのスタイリングを書くことができ、その後<head>...</head>セクションにそれを含める:

<link rel="stylesheet" type="text/css" href="/css/my-stylesheet.css"/> 
+0

ああ、私の目標とまったく同じですね!だから私があなたのスタイルシートをあなたがデモンストレーションした方法でリンクしていたら、単に例のために、テキストの色が赤であるというように、出力にexample divをどのように適用するのでしょうか? – Billy

+0

私は今スタイルシートをリンクし、すべてのテキストを赤色に適用することができました。とてもありがとうございます。私が他の問題にぶつかったら、あなたはとても親切で助けてくれますか? – Billy

+0

'.formSubmissionText {color:#ff0000;}' - 私はあなたが少しCSSを読むべきだと思います:http://www.w3schools.com/css/ –

関連する問題