Webサイト制作初心者用質問スレ part236

1 ：2013/07/31 〜 最終レス ：2013/09/25

初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
　 1. 質問する前に >>2-4 にも目を通すこと
　 2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
　 3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
　 4. 携帯サイトについては携帯専用スレで質問すること
　 5. ブログについてはブログ板で質問すること
　 　 　●ブログ板 http://pc11.2ch.net/blog/
　 6. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
　 　 　http://find.2ch.net/?STR=seo&TYPE=TITLE
　 7. アクセス解析については該当スレで質問すること
　 　 　http://find.2ch.net/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&TYPE=TITLE
　 8. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
　 9. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
　 　 　●WEBプログラミング板 http://pc11.2ch.net/php/
　10. JavaScript はこの板の該当スレで質問すること
　11. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
　12. Flash ついては Flash板で質問すること
　 　 　●FLASH・動画板 http://pc11.2ch.net/swf/
　13. xHTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
　 　 　http://find.2ch.net/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&TYPE=TITLE
　14. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
　15. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part235
http://toro.2ch.net/test/read.cgi/hp/1368405073/

2 ：

■HTML・CSSについて
・ごく簡単なHTMLの説明
　　http://www.kanzaki.com/docs/htminfo
・PC Tips
　　http://members.jcom.home.ne.jp/pctips/
・脱初心者をめざす人のためのホームページ作成講座
　　http://az-store.nrym.org/archive/mynotes/lecture/
■文法チェッカー
・Another HTML-lint
　　http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
・The W3C Markup Validation Service
　　http://validator.w3.org/
・CSS検証サービス
　　http://jigsaw.w3.org/css-validator/

3 ：

■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
　　 ・ファイルがアップロードされているか、ファイルのパス（絶対パス？相対パス？）があっているか確認すること
　　 ・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
　　 ・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること
Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか？
A2. 体験版があればそれを使用することを勧めます
　　 個人で好みが違うので、一概に「これ」が良いと推奨することはできません
　　 あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です
Q3. 「http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
　　 初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう
Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
　　 HTML の文法を専用サイトでチェックしてみましょう
　 　http://openlab.jp/k16/htmllint/htmllint.html

4 ：

リンクをマウスオーバーした際に文字の一部が欠けてしまいます
http://i.imgur.com/kopdMNb.png
どなたが解決できる人はいらっしゃいませんか？
HTML
…
<header>
<h1><a href%3d"">google</a></h1>
</header>
…
CSS
header {
background-color: #2980b9;
height: 50px;
}
h1 {
margin: 0 auto;
width: 117px;
}
h1 a{
color: #fff;
}
h1 a:hover {
color: #909;
}

5 ：

いらっしゃいます

6 ：

>>4はテンプレですか？

7 ：

>>5
解決法を教えていただけないでしょうか？
>>6
すみません 少し待っても書き込まれなかったので書き込みました

8 ：

>>4
IE10, Firefox, Chrome, Safariで試したけど、
画像のように、g の下部分が白くなることはないけどな。

9 ：

ふと気付いたのですが、
フォーム部品のcolorは親要素を継承しないのですか？

10 ：

>>8
自分の環境ではChrome, Safariとwebkitで起きてます
ちなみにfont-familyは"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
リセットにはmeyer resetを使ってます

11 ：

まともな事業まではなくても自営で好き勝手にWEB制作してなんとかギリギリ食ってる人いますか？
月に2件くらいのペースで一件あたり7万円で作るとして月15万円いくかいかないかくらいで。
いわゆる仕事というか個人でやるバイトみたいな感じで。
もしいたら、それでずっと食えますか？

12 ：

>>10
再現しないねぇ。
あとは
WinとMacの表示環境の違い
Lucidaフォントをfont-familyで使用せず個別(H1)に指定
とか。
ちなみに、Lucida sansって明朝系のフォントじゃなかったっけ？
間違ってたらすまん。

13 ：

>>11
食えるかどうかは、コンスタントに月15万円の収入があり、
それで生活できるかどうかってことじゃないかな。

14 ：

>>12
Macだからでしょうかね
とりあえず欠けてるサイズ分paddingをかけて対処しました

15 ：

positionがfixedな親要素の中で、
子要素を、親要素内絶対座標で指定したいのですが
どうやればいいでしょうか？

16 ：

>>15
子要素に absolute 指定でいいんじゃないの？

17 ：

tableとthを同じ幅に指定しているテーブルを複数作っても微妙に数px幅が違ったりします。
理由が分からないのですがなぜでしょうか？

18 ：

table-layout設定してる？

