warezのプロフィール
- ベストアンサー数
- 29
- ベストアンサー率
- 57%
- お礼率
- 0%
- 登録日2008/11/25
- テーブルを横に二つ並べて表示する方法はありますか？
テーブルを横に二つ並べて表示する方法はありますか？ 4列のテーブルを作るのではなく、 2列のテーブルを2個並べたいです。 <html> <head> <title>test</title> </head> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>No</td><td>Destination</td></tr> <tr><td>a</td><td>b</td></tr> </table> <table border=1 cellspacing=1 cellpadding=1> <tr><td>No</td><td>Destination</td></tr> <tr><td>a</td><td>b</td></tr> </table> </body> </html> これだと、縦に２個並んでしまいます。
- 締切済み
- HTML
- fwjokpskpwjac
- 回答数5
- javascriptでのHPデザインの振り分け
当方、保険の見積もりの比較サイトを運営しております。 全国版と京都版があります（１つのワードプレスで運営） 現在行いたい作業として、クッキーによるページの振り分けです。 http://www.tam-tam.co.jp/tipsnote/javascript/post3109.html この方法を使って、京都版のトップページ.phpに <script type="text/javascript"> $.cookie('ken','kyoto', {path:'/'}); </script> と記載し、cookieに京都ですよと情報を持たせています。 これで、あとは他のページに遷移した場合、 もしcookieが京都だったらグローバルメニューはこのテンプレートを呼びなさい このイメージ画像を使いなさいといった処理をしたいと思っております。 <script type="text/javascript"> $(function(){ if($.cookie("kyoto")){ <div id="header"> <?php include (TEMPLATEPATH . '/kyoto.php'); ?> <img src="test.html/kyoto.jpg" alt="京都" /> </div> }else{ <div id="header"> <?php include (TEMPLATEPATH . '/zenkoku.php'); ?> <img src="test.html/zenkoku.jpg" alt="全国" /> </div> }) }) </script> 上記だけでなくいろいろ試したのですが基本が分かっておらず、四苦八苦しております。どう実装すればよろしいでしょうか。 avascriptに詳しい担当が入院してしまいhtmlしか触ったことない私ではどうにもならない状態です。お知恵をお貸しいただければ幸いです。
- ベストアンサー
- JavaScript
- koji60ja
- 回答数2
- ファイル名の取得がうまくいきません
<input type="file" name="ans4" /> で取得したファイル名を取得する方法がわかりません。 指定したファイル名とそのの画像が表示されるというHTMLプログラムですが、 そのような動作になりません。 確認のため、指定した画像ファイル名を直接書くと、その画像が表示されます。 <form name ="a"> 写真を指定してください：<input type="file" name="ans4" /><br> <IMG SRC = document.a.ans4.value WIDTH="120" HEIGHT="84"><br> document.write("指定したファイルは" + document.a.ans4.value); 確認用に画像を表示<br> <IMG SRC="testFig.jpg" WIDTH="120" HEIGHT="84"><br> </form>
- formのaction属性を指定する意味はあるか？
リクエストの送信元と送信先が異なる仕組みの場合、必要なのは当然ですのでそれは除外します。同一ページ内だけでリクエストのやり取りをするページにおいて、formのaction属性を指定する意味についてです。 HTML5から仕様として明確に不要になりました(そもそも仕様として明確に定義される前から正常に動いていたと思うのですが)。 いくつかのサイトのソースをみたのですが、そもそもaction属性無しのサイトを今のところ発見していません(自分自身に送信という例が少なかったり、Ajaxで処理していたりするサイトが多いというせいもあるのですが)。 いまだにわざわざ記述しているページばかりです。それもHTML5のタグを使い、レスポンシブWebデザインにしているような最新技術を盛り込んで実装しているサイトですらわざわざaction属性を指定している例もありました。 質問は以下です。 ・action属性を指定しなければならない理由が今でも存在するのでしょうか？ (特にHTML5のタグを使用しておきながら、それでもなおaction属性を指定しなければならない理由)。 存在するならその具体的な内容も教えてください。 ・もしかするとセキュリティの問題が発生することがあるのでしょうか？ ・何となく昔から書いてるから、惰性や習慣で書き続けているだけでしょうか？ というかそもそも省略可になったということを知らない人が多いということなのでしょうか？ よろしくお願いします。
- 【CSS】メニュー上部に固定させた時の上部隙間
HTMLとCSSについて勉強中です。 ページの上部に横100%、高さ35pxのメニューエリアを設け、その部分だけを固定させスクロールしないようにしたいと思います。また見栄えの点から上部と左部分はpaddingもmarginも0にしたいと試行錯誤しておりますが、どうしても上部に16pxほどの隙間が出来てしまいます。 目的は下記URLの上部と同じになります。 http://weboook.blog22.fc2.com/ ネットでヒットしたサイトにはbodyタグのpaddingとmarginを0にすると良いといった記載がございますが、画面をスクロールさせない状態では固定出来るのですが、スクロールが必要な行数を設けた時に隙間が出てるようです。 誠に恐れ入りますが、どなたかアドバイスを頂けないでしょうか。 よろしくお願い致します。 ※ソースは下記となります。 ※固定させたいメニュー部分＝TopArea <!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=shift_jis" /> <title>無題ドキュメント</title> <style type="text/css"> .TopArea { background-color: #9F6; margin: 0px; padding: 0px; position: fixed; z-index: 999; height: 35px; width: 100%; } body { margin: 0px; padding: 0px; } </style> </head> <body leftmargin="0" topmargin="0"> <div class="TopArea"> <p>class "TopArea" の内容がここに入ります</p> </div> <p>1</p> <p> </p> <p> </p> <p>2</p> <p> </p> <p> </p> <p>3</p> <p> </p> <p> </p> <p>4</p> <p> </p> <p> </p> <p>5</p> <p> </p> <p> </p> <p>6</p> <p> </p> <p> </p> <p>7</p> <p> </p> <p> </p> <p>8</p> <p> </p> <p> </p> <p>9</p> <p> </p> <p> </p> <p>10</p> <p> </p> <p> </p> <p> </p> <p> </p> </body> </html>