2017-03-11 4 views
0

このテーブルのボーダー半径を5pxにするにはどうすればよいですか? cssはphp ajaxファイルのコードにあります。このテーブルにborder-radiusを与える方法は?

<table border='; 
$form_questions_list.='2px align='; 
$form_questions_list.='center> 

このようにCSSを使用したことはありません。これを調整する方法を教えていただけますか?

// AJAX function to load updated survey question List 
add_action('wp_ajax_nopriv_show_updated_question_list', 'show_updated_question_list'); 
add_action('wp_ajax_show_updated_question_list', 'show_updated_question_list'); 
function show_updated_question_list(){ 

global $wpdb; 
$available_questions = $wpdb->get_results("SELECT question_ID, question_text FROM dm_form_questions"); 
$form_questions_list = ''; 

$form_questions_list.='<h1>Add your review questions here:</h1> 
<table border='; 
$form_questions_list.='2px align='; 
$form_questions_list.='center> 
<th style="background-color: #333; color: #FFF; font-size: 15px">Question Text</th> 
<th style="background-color: #AFA; font-size: 15px">Edit</th> 
<th style="background-color: #FAA; font-size: 15px">Delete</th>'; 
foreach ($available_questions as $key) { 
    $form_questions_list.='<tr><td style="text-align: left; width: 500px; padding: 0 5px;">'.$key->question_text.'</td><td><input type='; 
    $form_questions_list.= 'button value='; 
    $form_questions_list.='Edit id='; 
    $form_questions_list.=$key->question_ID; 
    $form_questions_list.=' onclick='; 
    $form_questions_list.='edit_question_text('; 
    $form_questions_list.=$key->question_ID; 
    $form_questions_list.=') ></td>'; 
    $form_questions_list.='<td><input type='; 
    $form_questions_list.= 'button value='; 
    $form_questions_list.='Delete id='; 
    $form_questions_list.=$key->question_ID; 
    $form_questions_list.=' onclick='; 
    $form_questions_list.='delete_question_text('; 
    $form_questions_list.=$key->question_ID; 
    $form_questions_list.=')></td>'; 
    $form_questions_list.='</tr>'; 
    } 

    $form_questions_list.='</table>'; 
    echo $form_questions_list; 
    die(); 

}

ありがとう:

はここで完全な機能コードです!

+0

私の提案は、最初の使用は、それに応じあなたはそれからそれをオーバーライドすることができ、このテーブルのWPのページのページの要素を検査し、CSSが関連していると、どの要素に、彼らはスタイルをレンダリングしたファイルかを確認しています。 – rockStar

+0

私はそれをしました。 CSSはajaxファイル内のコードを使用しています。基本的に、私はこの境界を作る方法を知りたいです:border-radius:5px; –

+1

あなたはCSSの使い方が決まっていないので、CSSを使ったことは一度もありません。 'border'は1990年代後半の非常に古い属性であり、整数([reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table))が必要です。 'align'と同様のケースです。ここではCSSに関連するものはありません(偽の「px」接尾辞は除きますが、これは間違いです)。 –

答えて

0

idをテーブルに追加してみてください。例えば

echo "<table id=\"info_table\" border=2>"; 

はその後、HTMLドキュメントのヘッドに、このCSSコードを追加、または外部CSSファイルを使用してそれを使用しています。

コード:

<style type="text/css"> 
    #info_table { 
    Code: whatever; 
    } 
</style> 

これは、あなたがPHPの組み合わせでCSSを使用して、テーブルのスタイルをすることができます。

これが手伝ってくれたら教えてください!

+0

phpファイルにエコーを追加する場所はどこですか?私はちょうど完全な機能を表示するために自分の投稿を更新しました。 –

+0

上部に置きますか? –

0

このコードではCSSが使用されていません。テーブル要素のプロパティです。テーブルにスタイルを追加するだけです。

<table style='border-radius: 5px;' border='; 
$form_questions_list.='2px align='; 
$form_questions_list.='center> 
+0

私はこれを試しましたが、すぐにWPプラグインを無効にして、再度アクティブにすることはできません。 –

関連する問題