19 ：

微妙にずれるんで、ネットで見てtable-layout: fixed;にしてみたのですが、
もっと崩れてしまって、その理由が分かりません。
たとえばtableを300px、thを120px、100px、80pxを指定しておけばいいんですよね？

20 ：

>>16
それだと親要素内ではなく画面全体での絶対指定になるのでは？
親要素の座標を0,0と考えた座標にしたいのです

21 ：

xvideosの動画格納場所のURLについて質問です。
現在は
http://porn.im.7a16e1ba.5426422.x.xvideos.com/videos/mp4/6/2/7/xvideos.com_62733d3e9dde8342256305260773e170.mp4?e=1375499374&ri=1024&rs=85&h=b4c6b5e273699c17354e209df3e9ae70
に格納されていますが
一定時間が経過すると
このURLは無効になってしまいます。
不変的な動画のURLを取得するにはどうすればいいですか？

22 ：

>>20
親にrelativeでいけるでしょ

23 ：

relativeは親要素に対する相対位置ではなく、
本来表示する場所との相対位置では？

24 ：

親がstatic以外ならその親基準になるわけだから
fixedでもできるんじゃないの？
>>15は実際やってみてできなかったのかい

25 ：

<div style="background-color:#eee;">
<div style="float:left;">test</div>
</div>
このようにすると、外divの高さが消失してしまいます
中の要素にfloatを設定し、外の要素の高さを失わないようにする方法はないでしょうか？

26 ：

外divにheightつける

27 ：

外divは内divの高さに合わせて欲しいんです

28 ：

clearfix

29 ：

リンクをホイールクリックするとリンクが新しいタブで開かれますが、
それと同時にそのクリックしたページ自体もリンク先のページに切り替わる
サイトって何なんですか？
どうしたらああなるんですか？
あの挙動は全く無意味だと思うのです

30 ：

clearfixってのがあるんですね
ありがとうございました

31 ：

こちらかphpか迷いましたが、こちらで質問します
サイトを運営していて諸事情で別のサーバーに移行する事になりました
前のサーバーでは.httaccessにauto_prepend_fileを設定して、ログを保存するphpを走らせていたんですが、
今度のサーバーではauto_prepend_file、auto_append_file共にサーバー側の都合で使用済みであり、
こちらで使用する事ができません
代わりの方法はないでしょうか？

32 ：

親子のブロック要素で、親にborderかpaddingがない時は子のmarginが親の外にはみ出ますが、
何のためにこのような仕様にしたのでしょうか？
目的が分かりません

33 ：

<input submit>
これを押すと、テキストボックスに入れた文字列を全てクエリ文字列にしてgetしてしまうのですが、
ボタンを押したときのhtmlのデフォルトの挙動ってgetなんですか？

34 ：

>>33
formタグの方で設定する。

35 ：

地元の商工会のHPで「ホームページ作成システムページ作成セミナー」というのがあったのですが、
システムページとは何でしょうか？
ググっても良く分かりません。　単語から想像するに裏の仕組み（仕様）を定めるサイトでしょうか？

36 ：

商工会に問い合わせる

37 ：

当所のホームページ作成システムで
ホームページをこれから作成される方を対象に、
内容の決め方、作成計画の策定、PCでの操作方法など、
どのようにしてページを作ればいいのかを紹介し、
短期間でのホームページを立ち上げていただくためのセミナーです。

38 ：

>>37
ググったらもろヒットして嬉しくなったのはわかるけど、全く回答になってないよ
回答するならせめてこれくらい出さんと
http://youtu.be/MOzZIv8H_bQ
この動画でシステムの使い方を解説してる
まあ、ここの商工会が独自で作ったやつじゃないのかな
詳しくはわからんけど

39 ：

質問です。
Web辞書の真似事のようなことをするシステムを作ろうと思っています。
そこで、単語（データ）をMySQLのデータベースに登録したいのですが
「辞書に載っているような一般用語レベルの単語データ」を一気にDBに登録する方法はないでしょうか？
今のところWikipediaのデータをクローラーで適当に取得するくらいしか思いついてません。
アドバイスお願いします。

40 ：

>>36-38
さんきゅう

41 ：

>>39
国語学者を１０００人くらい雇って手分けして一気にDBに登録する。

42 ：

javascriptで計算した結果をtableの中に表示しているのですが、
数字の幅に対してtdの幅を多めに取っていて、余裕がある状態でも
数字の桁が1つ増えて幅が少し延びると微妙に(1pxくらい)tdの幅が変わってしまいます。
これはしょうがないのでしょうか？

