(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ4

1 ：Name_Not_Found：2009/09/16(水) 19:26:25 ID:???

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問大いに結構。分からない人は何回聞いても結構
(X)HTML/CSS/Dreamweaverの事なら何でもOK
ただし、JavaScriptやPHPなどはスレ違い/板違い。該当スレ/該当板でどうぞ

回答してくれる方は優しい人のみ！
質問者に対して暴言を吐く人は このスレを見るな！！

質問側も節度あるレスで！
質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ3
http://pc11.2ch.net/test/read.cgi/hp/1250142355/

796 ：791：2009/11/21(土) 20:57:15 ID:???

そうでしたか、無理とわかったことも、とても有益な情報でした。
みなさん、どうもありがとうございましたm(__)m

797 ：Name_Not_Found：2009/11/21(土) 20:57:52 ID:???

>>791
何のためにIP拒否が必要？
多分方法から勘違いしてると思われる

798 ：791：2009/11/21(土) 21:17:54 ID:???

>>797
サイトで有名な困った人にとりつかれているからです。
そのサイトではＩＰ拒否機能がなく。
被害者は複数いるのですが、他の方はＩＤを捨てているようです。
そうせざるをえない暴言(事実無根)・執拗さなんです。

799 ：Name_Not_Found：2009/11/21(土) 21:40:29 ID:???

IPなんかしょっちゅう変わるのにIPで拒否しても意味ないと思われる

800 ：Name_Not_Found：2009/11/21(土) 21:43:14 ID:???

>>799
その人は、なぜかひとつきくらいIPが同じなんです。
タグで拒否は無理みたいなので諦めます。
皆さん、本当にありがとうございました。
そしてお邪魔してすみませんでしたm(__)m

801 ：Name_Not_Found：2009/11/21(土) 22:10:15 ID:PIoGy1xq

初心者です。
的外れの質問だったらすいません。
ブログ左側のプラグイン？の位置をCSSで指定してプレビューも上の画像のように完璧なのですが、
実際にブログを確認すると、下の画像のようにプラグインが上にズレます。

http://blog-imgs-29.fc2.com/a/r/u/aruhinohuukei/20091121220111a7c.jpg
http://blog-imgs-29.fc2.com/a/r/u/aruhinohuukei/2009112122011035e.jpg

FC２の公式テンプレートを使っていますが、プラグインを移動させるのはCSSだけではなく、
HTMLもいじる必要があるのでしょうか？

802 ：Name_Not_Found：2009/11/21(土) 22:10:38 ID:???

む、ということは技術的に全く不可能というわけではないな。
ま、非現実的な方法だし、本人が諦めてるからもういいけど。

803 ：Name_Not_Found：2009/11/21(土) 22:11:31 ID:???

802は>>791へのレスでした

804 ：801：2009/11/21(土) 22:26:05 ID:???

top:em;をtop:%;で自己怪傑しました。
ほんとうにありがとうございました。

805 ：801：2009/11/21(土) 22:32:02 ID:???

って全然解決してないわー
今度はプラグインが画面の大きさを変えると動くようになりました。

806 ：801：2009/11/21(土) 22:41:44 ID:???

%をpxで自己解決しました。
ほんとうにありがとうございました。

807 ：Name_Not_Found：2009/11/21(土) 23:08:30 ID:???

よくわからんが解決してよかった

808 ：Name_Not_Found：2009/11/21(土) 23:36:21 ID:???

spryの縮小可能パネルのコンテンツやタグの増やし方を教えて下さい

809 ：Name_Not_Found：2009/11/21(土) 23:38:05 ID:???

ソース見たらjavascriptでしたので失礼します

810 ：Name_Not_Found：2009/11/22(日) 09:37:28 ID:???

>>807
悪いとは言ってない
馬鹿にしてるだけ

811 ：807：2009/11/22(日) 12:29:11 ID:???

>>810
誤爆？

812 ：Name_Not_Found：2009/11/23(月) 21:44:33 ID:???

質問させて頂きます

IPアドレスの割り振りやOSインストール手順などをHTMLで作成して自分の備忘録としているのですが
HTMLのファイル数やスクリーンショットの画像数が結構な量になってきてしまい
多数あるHTMLファイルのソースを1つのHTMLで記述できないものかと考えています

・1つHTMLまたはXHTMLファイルに記述
・webブラウザで参照するため鯖に対してのリクエスト無し
・リンクを用いて表示するページ内容の切り替え

これらの条件を満たすことは可能でしょうか？

813 ：Name_Not_Found：2009/11/23(月) 21:58:26 ID:???

とりあえず日本語でおｋって感じだが
どうしてもメモを手軽にHTMLで表示したいなら、PHPインストールしたほうがいいんじゃね

814 ：Name_Not_Found：2009/11/23(月) 22:03:53 ID:???

>>813
日本語でおｋですいませんorz

USBメモリに入れて自分の以外の端末で参照することもあるので
おいそれと○○をインストールという解決法は実行できないんですよ
なので大体どのOSにも入ってるwebブラウザで見られる形式が望ましいんですが

815 ：Name_Not_Found：2009/11/23(月) 22:10:29 ID:???

>>812
可能って言えばいいの？

816 ：Name_Not_Found：2009/11/23(月) 22:16:02 ID:???

>>815
可能でしたら
その方策を教えて頂けると助かります

817 ：Name_Not_Found：2009/11/23(月) 22:18:38 ID:???

>>812
ブログでも借りればいいんじゃねーの？
画像とセットにできるメモ帳なんて探せばいくらでもあるしそれでもいいけど

818 ：Name_Not_Found：2009/11/23(月) 22:31:22 ID:???

>>812
>・1つHTMLまたはXHTMLファイルに記述
これの必要性がわからん。
ファイル数増えるったって
まあできなくはないけどやる意味がなさそう。
自分の備忘録ならindex.htmlが判別しやすけりゃいいだけじゃね？

819 ：Name_Not_Found：2009/11/24(火) 00:29:48 ID:???

>>812
index.htmlにそれぞれの内容のタイトルを書いて、それぞれのhtmlにリンクするんじゃだめなの？

820 ：Name_Not_Found：2009/11/24(火) 01:11:45 ID:R3xqLy2d

教えてください。
CSS＆HTMLで作ったサイトなんですが、
印刷すると2枚目以降がほぼ白紙状態になります。

もちろん印刷プレビューも２枚目以降がほぼ白紙です。

なぜなのでしょう。どうしたらよいでしょうか？

821 ：Name_Not_Found：2009/11/24(火) 01:18:44 ID:???

ブラウザは？全部のブラウザでそうなる？

822 ：Name_Not_Found：2009/11/24(火) 01:25:25 ID:???

printいれてないんじゃね

823 ：Name_Not_Found：2009/11/24(火) 01:38:36 ID:???

printの指定が外れてるんだろう

824 ：Name_Not_Found：2009/11/24(火) 01:52:44 ID:R3xqLy2d

みなさん、ありがとうございます。
printがはいっていないみたいです。

どうもありがとうございました！！感謝です！！

825 ：Name_Not_Found：2009/11/24(火) 03:01:31 ID:???

どうも　HTML SEO関連なのですが
http://seo-tola.com/spam7.htm
上記のサイト等を見る限り、隠しテキスト、隠しリンク等は避けた方が良いとの事なのですが
「『　　　　　　　　　』←をドラッグ！」　的な事も避けるべきなのでしょうか。
よろしくお願いします。

826 ：Name_Not_Found：2009/11/24(火) 03:32:47 ID:???

スレ違い。
量によるだろ、ぐらいしか言えない。

827 ：Name_Not_Found：2009/11/24(火) 16:21:04 ID:???

ページに表を載せる必要があって、<table>タグとcssでどうにかしようと思ってるんですが、
セル3つのテーブル全体の横幅に300pxを指定しても、Firefoxではborder分なのか1px横幅が勝手に増えてしまいます

//HTML//
<table width="300" cellspacing="0" cellpadding="3">
<tr><td width="100">テキスト</td><td width="100">テキスト</td><td width="100">テキスト</td></tr>
</table>

//CSS//
table,tr,td{ border:1px solid #000; border-collapse: collapse; }

widthはcssで指定しても結果は変わりませんでした
300pxジャストにするための対処法はあるでしょうか

828 ：Name_Not_Found：2009/11/24(火) 17:04:20 ID:???

td要素のwidth属性と、table要素のcellpadding属性と、CSSで指定してる横幅合計が300px超えてるのに
table要素に300px指定してどうすんの

……というか、CSSで指定したり、属性で指定したり、ぐちゃぐちゃだな
見た目は全部CSSで指定すれば？

829 ：Name_Not_Found：2009/11/24(火) 17:19:46 ID:???

>>828
cellpaddingの件、はじめそう思ってたんですが、ためしにcellpadding=0、
td widthを全部%で指定して、table全体のwidthのみ300pxにしても1pxだけはみ出るんです・・・

CSS指定と属性の混在については、実際はcellspacingとcellpadding以外はCSS指定なんですが、
全部classが違ってややこしいのであえて書き込み時に省略して属性化してしまいました
すみません

830 ：Name_Not_Found：2009/11/24(火) 17:32:08 ID:???

>>829
試してないけど
<div style="width: 300px;">
<table style="width: 100%; border: 1px solid #000;"></table>
</div>

ちなみにcellspacing="0" cellpadding="3"みたいに見た目に関する指定は全てCSSで扱うべき

その1px増えるってのはおそらくwidthとborderを同じ要素に指定してるせい
↑みたいに入れ子にすれば解決するはず。文書宣言によっては問題無かったかもしれないけど

831 ：Name_Not_Found：2009/11/24(火) 18:05:22 ID:???

style属性も非推奨
widthにborder等の幅が含まれて描画されるのは、IE6のバグ

832 ：Name_Not_Found：2009/11/24(火) 18:20:45 ID:???

>>830
border-collapse: collapse;

どうやらこれがダメっていうかバグ含みだったみたいです
http://www.nk0206.com/life/2006/10/bordercollapse.html

ややこしいのは右じゃなくて左に1pxはみ出すってとこでひさしぶりに大混乱しました

>>831
1度しか使わない指定の場合いつも直しやすさ重視でstyle=""使ってたんですが、ひょっとしてアウトですかorz

833 ：Name_Not_Found：2009/11/24(火) 18:25:59 ID:???

styleを使わずに外部CSSを読み込む旨も書いた方がいいのかな？
説明する時はstyleの方が伝わりやすいと思ったけど

834 ：Name_Not_Found：2009/11/24(火) 18:28:40 ID:???

>>832
上手くいかなかったからといって、すぐバグと言うのはよくない
CSSの目的は、文章の構造とデザインの分離だから、style属性で指定するのは本末転倒

//HTML//
<table>
<tr><td class="first-cell">テキスト</td><td>テキスト</td><td>テキスト</td></tr>
</table>
<div style="width:300px;background:#000;">あ</div>

//CSS//
table{ table-layout:fixed; border-collapse: collapse; width:299px; }
td{ width:99px; padding:0;}
td.first-cell{ width:98px; }
table,tr,td{ border:1px solid #000; }

結合ボーダーモデルを指定しているのに、セル間を3pxにするとはこれはいかに
あとborder-collapseプロパティを指定するのはtable要素だけだからな

先頭のセルだけ98pxで残りを99pxとかにしないと、ぴったり300pxは無理だ
全部同じ横幅なら、301pxか298pxになる

835 ：834：2009/11/24(火) 18:30:20 ID:???

ごめん。↓これはミス。横幅チェックしたときに消し忘れた
<div style="width:300px;background:#000;">あ</div>

836 ：834：2009/11/24(火) 18:33:31 ID:???

マジでごめん。tableセレクタの width:299px; もミス

837 ：Name_Not_Found：2009/11/24(火) 18:36:52 ID:???

>>835
ちょうどそこで第2の大混乱してたとこでありますｗ

838 ：Name_Not_Found：2009/11/24(火) 18:53:44 ID:???

>>817
公にできる情報ではないのでブログは駄目です

>>818
必要性が無いと言われればそれまでなんですが…
敢えて答えるとするならばそうしたいからとしか言えません

>>819
現在はその手法で纏めておりファイル数が3桁超で
ファイル数を減らせないものかと考えた次第です

839 ：Name_Not_Found：2009/11/24(火) 18:53:56 ID:???

>>834
ようやくCSS全て解読できました
なるほど端数は別classで調整しなくちゃいけないんですね

table以外のborder-collapseすみやかに消しました
cellpaddingも抹消しました

あとcellspacingもCSSに移動しました

ありがとうございます。ためになりました





それにしてもstyle=""を捨てる決意が・・・

840 ：Name_Not_Found：2009/11/24(火) 18:56:26 ID:???

>>838
PHPインストールしてブログスクリプト借りればいいんじゃないの

841 ：Name_Not_Found：2009/11/24(火) 18:59:21 ID:???

>>840
>>814

842 ：Name_Not_Found：2009/11/24(火) 19:01:27 ID:???

>>839
抹消するのは、cellpaddingではなくcellspacingじゃなくて？

>>841
XAMPP Lite使えば？

843 ：Name_Not_Found：2009/11/24(火) 19:04:50 ID:???

>>838
スレチだから他所いった方が良さげ

844 ：Name_Not_Found：2009/11/24(火) 19:09:01 ID:???

>>842
試してみます
ありがとうございました

>>843
スレチすいませんでした

845 ：Name_Not_Found：2009/11/24(火) 21:48:21 ID:???

超簡単MTあるよ
USBにいれて使える
USBメモリ挿して、メモブログ的に使える