質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

2584閲覧

この記述でのマージンの取り方を教えてください

kenjikobayashin

総合スコア31

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2015/08/16 08:29

PHPの領域で以下の様に記述しましたが、送信のsubmitボタンと戻るのbuttonボタンとの間にマージンを取りたいのですが、CSSで試みても何をしてもマージンが取れないので教えていただけませんでしょうか。

<?php session_start(); session_regenerate_id(true); if(isset($_SESSION['member_login'])==false) { print 'ログインされていません。<br />'; print '<h3><a href="shop_list.php">商品一覧へ</a></h3>'; exit(); } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>メンバー注文チェック</title> <link href="css/shop_list.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="contents"> <?php $code=$_SESSION['member_code'];

$dsn='mysql:dbname=shopdb;host=localhost';
$user='root';
$password='';
$dbh=new PDO($dsn,$user,$password);
$dbh->query('SETNAMES utf8');
$sql = 'SELECT onamae,email,postal1,postal2,address1,address2,tel FROM dat_member WHERE code=?';
$stmt = $dbh->prepare($sql);
$data[]=$code;
$stmt->execute($data);
$rec = $stmt->fetch(PDO::FETCH_ASSOC);

$dbh = null;

$onamae=$rec['onamae'];
$email=$rec['email'];
$postal1=$rec['postal1'];
$postal2=$rec['postal2'];
$address1=$rec['address1'];
$address2=$rec['address2'];
$tel=$rec['tel'];

print '<h3>お名前</h3>'.$onamae.'様<br />'; print '<h3>メールアドレス</h3>'.$email.'<br />'; print '<h3>郵便番号</h3>'.$postal1.'-'.$postal2.'<br />'; print '<h3>ご住所</h3>'.$address1.$address2.'<br />'; print '<h3>電話番号</h3>'.$tel.'<br />'; print '<h3>以上の情報で、ご注文をされますか。</h3><br /><br />'; print '<form method="post" action="shop_memberorder_done.php">'; print '<input type="hidden" name="onamae" value="'.$onamae.'">'; print '<input type="hidden" name="email" value="'.$email.'">'; print '<input type="hidden" name="postal1" value="'.$postal1.'">'; print '<input type="hidden" name="postal2" value="'.$postal2.'">'; print '<input type="hidden" name="address1" value="'.$address1.'">'; print '<input type="hidden" name="address2" value="'.$address2.'">'; print '<input type="hidden" name="tel" value="'.$tel.'">'; print '<input type="submit" value="確認して送信"onmouseover="this.style.width=\'80px\';"onmouseout="this.style.width=\'40px\';">'; print '<input type="button" onclick="history.back()" value="戻る"onmouseover="this.style.width=\'80px\';"onmouseout="this.style.width=\'40px\';">'; print '</form>';

?>

</div> </body> </html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

マウスカーソルをオーバさせてからにはなりますが、以下の様にマージンを入れれば、隙間が空きましたが、これではダメですか?

<input>タブに id or classを付けて、CSSであらかじめmarginを設けておくのでは解決しませんか?

html

1<html><body> 2<input type="submit" value="確認して送信"onmouseover="this.style.width='100px'; this.style.margin='100px';"onmouseout="this.style.width='40px'; this.style.margin='100px'"> 3<input type="button" onclick="history.back()" value="戻る"onmouseover="this.style.width='100px';'; this.style.margin='100px';"onmouseout="this.style.width='40px';'; this.style.margin='100px';"> 4</body></html>

投稿2015/08/16 15:06

Ken.sakanakana

総合スコア1768

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kenjikobayashin

2015/08/17 01:27

未解決ですが、もう一度CSSファイルを見直してみますありがとうございました。
kenjikobayashin

2015/08/18 04:36

ご回答をよく拝見して、クリックボタンをHTMLの領域に出して解決いたしました。
guest

0

戻るボタンのタグに「style="margin-left:10px;"」(左マージン10px)等を追加してもダメなら、
shop_list.cssファイルの内容が影響している可能性があります。

投稿2015/08/16 14:55

a-tadashi

総合スコア24

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kenjikobayashin

2015/08/17 01:38

未解決ですが、一度CSSをみなおしますありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問