43 ：

windows版safariはもうなくなったのですか？
検索すると5.1.7が見つかりますが、これはセキュリティ的に問題のあるバージョンのようです

44 ：

Windowsで最新のWebKitを動かす手段はない

45 ：

シェアが少なすぎたから切り捨てたのでしょうか？

46 ：

FC2のレンサバを借りる為にセキュリティーマネーが必要で
「GIC-TOKYO」というサイトから購入したいと考えています。
こちらのサイトは安全なのでしょうか？
www.gic-tokyo.co.jp/securitymoney/buy/prebox.html

47 ：

客のホームページを作ってやって運用する場合、客毎にそれぞれレンタルサーバを契約させますか？
それかすべての客を管理しやすいように自分の契約で1つのVPSを借りてそこですべての客のホームページを運用しますか？

48 ：

丸っと引き渡す可能性が少しでもあるなら、それぞれレンサバ。
絶縁しても、なるべく影響無いように。

49 ：

WordpressでStinger2というSEO対策向けのテンプレートを使用しています。
SEO対策に重要なh1 h2 h3 について調べていたのですが
記事ページでソースを表示するとh3が幾つか存在していました。
<h3></h3>と、<h3 id=xx></h3>がありました。
この場合、SEOに影響があるのは<h3></h3>だけなのでしょうか？

50 ：

自動ネット収入システム「A U T O - W E B M O N E Y」Final Ultimate Editionの裏技みっけた
ttp://www.auto-webmoney.com/
スリープモードOFF、自動検索ネットワークON、リトライ復元モードOFF、セキュリティモードOFF、
サーバートランスモードON、自動構築モードOFFにしてから作動させて15分くらい放置したあとに
リトライ復元モードONにすると面白い事になるよ。（画像）あっという間に・・収入が今までの50倍になるw
日本ソフトの修正パッチはまだなため、今のうちに稼ごう！
425　名前：アゲハ蝶　投稿日：2013/08/01(木)10:32:39　HOST:pl39.nas811.pwakayama.nttpc.ne.jp
>>336
うぎゃあああああすげえええええ
477　名前：ネコ　投稿日：2013/08/01(木) 11:15:22　HOST:p86ibp5yamaguchi.yamaguchi.ocn.ne.jp
>>336
　ネ申 ｗｗｗ１時間でｗｗｗ７８万！！！ｗｗｗｗｗｗ
解析班乙！
ソフト始動で米国サーバーに接続、複数あるサーバー間で金を経由、Torに類似。ユーザーはこの金を経由する代わりに、サーバーに返還後、ユーザーに行く仕組み。
制作にはGoogleやAppleの元プログラマーなどが多く参加、日本専用裏コミュニティが盛ん。
購入時のuser IDを使い、英国サイトからコミュニティに接続する。

51 ：

>>34
ありがとうございました

52 ：

>>48
客との契約時から、こっちでずっと面倒をみるか、引き渡す可能性があるかないかまで考えないといけないんですね。

53 ：

今は元気でもこちらが入院、死亡することもありえます。
そのとき、どのように引き継ぐかを常日頃から考えておくべきです。
詳細なマニュアルを作成しておくのが業者のマナーとでもいいますか。
組織で保守できる体制がなければ、共有はご法度でしょう。

54 ：

自動ネット収入システム 『Auto WebMoney 5th The Final Ultimate Edition』
www.auto-webmoney.com
　国内ユーザー700万overのモンスターシステムついに最終章!!
　「キャッシュバック＋特別特典＋30日返金保証」の３大特別キャンペーン限定販売!!!
　購入するときはＩＤに【761238】って入力すると〜さらに5000円割引だぞぉぉおおお!!!
　おまえらも裏コミュニティで盛り上がろうぜぇぇえええ!!!

55 ：

divの子要素のfloatをclearしないとdivが高さを持たない理由は何ですか？

56 ：

Javascriptの初心者スレないのかよ
Javascriptスレだとバカにされまくって相手にされないのだが

57 ：

この板のJS質問スレは変な奴が居ついちゃってみんな迎撃体制になってるんだ
IDだして素直に質問すれば普通に返事くるよ

58 ：

ワードプレスで作ったサイトにパスワードを付けることってできますか？
ワードプレスでサイト制作を頼まれています。
そこで、まずサイトを作ってからそれにパスワードをつけた状態でネットにUPして、
そのサイトのURLとパスワードを依頼人に渡してサイトを確認してもらい、
OKが出たら一般に公開する、という手順を踏みたいのです。
そこで質問なんですが、パスワードが無い人にはそのサイトを一切表示させないように
（URLを叩いても真っ白の画面を表示させたり）することはできるでしょうか？
また、出来る場合はどのようにすればできるでしょうか？

59 ：

パスワードを入力するための画面はパスワード無い人にも見えるようにしなきゃいけない理屈は分かるよね？

60 ：

>>59
パスワード入力画面だけを表示するのは構いません
そのパスワードの機能はどのように作ればいいのでしょうか？
WordPressの機能か、それともサーバー側で設定するんですか？
ある程度ざっくりでもいいのでやりかたを教えて下さい。
また、パスワードをかけた状態でブログ的な機能を動かすことはできるでしょうか？

61 ：

wordpress 閲覧制限でぐぐればいろいろでてくるだろ

62 ：

clearclick.net　というサイトってどういったサイトなんでしょうか？

63 ：

>>60
非公開にしたいということならBASIC認証でいいんじゃねーの
WP関係なく
htaccessとhtpaswordのファイル鯖にあげるだけ

64 ：

<select name="a">
</select>
<select name="b">
</select>
この2つを同じ横位置ではなくて縦に並べたいのですが、
<p>とか<br>を使ったりする以外だと、<div>で細かく制御するしかないのでしょうか

65 ：

select {
display: block;
width: 1em;
}

66 ：

>>65
ありがとうございました

67 ：

同じページにformが2個あってそれぞれにsubmitがある場合、
片方のsubmitが押されると、1つのformの内容のみ送られますか？
それとも両方のformの内容が送られますか？

68 ：

CSS1とか2とか3とかわけ分からんのだけど
1つのstyle.cssのファイルに各バージョンの書き方を混雑できるってこと？

69 ：

混ぜて書いて良い
ブラウザが対応してれば解釈されるし、してなければ無視される

70 ：

aguseとかで検索して自身の住まいまで割りだされてしまうのことを知りました。
対応策はどのようにしてますか。

71 ：

回線切って布団にくるまってれば大丈夫

72 ：

玄関でピンポーンと鳴ってますが。。

73 ：

PCが乗っ取られるとピンポンダッシュも出来るようになるんだ
手遅れだお

74 ：

だいたいどんな質問がスルーされるかでお前らの程度が分かるよな

75 ：

暑い、まじ暑い

76 ：

作ったホームページを保存するホームページ教えてください。

77 ：

夏だなあ、おい

78 ：

<textarea>を横に2つ、適当な幅(10pxほどでいいです)を開けて並べたいのですが、
どんな風に書けばいいのでしょうか
テーブルレイアウト時代のジジイなので・・・

79 ：

div#textareacontainer{
text-align: center:
}
textarea{
display: inline-block;
margin: 5px 0;
}

<div id="textareacontainer">
<textarea>１つめ</textarea><textarea>２つめ</textarea>
</div>

80 ：

center の後ろがコロンになってるからセミコロンにすといて

81 ：

セミコロンに “し” といて

82 ：

すときます。

83 ：

HTMLで一定時間後にオナラ(屁)を鳴らす方法は？

84 ：

採用・不採用を決めるのは、
あるレベルまでいくと、あとは自分自身だったりするよね。
面接官が「不採用のサイン」を出すんじゃなくて、
自分が「仕事できないサイン」を出してしまっている。
例えば、面接中、仕事内容の説明で、責任重要な内容をさりげなく出されて、
なんだか難しそう、と感じてしまうと、まぁ不採用だよね。
表情に現れるよね。慌ててやる気出してみせても、
面接官から見れば、よくあるパターン。
月並みな取り繕い方は、何百人と見てきてるだろうし。
このスレタイとは逆の発想だけど、
ある意味、自分から「仕事がこなせるかどうかのサイン」を出している、
という部分もあると思う。
面接官からしたら、「仕事できないサイン」を受け取って、
落とすだけなのかもしれないね。

85 ：

お願いします。
サイトを作った場合、ipアドレスやプロバイダー単位で人をはじいたり、特定のページに飛ばしたり、と言うのは技術的に可能なんでしょうか？
10年位前に不可解なサイトの表示になった事が2回程あり
今更あれはどの様な技術だったのか気になりました。
(当時厨だったので;
はじかれた事自体は申し訳なく思っています…)

86 ：

可能

87 ：

可能もなにもいろんなサイトで当たり前のように使われてる
うちのサイトも一部のクローラ弾いたり、気に入らんipを403に飛ばしたりしてるよ

88 ：

>>85ですが、通りすがりみたいな書き方になってました;
自分もサイト制作をする様になったので、技術的な面で気になりました。

89 ：

>>86>>87
勉強になりました。
レス有難うございました。

90 ：

自動ネット収入システム「A U T O - W E B M O N E Y」Final Ultimate Editionの裏技みっけた
ttp://www.auto-webmoney.com/
スリープモードOFF、自動検索ネットワークON、リトライ復元モードOFF、セキュリティモードOFF、
サーバートランスモードON、自動構築モードOFFにしてから作動させて15分くらい放置したあとに
リトライ復元モードONにすると面白い事になるよ。（画像）あっという間に・・収入が今までの150倍になるw
425　名前：アゲハ蝶　投稿日：2013/08/01(木)10:32:39　HOST:pl39.nas811.pwakayama.nttpc.ne.jp
>>336
うぎゃあああーーすすげえええ!!!!!ｗｗｗネ申ｗｗｗ!!!!!
477　名前：ネコ　投稿日：2013/08/01(木) 11:15:22　HOST:p86ibp5yamaguchi.yamaguchi.ocn.ne.jp
>>336
　ネ申 ｗｗｗ１５分でｗｗｗ２７万とか！！！ｗｗｗｗｗｗ
解析班乙！
ソフト始動で米国サーバーに接続、複数あるサーバー間で金を経由、Torに類似。ユーザーはこの金を経由する代わりに、サーバーに返還後、ユーザーに行く仕組み。
制作にはGoogleやAppleの元プログラマーなどが多く参加、日本専用裏コミュニティが盛ん。
購入時のuser IDを使い、英国サイトからコミュニティに接続する。
日本ソフトの修正パッチはまだなため、今のうちに稼ごう！

91 ：

独自ドメインを販売している業者は、
どこからドメインを仕入れてきているんでしょうか？

92 ：

[1] [2] [3] [4] [5] ･･･
ホームページに上記のようなタブを作りたいのですがどうすればいいのでしょうか？
[2]を押すと、ページ移動なしで表示だけ変わるようにしたいのです。
可能ならば、表示する量によって自動でタブを生成できるようにできないでしょうか？

93 ：

>>92
「javascript タブ」で検索すると幸せが訪れるかも

94 ：

>>93
ありがとうございます！

95 ：

>>91
中古ドメインなら不要になった人が売る場合がほとんど

96 ：

>>95
中古じゃないドメインはどうしているんでしょうか？

97 ：

>>79-81
ありがとうございました

98 ：

たとえばjpの場合は
http://jprs.jp/jppartners/
指定業者になって仕入れるみたいよ

99 ：

>>98
わかりました
ありがとうございます

100read 1read

1read 100read
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲

ＨＰ作成に使用している無料ソフト教えて (109)
業界の蠅野郎ﾊﾟｼﾌｨｶｽことSEOｳｪﾌﾞﾈｯﾄってどうよ (272)
関西圏のWEB制作会社 4 (489)
お前ら、HTML作成で心がけていること教えてください (617)
すごい！かっこいいFLASH発見！ (169)
☆おまえらのｻｲﾄのｴｲﾌﾟﾘﾙﾌｰﾙﾈﾀはどうよ？☆ (839)
--log9.info------------------
　大菅小百合　 (219)
こんなマリリンは…嫌だ！ (232)
★苫小牧★中学校最強はどこだ？★釧路★ (470)
▼△▼暴力BAR てつやん▼△▼ (302)
【関西�ｂP】関大アイスホッケー部【打倒早稲田】 (279)
冬期国体アイスホッケー (745)
青森県アイスホッケー事情 (605)
スピードスケートを語ろう！ (604)
カーリングのルールや技法を知りたい (713)
【ペコちゃん】岡崎朋美選手専用スレ【万年３位】 (101)
アジア冬季競技大会 （2011/アスタナ・アルマティ） (101)
駒大苫小牧高校アイスホッケー部 Part１ (916)
バイアスロンを楽しもう (100)
ロングトラック スピードスケート総合スレ (619)
パシュートで女子準決勝進出！ (163)
スクートをメジャーにしよう (163)
--log55.com------------------
【ぽんちゃ】Negicco　Megu　【スマイル100％】
江藤彩也香【後藤理沙子の上位互換】
江藤彩也香【後藤理沙子の上位互換】
GALETTe*11【DEARKISS転校少女歌撃団
【でんぱ組】相沢梨紗(`めνめ)りさちー 6.5次元目
★【大阪】関西地下アイドル総合10【日本橋】
【ソロ】都築かなスレ★１歩目【フリー】
【Charm】西野小春 Part.4【美尻ちっぱい】