(X)HTML/CSS/Dreamweaverの質問に優しく答えるｽﾚ11

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

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

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

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

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

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

パスが分からんからアドバイスでけん。

passは半角hです。すいません
一応もう一度URL載せておきますね
http://www.dotup.org/uploda/www.dotup.org2146792.zip.html

半角の、『h』一文字です。多レスｽﾏｿ

前スレID:zUDeShM3

margin-top:-100pxはどうしても必要？結論から言うとこれあると無理でつ。

なし前提でいくと、うまくいかない原因は縦の長さ%とpxを使って指定してるから。
例えば、headerの縦を15%、メイン・サブの縦を85%に指定して、margin-top:-100pxを削除すれば、
前スレのご希望画像になるけど、これじゃ駄目かね？

>>5
header縦はどうしてもpxで指定したいです
JSとか使えば出来るんですかね？使う気はありませんが・・・

>>6
親要素のheightを%で指定してる以上、子要素も%で指定しないといかんね。
JSというかCSSの組み方の問題。%とpxごっちゃにしたら、どうやってもブラウザの大きさ変えた時に表示狂うよ。
sub,mainも固定値で指定したかったら、bodyも固定値で指定しないと駄目。

>>7
なるほど。
親が%の時は%とpxを一緒に使えないというわけですね。
つまり、どうしても実現は不可というわけでしょうか？できるとしたら、全てを%で指定すると。

ここでいつも答えてる人って暇なの？

ID:zUDeShM3 の意図がよくわからないですね。
「使う気がないけどJSを使えば出来ますか？」と聞いてみたり、「無理ということですが、どうしても無理ですか？」と聞いてみたり…。

結論からいえば、CSS では calc を使わないと無理です。JavaScript でも出来ます。

ついでに、table でも出来そうではありますね。

</br>タグを入れてないのに本文1と本文2の間にかなり改行されるのですが何ででしょうか？


#center p {
padding: 0.5em 18px 10em;
}
p.sample2 { margin: 80px;}


<font size="3" color="#FF0000">本文1</font></br>
<p class="sample2">本文2</p>

pタグ

>>10-11
申し訳有りませんでした。私の質問にお付き合いいただきありがとうございました。

俺も必死で考えたがpxと%統一しないなら無理だな。
テーブルやフレーム、JSでブラウザサイズ取得していいならいくらでもできるが。

>>12
ソースzipで優しいお兄さん達が答えてくれます。
やっぱソースがないと抜粋箇所以外の部分が問題というパターンが多いはず。

ソースというか、ID:zUDeShM3みたいにhtmlとcssのソース付きで、
てっとり早く解凍した後実行できるような形にして。

そもそもどういう動作になってほしいんだ？
marginを5pxとかにすりゃ当然改行幅狭くなるが。あと#center pって何か意味ある？

>>15
「table で出来る」は「display: table-cell; で出来る」とイコールなので出来ないわけではありません。
未対応ブラウザを切り捨てる必要がありますが…。
ですので、JavaScript で補完するなり、未対応ブラウザは異なるレイアウトを提供するなり、割り切りが必要になります。

どっちかというと http://jsfiddle.net/ にUPして貰う方が手間が省けて有り難いな
誰でも簡単に更新できるし、わかりやすい

＞display: table-cell
こんなん初めてしったよ(´・ω・`)
でも未対応ブラが多いなら厳しいね。

>>20
table-cell の未対応ブラウザはそれほど多くありません。
http://www.quirksmode.org/css/display.html#t06
calc に比べれば切り捨てるブラウザはほんの僅かで済みます。

>>12です

どうしても改行をなくすことが出来ないので教えてください
ZIPです

パス　s

http://www.dotup.org/upload.cgi

>>12
ブラウザごとにcssがあり、最初にこれが読み込まれます。
なので、自分では設定していなくても、pタグにはブラウザが決めたcssが適応されています。
リセットcssを使ってあげる事で、ブラウザごとの誤差をなくさせる事が一般的です。

pタグは段落の意味があるため、下余白が設けられています。
なので、marginを0pxなどに(再)設定する事で問題が解決されるはずです。

尚、一昨日から規制で即答したかったのですが、現在レス代行してもらっています。
今回はソースのいらない回答でしたが
http://jsfiddle.net/にアップしてもらっていると規制をくらった私でも
コメントを残して更新して回答する事が可能です。是非使ってください。

>>23
なるほど！今後是非使わせていただきます
ありがとうございます！

HTMLに
<img id="test" style="visibility:hidden;" src="test.png" />
と指定しておき、JavaScript内で条件判定して
$("#test").css("visibility", "visible");
としていますが、表示されず、
$("#test").css("opacity", 1);
を追加すると表示されます。
visibilityをhiddenにするとopacityが0にセットされてしまう仕様ですか？
visibilityとopacityの関連について、詳しく知ってる人いませんでしょうか

何度もすみません
リセットｃｓｓググって使ってみたり
margin変えたりしたけど、どうしても
見出し(文字)とタイトル(文字)の間の改行を
無くすことが出来ませんでした

ソースコードです
http://jsfiddle.net/KEFZN/4/

div.sample2 {
margin: 80px;
}
↑ここのマージン0にすれば？

>>27
初歩的な質問で申し訳なかったです
ありがとうございます

>>25
再現できない
http://jsfiddle.net/uG7dw/

やっぱちゃんとhtmlごとうｐしてくれればちゃんと解答スレになるんだなｗ

クソみたいな回答者が全員消えればちゃんと解答スレになるんだなｗ

>>30
大体抜粋箇所以外に問題があることが多いからなあ。
抜粋だけされたって何で答える側が動作させるように体裁整えるとか間違ってるわ。
昨日みたくindex.htmlとcssファイル添付してくれるのが一番有難い。

ソース丸ごと上げられても
抜粋して再現するコードをjsfiddleに貼ってくれりゃええ

質問者にそこまでしてもらえないと答えられないの？
もっと推測力を磨きましょう。

metaタグのdescriptionについて質問があります。
ここの内容をページごとに違うものにしないとネットの検索では不利になるらしいのですが、
例えば
Aというファイルのdescriptionが
ABCDEだった場合
Bのファイルでは、
ABCDEF
とするだけでも別に構わないんですよね？

またコレについてはkeywordsについてもページごとに異なるものを
設定したほうがよいのでしょうか？

>>33
firebugつこうてると修正の度に毎回リロードすんのがめんどいねん。

すいません追加でもう一つ。
検索サイトでヒットしたときに表示される文章が、
descriptionのものが表示されるんですが、
本文が表示されるようにするにはどうすればよいのでしょうか？

>>37
descriptionを設定しなければいいです

>>38
なるほど
ありがとうございました。

>>35はkeywordsについてだけ、回答ほしいです
お願い致します。

ああ！すいません。
descriptionを設定しないとは、
metaタグごと全て消してよいということでしょうか？
それとも
<meta name="description" content="">
こんな感じに空白にするのでしょうか？
何度もすみません。お願い致します。

>>36
kwsk

HTML5でPC、スマフォ、携帯対応のホームページを作りました。
携帯の場合CSSが読み込まれないのでbodyの次くらいに
<noscript><font size="2"></noscript>を入れ
bodyが終わるチョイ前に<noscript></font></noscirpt>で
ページ全体のフォントサイズを2にしていますがこれはおかしいでしょうか？
一応表示はされていますがDW上では無効なマークアップと表示されてしまいます。

他に方法を知っていられる方がイましたらご教授いただければ幸いです。

>>41
firebugは、CSSやHTML修正するとリアルタイムでブラウザに反映されるから。
更新ボタン押す必要もないし、セーブする必要もない。だから修正作業が超楽。

>>43
それが>36に繋がる理由がわからない
Firebugはjsfiddleでも使えるし、何も問題ないように見えるけど

>>43
jsfiddleはインラインで埋め込んでるだけだからFirebugで修正できるよ

ホームページつくりました。
少し困っていますので、どなたか、ご相談にのってくださいませ。

Index.html
index.file -css.file -base.css
　　　　　　-img.file -logo.gif
　　　　　　-shumi.html
　　　　　　-zikosyoukai.html
みたいな構成ですが。

アップロードして、希望は
�@index.html　を　http://tarou.com/
�Ashumi.html　を　http://tarou.com/shumi.html
としたかったのですが、

�@http://tarou.com/index.html
�Ahttp://tarou.com/index/shumi.html
になってしまいます。

どうしたら上記のような構成にできますでしょうか？

Welcome to tarou.com

って言われちゃった

ところでFTPはどうしてますか？
そこを書かないとだれも答えられないと思います

すみません質問です
CSSでhoverを使うとき、プロパティの部分に別のタグのプロパティを指定することはできますか？
たとえば、タイトル文字の上にマウスカーソルがきたときに、タイトル文字を赤くするのではなくて、
本文の文字を赤くしたい、というような使い方です
お願いします

すいません。
サーばーは、ロリポップでレンタルしていて、
ＦＴＰはCYBERDUCKというソフトでアップロードしました。

>>45
そうなんだ。使ったことがないからあんま知らないんだよね。ありあり。

>>40
metaタグ全部消して良いよ

>>49
可能

>>46
サーバ上の.htaccessというファイルにindex.htmlを追加してやればおｋ．

>>53
すみませんやっぱり見つからないです
どのように指定するのでしょうか？

すいません
cssわかりません
背景を青にしたいです
このindex.htmlを、どのように書き換えたらよいでしょうか？
<html>
<head><title>kumakatsu</title>
<span style="color:#009900;"><strong><span style="font-size:large;"><br>kumakatsu</br></span></strong></span>
TOTAL<br>
<a href="http://candybox.to" target="_blank"><img src="http://yellow.candybox.to/kumakatsu/dayx/dayx.cgi?gif" border="0"></a>
<br>
TODAY<br>
<a href="http://candybox.to" target="_blank"><img src="http://yellow.candybox.to/kumakatsu/dayx/dayx.cgi?today" border="0"></a>
<br>
YESTADAY<br>
<a href="http://candybox.to" target="_blank"><img src="http://yellow.candybox.to/kumakatsu/dayx/dayx.cgi?yes" border="0"></a>
<br>
<a href="http://yellow.candybox.to/kumakatsu/dayx/dayxmgr.cgi">集計</a>
</head>
<body>
<br>
<br>つくったもの</br>
<br></br>
<a href="1017.php">占い</a>
<br>クリックしてください</br>
<br></br>
</body>
</html>
<span style="font-size:large;"></span>

float:leftによる段組をしていましたが、カラム落ちしまくりでした。
親divの width:100% をやけくそに width:1200px とかしたらあっさり解決しました。

そういう考えでOKでしょうか。それとも、もっとスマートな方法がありますか。

解決しました
またよろしくお願いします

>>57
display:table系とかどう

>>49ですが可能というレスのあとに詳しいことも書かれないということは
かなりな基本的なことだから、ということなのでしょうか？
二日間探し続けて見つからないのですが、ネット上の解説サイトでもよく書かれているような
ことを見落としてしまっているのでしょうか・・・

>>60
弟か子孫なら、兄弟結合子とかで出来ると思うよ
あと :target 擬似クラス使うとか

ページの配色（文字色、背景色、リンク色など）をどうしようか悩んでいます。
携帯で見やすい配色にしたいのですが、そのあたりを詳しく説明している参考になるサイトはありますでしょうか。

テキストメインのサイトになります。

スレチガイであればお手数ですが、誘導お願いします。

>>59
IE7では採用されてないようですが切り捨ててもOKですか？
display:tableはなかなかオシャレだと思いました。

XPでIE8が重要な更新になってるからおｋ

>>61
すみませんやっぱり分らないです
ttp://zng.info/specs/css3-selectors.html#selector-syntax
このサイトは全部読んでみたんですがやっぱり分りませんでした
わたしのほうの質問の仕方が間違っていたらすみません

詳しく質問を書き直してみます
<font class=fontclass>テスト</font>のテストの文字部分にマウスカーソルがあるとき
<body class=bodyclass>のbodyの背景色を赤にしたいという場合、
CSSでは
.fontclass:hover{background:red}
としてしまうと普通に.fontclass部分が赤になってしまうだけなので
<body>部分、もしくは「.bodyclass」部分を{background:red}としたいのですが、
body font:hover{background:red}
としてしまうと..fontclassにカーソルがあるとき文字が
赤くなるだけでbodyのbackgroundには適用されないですし、
.fontclass{.bodyclass.background:red}
と、適用したいプロパティを指定しようとしても当然文法外として動いてくれません

:hoverを指定したいのは.fontclassで変更したいのは.bodyclassという場合、
javascriptを使わずに書く方法はないでしょうか？

>>65
糞古いな。勧告された奴の日本語訳あるからそっち読んだ方がいいよ
http://standards.mitsue.co.jp/resources/w3c/TR/css3-selectors/

:hoverから遡って親に反映させるのは、CSS4セレクタ使わないと無理
クリックしたときで良いなら、body:target{background:red;}みたいにして出来るかもね

>>66
ありがとうございます
CSS4ということは、どうりで解説サイトを漁っていても出てこなかったんですね
これを機会にCSS4の勉強もやってみます
ありがとうございました

全くの素人で済まないのだけど、2chってﾚﾝﾀﾙｻｰﾊﾞｰつかってるの？

カテゴリを画像の左上に表示しているのですが
文字が縦に表示される時があります。

全て確実に横に表示するにはどうしたらいいでしょうか？


<span class="cate"><%topentry_category></span>


.cate{
color: #FFFFFF;
font-weight: bold;
background-color: #1E26FC;
padding: 3px 10px 3px 10px;
line-height: 12px;
position: absolute;
z-index: 1;
margin: -6px 0 0 -6px;
}

ブログの右端に来た時だけなる様なので、
上に書いたCSSの問題じゃないかもしれません。

エログでなんですが、直し方が分かる方がいましたら教えて下さい。

mimasuka.blog50.fc2.com/

firefox,IEともマトモに表示されてるように見えるが。
何がブログの右端に来た時になるんだ？カーソル？

トップページの画像の左上にカテゴリが表示されていますよね？

記事が右端に来た時に
カテゴリの表示が縦に表示されているのが気になってます。

すいません。
理由が分かりました。

ブラウザの横幅が原因だったみたいです。
ブラウザのサイズで表示が変わらないようにする方法はないでしょうか？

そういうことね。ならcateの中のpositionがabsoluteだからじゃない？
relativeにすればいいんじゃなイカ。

質問です。
ページ上部にヘッダ固定を試みた際、
positionのfixedを用い、固定自体はできました。

ただpositionを使用するとページサイズが小さいうちはいいのですが、
ページサイズがテキストで300KBを超えたあたりから動作が異様に重くなり、
ホームページに戻ろうとしたり更新ボタンを押すと
しばらくブラウザが固まってしまいます。
試しに意味もなくabsoluteやrelativeだけを入れても同様の結果になりました。

どうにかしてpositionを使わない仕様にすべきでしょうか。

relativeにしたら直ったでゲソ。

そのかわり画像の位置が一行分下がってしまった。
とりあえずマイナスマージンで画像の位置を上げたけど
各ブラウザに影響されないような画像の上げ方ないでしょうか？

.box img{
margin: -13px 0 1px;
padding:0;
border:none;
text-align:center;
width: 160px;
height: 120px;
}

絶対positionが原因じゃないだろうからソースがわからないとどうしようもない。
サーバにうｐしてるならアドレス貼るか、zipでindex.htmlとcssをおくれやす。

>>76
さっき見直したらrelativeになってたから修正したなとわかったｗ
今ちょっとチェックできないけど、ネガティブマージン使ってる箇所にpositionは設定してる？
position設定しないと受け付けないブラウザがあったはず。

俺はfirefoxだけしか見れないけどきちんと表示されてるように見えるけど。

>>77
勢いで質問してしまいましたが、
positionが原因でないと信じて疲労の限界まで自力で頑張ります。
どうしても無理だったら貼り付けてお世話になります。

特定のキーワードのSEO対策はどうすればいいの？

>>78
IE6.0での表示に問題があるみたいですね。
とりあえず .box imgに「position:relative;」を付け足しておきました。

僕もIEは見れないのでチェックできず困ってるんですよね…


もう一つエログをやってるのですが、
IEで表示するとおかしくなってるみたいなので、
どなたか間違ってる所をチェックして頂けないでしょうか？

出来ればそっちのURLは晒したくないので、
ソースを見てみてもいいという方はメール下さい。

[email protected]

よろしくお願い致します。

ばれそうな所は削除して、関係ありそうなソースだけ残して
index.htmlとcssのファイルさえzipってくれればいいよ。

オラはjsfiddleとやらの使い方がよく分からんのです

>>82
最近ずっと質問答えてくれてる人？
プログラマなんだろうけど、どういう環境でPGしてますか？

>>83
サクラエディタ＋firebug
以上ですｗ　DW触ったこともないけど、この２つがあって他に何がいるんだろうと思ってシマウマ

jsfiddleは張られたページ開くだけだろ
使い方って何だ

>>84
サクラエディタでプロジェクト開発（複数人）とかできるの？
最近やたらと勧められるんだけど。

>>77
素人なりに試行したところ、
ご助察のとおりpositionが問題ではなく、
position:fixedを機能させるために新たに追加したdoctype宣言が原因でした。
doctype宣言を入れると、それで何を指定してもページは超重力に見舞われました。

ただ、これがページの仕様と噛み合わなかったのか
自分のPCやブラウザと喧嘩してるのか不明なので、後日ネカフェあたりで検証します。
返信ありがとうございました。

>>86
個人事業主だから一人でしか作らないっす
タグ形式＋マクロ＋PHP辞書対応＋grep置換できるとなると
秀丸以外だとサクラしか残らないから（多分）

>>87
オメです。Framesetの宣言追加したということですかね？
多分うｐられても気づかなかったかもｗ

http://www.hisakawa.net/hososhitsu/

このサイトのトップはFlashだと思っていたのですがそういう要素が見当たりませんでした
読み込みも速く次々と画像が変わったりするのはどういう技術なのでしょうか？

javaの技術のひとつだろうね

つ s3Slider

jQuery。head部に書いてあるよ。

適当に弄ってたらレイアウトが崩れるのはおそらく直りました。


あと、IEでRSSを見ると更新情報の文字がセンタリングされているみたいで困っています。
更新情報を左に寄せるにはどうしたらいいのでしょうか？

無駄なコードだらけですが、確認お願い致します。

pass：1
http://www5.puny.jp/uploader/download/1319068399.zip

ファイル名が文字化け&index.htmlがなくて見られんよ〜

>>92
こんなグチャグチャに壊れたファイルを出して。
PCの基本操作をマスターするのが先じゃね？

Macなだけだろ

95 名前：Name_Not_Found[sage] 投稿日：2011/10/20(木) 10:39:51.09 ID:???
Macなだけだろ

>>93 >>94
申し訳ありませんでした。

ファイル名と拡張子を変更してみたので再度確認して頂けないでしょうか？

pass:1
http://www5.puny.jp/uploader/download/1319075144.zip

とりあえず適当にalineがcenterになってる所をleftに変えてみたら？

>>98
ありがとうございます。

leftに変えたら一発で直りました。
しょうもない質問ですみません。

ありがとうございました。

<object>タグでhtml文書表示しようと思って調べたらブラウザによって対応が違うと書いてあったんですが、今主流のブラウザでもそうなんでしょうか？

>>88
ＰＨＰ辞書とか対応してるからサクラがお奨めなのか。サンクス。

共同開発の件だけど、今開いているファイルにをロックできる機能があればＯＫ。
フリーのソフトウェアにそこまで求めるのは無理かな？

marginとwidthとborderがらみで質問
https://gist.github.com/1299070
見た目
http://uploader.sakura.ne.jp/src/up63333.png

今はこんな状態です。
ここに
border: solid 3px #FF13D5;
をnavとかにいれるとsectionのところが下に回ってしまいます。
これは、widthの範囲がmargin、paddingだけじゃなくてborderも引いた部分として計算してるからですか？
もし、そうであれば段組崩さずにborderつけたい場合どうすればいいんでしょうか？

>widthの範囲がmargin、paddingだけじゃなくてborderも引いた部分として計算してるからですか？

yes。borderつけたいなら、今のnavかsectionの％指定してる横幅をborder分小さくする。
sectionのwidthを69.5%位にするとかね。

>>101
鯖上にエディタ置いて、自分がソースいじってる時は、他の人がファイルを編集できないように
するってことかね？サクラエディタには排他制御ついてるから間違いなく出来るとは思うよ。

単純にAptanaとかはどう？

>>100
すまんこってすわからんです

>>99
おｋおｋｗ

>>104
素早い回答どうも。サーバ上にはデータのみ。ソフトは各自のパソコンです。
サーバー上にエディタを置くというのは今流行のクラウドとかいうのですか？

今ググったところAptanaはDWとそん色ないとのことでサクラより上に感じてます。

>>103
ありがとうございます！細かく調整してみます。

>>101
複数人で開発するなら、gitとかmercurialみたいな分散型バージョン管理システム使うのもありだと思う。
別バージョンとして管理してくれるからロックする必要ないし、後でマージすればいい。

>>107
>バージョンとして管理してくれるからロックする必要ないし、後でマージすればいい

それってちょっと恐くないですか。
後でマージのイメージがゴチャゴチャになりそうで・・・

質問スレに書き込んでしまったので、例として落着の報告を。

doctype宣言が重くなる理由はIEが「8」だからでした。
どうしようもない理由で長文を垂れ流してしまい申し訳ありません。
IE9はフォントのズレなど新たな問題こそありますが、問題は解決しました。
ありがとうございました。

俺が１ヶ月前にいたスレと違うｗｗｗ
ちゃんと機能してる怖いｗ

>>108
ちょっと言ってる意味がわかってないんだけど、複数人で開発するなら今は割と一般的な方法だと思う。
そのイメージがごっちゃにならないようにする為のツールだと思う。

http://hg.alliedmods.net/mmsource-central/graph
こんな感じでイメージわけられるから、後はマージするだけ。

>>108
昔のイメージで語ってるなら、今の機械的マージは人が手でやるよりよっぽど優秀だぞ。

>>100
世の中にはIE8というブラウザがあってな

>>111
昔のイメージしかなかった。というか昔の悪夢がｏｒｚ＿

まだ良く分からんが、進化しているというのはよく分かった。アリガトン

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

メニューって書いてるところを横一列で設定したいんですが観覧するブラウザの横幅によって
スクロールバーが出ずに自動的に2列になったり3列になったりします。

どんなブラウザで見ても一列で見れるように設定したいんですけどどうしたらいいのでしょうか？

http://jsfiddle.net/6FZUJ/

>>116
2行になる方が便利だと思うんだけどねえ
http://jsfiddle.net/6FZUJ/1/

横スクロールを強制するサイトは願い下げだな
使いにくいから結局ウインドウを広げることを強制しているようなもの

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

>>118
横スクロール強制ってみたことないけどどういうサイト？

>>120
1024を越えるPCサイトをアンドロイドで見ているんでないの？

>>120
PCでもウインドウを横に二つ並べることがある
width=1024px あたりは横スクロールが出てきてウインドウを広げざるを得ない
せめて800pxにしてくれ…

>>120
ttp://hihumiyo.net/

ウインドウは最大化するものと思いこんでいる人って結構いるよな
ワイドディスプレイでは最大化しない方が読みやすい

>>123
あの粘着基地外はこれをやりたかったのか
くっだらねｗ

小沢健二生きてたのかｗｗｗ

>>123
まず最初に何をすべきかすら迷うわｗ
個人的には「こまったら」のとこの「それでも頁が見られない場合は、お友達や
近所の方のコンピューターでご覧ください」に心を打たれたｗ　なんて親切。

>>123
> 表紙の頁は矢印やマウスのホイールで左右にスクロールするようにつくられています。左右に動かない場合は、ジャバスクリプトを有効にしてください。
>
> お使いのブラウザがファイヤーフォックス以外(サファリ、インターネットエクスプローラなど)の場合、頁をマウスのホイールで動かせないことがあります。
>
> ファイヤーフォックスは無料でインストールすることができます。
http://hihumiyo.net/site_info.html

Firefox で見てください、ということですかｗ

body { overflow: hidden; } にしてスクロールバーを消し、JavaScriptでスクロールを制御してるな
普通に書けば横スクロールバーが出て全ブラウザでスクロールできるというのに…

CSSもおかしいな
FirefoxやIEで右にスクロールすると余白がある
Chromeは無理だな

それじゃオサレじゃないと思ったんだろう。渋谷系として。

javascriptでCSS追加すればいいのに
ばかすｗ

よく、ページ全体をwrapperとしてdivで囲ってるページがあるんですが何かメリットがあるんでしょうか？
<body><div id=wrapper></div></body>みたいなやつです。

こうするなら#wrapper{}に書いてるものをbody{}に書けばいいと思ってます。
ただ、全然詳しいわけじゃないので基本的な事でもいいので、教えてもらえると有難いです。

bodyにヘッダーの背景画像使うとかかな
でwrapperは真ん中に寄せる

初心者スレから誘導?をされました

.aaaaa { background: url(URL1) }
.aaaaa { background: url(URL2) }
.aaaaa { background: url(URL3) }
↑と数種類ある画像をランダムに読み込ませたい場合はどこにどのような文字を記入すればいいでしょうか？

初心者スレの奴らは何をしているんだ全く・・・
その質問はjavaScriptスレだな。

>>136
誘導さんくす。さよならぁ

>>133
wrapperは邪道だと言っている人がいたな。
まあ、普通に使われてるけど。安全策な意味もある。

>>134
なるほど、背景があるんですね。

でも、真ん中よせはbodyに同じ要素指定したら同じ動作するんじゃないんですか？

>>139
例えばヘッダーの画像が画面一杯に広がってて
サイトの中身自体は700pxとかあるでしょ?

>>140
そのパターンはよく見るけど、実際はhtmlに背景画像指定すればいいだけなんだよね
知らないから#wrapper使うんだろうけど…

wrapperはテーブルレイアウトを脱出するときから無意識に使ってたわ

実際のページみてみると、みんな言うようにデザインがらみが一番おおいのかな。bodyでbackground指定して、wrapper部分は部分でまた別に指定するみたいに。
特にブログなんかで多いですね。
あと、bodyってwidth指定しても全体に背景が描画されてしまうっぽいし。

私>>116で教えて頂いた者で何度も聞くの恐縮なんですが

http://www.seohikaku.net/?gclid=COX_9fujtKsCFSdNpgodbEveew
↑
このHPのメインメニューのようにウインドウのサイズに合わせて左右平等に伸縮させたいんですが

私のメインメニューでは左のスペースが固定されてて伸縮されません
いろいろ方法を試してみたのですが出来ないので教えてください

http://jsfiddle.net/6FZUJ/1/

説明が下手かもしれませんがhttp://www.seohikaku.net/?gclid=COX_9fujtKsCFSdNpgodbEveew
のサイトのメインメニューのようにしたいです。

>>144
http://jsfiddle.net/6FZUJ/4/

これじゃ駄目なん？

>>143
その考えでいいと思うよ。サイトを％指定でフルに使いたいならwrapperは必要ないし、
サイト幅固定するなら、wrapperで囲む、その位の考えで。

http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

ここにcss3で角丸を表現する方法が書いてありますが
behavior:url(border-radius.htc);を指定してもIE8で角丸になりませんでした
http://www.css-lecture.com/log/css3/css3-border-radius.htmlではIE8にも対応と書いてあるのですが
IEでcss3を動かすのは無理なのでしょうか？

>>147
それはfirefoxやIE9ではちゃっと角丸表示される？

ちゃんと

>>145
uhoooooooooooooooooooooooooooooooooooooooooooのバックグラウンドの黒いバーはどんなウインドウの大きさでも横幅いっぱいの表示にして
uhoooooooooooooooooooooooooooooooooooooooooooという文字のみをウインドウの大きさに合わせて左右同じ幅で収縮させたいです

何度も恐縮ですが教えて頂けると幸いです


http://www.seohikaku.net/?gclid=COX_9fujtKsCFSdNpgodbEveew
↑
このメニューのような表示にしたいです

>>147
ほぼ非対応だけど、ｈｔｃやjsで対応はできると思うけどね。
一応鯖があれば鯖にうｐしてアドレス貼るか、index.html+css+border-radius.htcのファイルをうｐってみて。
動作確認するから。

>>150
http://jsfiddle.net/6FZUJ/6/

>>148 >>151
ボケボケで恥ずかしながらborder-radius.htcをDLするのを忘れていました
無事にIEにも対応（9は未確認）できてほっとしました

ここで1つ引っかかったので質問なのですが
例えば今回のページをtest.html、test-cssとして同階層のhtml5jpというフォルダにhtcが入っている場合
cssにurl(html5jp/border-radius.htc);と指定しても何の反応もなく
フォルダから出して同じ階層に置きurl(border-radius.htc);とするときちんと動きました
ググってみても指定の仕方は合っていたのですがこれは何が原因なのでしょうか？

書き間違えました

誤）test-css
正）test.css

>>152
完璧にしていただきありがとうございます。

>>144
すっげーごちゃごちゃして若干むかっとくるんだけど、mainmenuのliのwidthを%表示にしたら？
6個アイテムあるなら16.6%ぐらいで。

こんな感じで。
http://jsfiddle.net/6FZUJ/7/

あと、tableいらないだろ。

>>153
>border-radius.htcをDLするのを忘れていました
予想外ですｗ

htcファイルのurl指定には何か癖があって、ファイルの階層さかのぼるように書いても
上手くいかないようです。単純に、cssファイルと同階層にhtcファイルを置いておけば、
パス指定しなくても、ファイル名だけでcssがhtcを認識してくれるみたいですよ。

>>156
なるほど！助かります
http://jsfiddle.net/6FZUJ/7/　のタグはウインドウの大きさに関係なく左右同じ幅になり完璧です

そのようにどんなウインドウの大きさでも左右同じなことを条件で
ウインドウを伸縮させたときにこの部分http://gazoy.com.s3.amazonaws.com/s/atc/md.jpgの両サイド（空白）だけを
伸縮させるにはどうやってるんでしょうか？

これで全部おわりなんで教えて頂けたら幸いです

http://www.seohikaku.net/?gclid=COX_9fujtKsCFSdNpgodbEveew←メニューのリストの大きさは変わらないのに
左右の空白部分のみ伸縮しています

>>158
「ブロックレベル要素 センタリング」でぐぐる

>>159
ありがとうございます
おかげさまで全部解決しました！

またよく分からないので教えて下さい。

テンプレート内に<br>を入れても反映されない場所があるのですが、
なぜなのでしょうか？

<br>の後ろに全角スペースを入れるとfirefoxなどのブラウザでは改行を確認できたのですが、IEは全滅でした。

br {
letter-spacing:normal;
white-space:normal;
}
を入れてみてもダメでした。

IEでも反映させるにはどうすればいいでしょうか？

ナビゲーション用のリンクから飛んだ先が、コンテンツの一部だけ変更になるようなものでも
その部分だけが違うhtmlファイルを置いてるのって、見積もりを多く取るためにやってるんですか？

たとえば、よくある個人医院なんかのページでメニューの交通案内をクリックすると、他の部分は同じで真ん中に地図表示するだけのものなのに
地図部分だけが違って他は丸々indexと同じhtmlにとばしてたりするものです。

地図部分だけ用意して、phpとかで読み込ませたらheaderやfooter、nav部分はindexに書いておくだけでいいですよね。
何か他にメリットがあったりするんでしょうか。デザインもしっかりしてて明らかにプロが作ってるようなページでもよく見かけるので疑問に思いました。

地図部分だけ用意して、phpとかで読み込ませてるんじゃないの

仮にphpで読み込ませるように作ってあっても
ブラウザでアクセスすると送られてくるのは置き換えた後のhtmlなので
見る側には区別つきません

>>161
>br {
>letter-spacing:normal;
>white-space:normal;
>}
なしでも、IE9で試したら普通に改行されたよ。IEのバージョン何？

>>163
phpに渡すならリンク<a href="">は〜〜.php?id=みたいになるから分かると思うんですが、違うんですか？

拡張子phpで表示してるのって少数派じゃない
HTMLならhtml使った方がいいと思うし

>>166
mod_rewrite

>>168
apacheのモジュールでそんなのあるんですね。知りませんでした。渡してるパラメータ見られたくないとかそういう理由なんでしょうか。

mod_rewrite使わなくてもincludeとかでも出来るし
mod_rewrite使ってるとしても、静的ページのURLに?含まれてるのも変だし

>>157
素直に同階層に置くことにします
ありがとうございました

>>165
ありがとうございます。

IEは使えないので見てないのですが、http://www.cman.jp/BrowserCapture/
でサイトのキャプチャ画像を見ました。

サイト下部の「テスト」になっている所の上にスペースありますか？

mimasuka.blog50.fc2.com/

>>172
私もIEじゃテスト出来ないからわからないけど、もしかしたらborder-top-left-radiusが
邪魔してるんじゃないかという気がする。ちょっとこれ消してテストしてみて。

CSS3の機能はIEじゃ役にたたないのが多いよ。

ごめんrightの方もね。

>>173

試してみましたがダメそうでした。

<h4 class="pluginMain-t" style="text-align:left">テスト</h4>
このタグの下からは<br>が有効みたいなんですが、
これの直前に置くと無効になるようです。


＞CSS3の機能はIEじゃ役にたたないのが多いよ。
そうなんですか。
あまり意味がないようでしたら外しておきます。

違いましたか・・・ならclearが絡みそうだけどこれは省けないから
marginで上との幅を調整するのがいいかな。<br>はなくても、pluginMain-tクラスの
marginで調整できるよね？

>>175
再現可能なコードをjsfiddleに置いた方がいいと思う
言葉では状況がわかっても再現できない

アドレス晒してるのに再現できないのか・・・ｗ

ああ、これか
br で margin とろうとするのがおかしい
br を削除してCSSで margin を取るべき
h4.pluginMain-t { margin: 1em 0 0; }

>>175
<div class="box">のfloatが解除されてないのが
原因だと思う

他の箇所では<br clear="all">でfloatを解除してるみたいだけど
IEでスペースがない箇所は記述がない

あと、>>179が言うとおり、<br />でスペースを確保するのはおかしい
<br />は文章を改行するためのもので、この場合はmarginを使用すべき

<ol>で囲ったらその囲ってる上下の行開がかなり開くんですが
ｃｓｓで
ol li {line-height :nomal ; }では囲った中でしかなりません<ｏｌ>で囲んだ上のスペースを埋めるには何を使ったらいいですか？

margin

IE9のデフォルトのリンク色のコードを教えて下さい。

>>183
クリック前：#000080
クリック後：#800080

回答をしていただいた方々、
ありがとうございます。

<div class="box">のfloatを解除した所
正常に反映されるようになりました。

h4.pluginMain-t { margin: 1em 0 0; }を追加すると
上下にマージンが出来てしまうようでしたので、
h4.pluginMain-t { margin: 25px 0 0; }と
h4.pluginMain-u { margin: 0 0; }に分けて表示してみようと思ったのですが、
IEではマージンが反映されていなかった為、結局<br />を使わせていただきました。

想像通りに表示できるようになったので非常に助かりました。
ありがとうございました。

画像の大きさと画像の文字を回り込ませるのコードの組み合わせ方がわかりません
<IMG src="(画像のアドレス）"" width="横幅" height="高さ"" align="left">これでは回り込ませるの文字列が？になってしまいます
解決策を教えてください

>>186
http://w3g.jp/xhtml/ref/

>>187
これは答えるに値しないということでしょうか
超初心者なので上級者の方々にはん？って思われてしまったのかもしれませんね
一応もう一度だけ再度質問しますこれで回答がなかったらやめにします
画像の大きさと画像の文字を回り込ませるのコードの組み合わせ方がわかりません
<IMG src="(画像のアドレス）"width="横幅" height="高さ" align="left">これでは回り込ませるのコードが？になってしまいます
解決策を教えてください

>>188
http://w3g.jp/xhtml/ref/

質問が日本語になってないよ

きっとjsfiddleの人が答えてくれるよ！さあjsfiddleにうｐしよう！
彼に任せれば俺じゃなくても皆の質問に答えて、荒れないスレになるはずさ。

ここまでわかりづらい質問も珍しい
相手に何かを伝えたいならせめて、そういう努力はしてほしいわ
煽るつもりがないが本気で日本語から勉強しろって思った

よろしくお願い致します。
nm43270.txt
このHPなのですがあと少しで終わりなのですが一つだけ問題をクリアできません。
なにとぞここのプロの方達にご教授頂ければ幸いです。
何人か友達にも聞きましたがだめでした。
で、このHPなのですが、トップページのfooterのホームへ戻るのイラストがfooter草シルエットの
背面に移動させたいのですが一応z-indexなど使ってみましたがだめでした。
よろしければfirebugなどでhtml、cssなどの記述をチェックして頂けたら幸いです。
どうかよろしくお願い致します。
ちなみに就活用です。

URLのリンクの張り方間違えていました申し訳ないです。
http://ichigo-up.com/cgi/up/qqq/nm43270.txt.htmlです。

http://ichigo-up.com/cgi/up/qqq/nm43273.txt.html
焦っているせいかまたまた間違えました今度は大丈夫かと思います。

FC2ブログのテンプレートを弄っていて
<html>
<head>
</head>
<body>
<div id="container">
</div><!-- /container -->
<div id="footer">
</div><!-- /footer -->
</body>
</html>
という風にfooterをcontainerから出して左右に伸びるようにしたんだが
何故かcontainerの背景に指定していた画像が表示されなくなった。
なのでfooterをcontainerに戻すと、またcontainerの背景が復活した。
footerを左右に伸ばしたいのに、背景が消えるせいで出来なくて困ってるんだが
誰か助言を貰えんだろうか。

jsfiddleの人〜質問が詰まってきてるよ頑張れ〜ｗ

>>193
�@<div class="footerimg">と<div class="footertop">を切り離す。

<div class="footerimg"></div><!-- /footerimg -->
<div class="footertop">
　　<p class="tohome"></p>
　　<p class="totop"></p>
</div><!-- /.footertop -->

�A<div class="footerimg">にheight: 50px;とposition: absolute;を指定する。
�Btopで位置を調節する。

>>184
遅かれながらありがとうございます

質問です。
ＦＣ２ホームページでウェブサイトを作っているのですが、
jqueryを使ってサイドバーを外部html(同じディレクトリ)の読み込みで表示するようにしようとしたのですが、
ローカル環境ではできてもＦＣ２でやろうとすると一瞬ページが現れた後全体が白くなってしまいます。
明らかにサイドバーを読み込むタイミングで白くなります。その部分のスクリプトを消すと問題なくページは表示されます。
どうすれば問題なく読み込めるようになるでしょうか？それともこれはどうやってもできないものなのでしょうか。

文章・用語など意味不明な部分もあると思いますが、どうぞよろしくお願いします。

>>196
CSSチェックするか可能ならリンク張る

>>201
ということは、本来なら>>196の構成で問題ないってことか。

リンクはちょっと憚られるから、他の部分の記述をチェックしてみるわ。
ありがとん。

>>202
いや、footerを外せるかどうかがCSS次第なのだが。

>>203

無知ですまないが、フッターを外せないCSSとは……
もしやフッターを固定するタグとかがあるのか？

>>204
CSS自体、色んなブラウザに合わせるために色々な書き方がある。
しかもテンプレだから、ちょっと違うことをやりたい場合に困る。

漏れの場合containerとかで包まないから、質問者さんのやりたいことは余裕。

HTMLの勉強始めたばかりなんですが…

これまでHP作成を目的にしていたんですが、
HTMLコードを知るということは、既存のWEBページにも自分仕様に、
黄色ラインや追記をつける活用もできるということですか！？！？

>>196
ありがとうございました。
助かりました。

間違えました
>>198さんにでした
ありがとうございました。
助かりました。

>>200
JQの読み込みのタイミングに問題あるんじゃない？

>>205

CSSの記述を他のCSSとかも参考にして見直したら
原因が判明した。

containerにoverflow: hidden;が抜けていたせいだった。
背景が表示された瞬間「oh……」ってなったわ。

いずれCSS3とかも使いたいが、道のりは険しそうだ。
なにはともあれ、ありがとん。

>>210
昨日の人か。原因が分かって良かったよ。
HTML系は１文字間違えただけでも動かないから。

ツールがなければうっかりミスはこちらで検証がおすすめ。URL入れて検証するを押せばOK。
http://jigsaw.w3.org/css-validator/

>>211

ほんと一文字ミスは恐いなー。

thx、原因が特定できないとき使ってみる。

まだ初歩の段階しかできてないと思うんだけど
だれか人柱になってくれる人っていないかな？
誰かの要望聞きながらhp作ってみたい。

html-lintでチェック項目全力にして人柱代わりにすれば

ファイルのダウンロード機能でEXCELファイルがブラウザに
表示されないようにしたいんだけどContent-Typeとか
Content-Dispositionの指定で確実に制御できる？
ブラウザによっては動きが違ったりするのかな？

どうしても分からないのですが
____ _________
「　l 「 l
l�@l l �A l
l　 l l l
l___l l___________l

�@をクリックして�Aの内容だけを変更したいのです

CSSのボックスを使っているんですが
この方法をなんて言うのか分かりません

質問変えます

インラインフレームの様な用法を用いて定義したボックス内の内容だけ変えるという事は可能なんでしょうか？

JavaScriptで可能

PHPで可能

phpは頭痛くなるので・・・javaでソースもらえませんか？

JavaとJavaScriptの違いも分からない人には無理です

JavaScriptは検索エンジンにインデックスされないけどね

そのレベルだと本当に無理だな
ググって根本から勉強した方がいい

素直にインラインフレーム使えば

このスレの人達怖い

わからないから自分が思いつくレベルの知識で相手をなじるしか出来ない。
ちょっと前までこうじゃなかったんだけど、ずっと前の状態に逆戻り。

わからないがら云々は見当違いだと想うけど

無理なことを無理だと教えてあげるのも優しさだよ

>>222
a要素にclickイベント付ければいいんじゃないかい

>>229
a要素を直打ちするならiframeの代替にはならないだろう

あるサイズの四角を作り黒く塗りつぶします。
その中に動画を入れて、その動画が黒い四角の縦横中央になるように設定したいのですが、どうスタイルシート等で設定すればいいでしょうか？

ソースはこんな感じにしてます。

<div class="blogmovie_movie_one">
<div class="blogmovie_movie_one_top">
<div class="blogmovie_movie_one_movie">
<embed src="images/201110142222.mp4" width="110" height="83">
</div>
</div>
<div class="blogmovie_movie_one_under">
Ａ君の動画
</div>
</div>

ボーダーで黒枠作るかBGを黒パディングで等倍なるように囲むか

さすがにちょっとそのdiv病は重度なんじゃないか

>>233
まあ表示上は想定した物で見えればそれで良しなんだろ
あなたならどうする？

<div>１個で済むでしょう・・・

>>230
preventDefaultとかで止めればいいんじゃないの

div病ってSEO上はどうなの。divが多いと不利？

アルゴでは、divとspanは無い物扱いされると思うけど？・・・
CSS2 角丸とかナビとかで、凝った商用サイトなら多くなるからね。
おれは、XHTMLのXML宣言入りの場合、IE6用にdivのインナーで対策してる。
そろそろIE6対策をやめようかとは思ってるけど、つい安全策で・・・

私のサイトですが、ページを開くと動画が自動再生されて困っています。何か間違っているでしょうか？
http://hellohomepage.digi2.jp/video.html

質問させて下さい。
超のつく初心者です。外部cssをつくり
<STYLE TYPE="text/css">
<!--
BODY{
font-size: small;
font-style:normal;
font-weight:lighter;
font-family:"MS Pゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
A:link{
text-decoration:none;
color:#000000
以下続く・・・・
と記述してみました。リンクに関しては色やhoverなども反映しました。
ただ上の部分で記述しているはずの、フォントの大きさなどが変わりません。
「BODY」のところを「P」にしてみたり「@charset "Shift-JIS";」を書き加えてみたりしましたが変わりませんでした
それなのに、借りてるHPスペースで自動的に入るテキスト広告だけに適応されているのか、文字が小さくなっています
chromeとsafariで確認してみましたが両方とも同じでした。
原因は何でしょうか？

>>239
おれの環境では大丈夫だったぞ
winxp sp3
IE6〜8、クロームでのみ確認

原因は多分、そちらの環境ではstop();の命令が効いてないと思われるです

一番簡単なのはyoutubeにアップしてそれを持ってくればいい
他にもflvにして適当なプレイヤーで再生するとか

>>240
<!--　-->で囲むとコメントアウト
つまり、囲んだ場所はコメントとなり、ブラウザ上で無視される
なので、これを外してあげればいい

@charsetは文字コードなので、サーバー環境、保存状況に合わせるべき

しかし、気持ち悪いので大文字でSTYLEとかBODYとか書かないでほしい
そんな俺は小文字派
ついでにいうとcss使うならhtmlとcssははっきり分けるべき
しっかりバリデートもするのです
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
http://validator.w3.org/

>>237
この人のdiv病はseoとかと関係ないべ
ただ作るのが下手なだけ

seo上どうかは、マークアップがしっかりできてるかどうかでしょ

>>241
そうですか・・・当方、Win7 IE8で見てます。
他のＰＣで確認してみることにします。回答ありがとうございました。

>>242
早い回答どうもありがとうございます。
問題の部分を消してみたけど変わらなかったです・・なぜだ・・・？？
しかし大文字で書いていたりとかなりの勉強不足だったようなので、出直してきます・・

用語1
-> 説明1
用語2
-> 用語2.1
->> 説明2.1

<dl>
<dt>用語1</dt><dd>説明1</dd>
<dt>用語2</dt>
<dd><dt>用語2.1</dt><dd>説明2.1</dd></dd>
</dl>

これだと文法チェックに引っかかるんですが良い書き方ありませんか
日本語おかしくてすみません

外部CSSに <style〜 の行は不要だがそれはokかい

>>247
直りました！ああ、なんという初歩的ミス。
どうもご親切にありがとうございました。
精進いたします

<a href="example.doc">ダウンロード</a>
のように、リンクをクリックすると
Word文書がダウンロードされるようにしたいのですが、
IEだとうまくダウンロードできません
どのような書き方をすればいいでしょうか
よろしくお願いします

すみません自己解決しました
MINE TYPE　とかいうのを追加したら正常にダウンロードできました

>>246
その部分だけだとどうやったって文法チェックにひっかかる
文法チェックエラーの説明を見れば分かると思う

で、用語2.1の所でddの中にはdtなどを入れる事はできない
定義する用語＝dt要素
その用語に対する説明dd要素
定義型のリスト作成＝dl要素

<dl>
<dt>用語1</dt>
<dd>説明1</dd>
<dt>用語2</dt>
<dt>用語2.1</dt>
<dd>説明2.1</dd>
</dl>

>>246
けどこれだと
用語1
-> 説明1
用語2
用語2.1
-> 説明2.1
と、なってしまうので
用語2.1のdtにclass指定で*.1の時は左にmarginとってあげればいい

<dl>
<dt>用語1</dt>
<dd>説明1</dd>
<dt>用語2</dt>
<dt>用語3</dt>
<dd>説明2・3</dd>
</dl>

>>251の構造だと↑みたいな意味のマークアップになるから
↓ulやolと同じように、入れ子にする

<dl>
<dt>用語1</dt><dd>説明1</dd>
<dt>用語2</dt>
<dd><dl><dt>用語2.1</dt><dd>説明2.1</dd></dl></dd>
</dl>

>>251
>>252
回答ありがとうございます
<dt>の後に<dd>書かなくてもエラーにはならないんですね、何か勘違いしていました

>>253
回答ありがとうございました、更新遅れて>>254で気付きませんでした。
そんな方法もあるんですね、こっちが本来の意味を持たせる事が出来るんですかね
少し悩みましたが>>253の書き方にします

>>253
なるほどいい手ですね
勉強になりました

>>236
そういうことじゃないだろ
iframeの代替にするのにHTMLをコピペさせるのかって事だよ

>>257
何をコピペするんだ
a要素をクリックしたときにDOMに挿入するんじゃないの

<div float:left;>
<div float:left;
<img>
</div>
あいうおえお<br>
かいくけこ<br>
</div>

って書いてるこのブロックの右側に回りこませようと、
<div float:left>っていうdivを後ろに書いたら、
何故か前に書いてるdiv要素と重なってしまいました。
前に書いてるdivが何故かabsolute扱いになってるんです。
原因わかりますか？

>>259
1.二個目のdivタグに>が抜けてるよ

2.
divのposition指定していない場合はstatic、通常の位置に配置となる
この場合、一個目のdivはfloat:leftだからブラウザのウィンドウ枠左から0pxとなる。

2個目のdivは一個目のdivの中に入っているので、
float;leftだから親である一個目のdiv枠左から0pxとなる。
なのでabsolute扱いうんぬんは関係ない

3.
これはdivがボックスなので、回り込みを解除してあげないといけない
これはイメージしにくいだろうけど、一個目のdivの中では回り込みを解除するという風にするんだ
なので、一個目のdivにclear;bothをいれるとあら不思議

4.
書いてくれたソースだけど、画像サイズの横幅が決まっていて
二個目のdivにサイズや位置を細かく指定しないなら
そのdivいらないかも？きっちりレイアウトしておきたいなら、あったほうがいいけどね

divでテーブルを作成する場合に、各項目が空の場合、つぶれてしまう。
どうやったら解決できますか。white-spaceはダメでした。min-height指定する以外になんかあったら教えてください。

すいません。
どれだけ調べても下のエラーメッセージの意味が分かりません。
意味と対策をご教授ください。


警告: 不平衡なツリーが document.write() を使用して書き込まれたため、ネットワークからのデータが再度パースされます。
詳しくは https://developer.mozilla.org/en/Optimizing_Your_Pages_for_Speculative_Parsing を参照してください。

>>262
JavaScriptコードがないのはなぜなんだ…

>>263
コードはこんな感じです。
これを別ファイルにして読み込むことで全部のページで共通のヘッダーを表示しています。
ヘッダーの中身にも閉じてないタグやタグの打ち間違いなど
不平衡な要素はありませんがこの警告が表示されます。


document.write("<header>ヘッダーの中身</header>");

斬新なコードだな
俺ならヘッダーの中身だけにする

警告が表示されるコードを晒しなさいね

Centos5.6（サーバ）、Windows（クライアント）使ってるんだが、

作ったファイルをffftpじゃなくdreamweaver付属のftpでアップロード先を

Centos5.6の/var/www/htmlにアップロードしたいんだけど、どうしたらいい？

サイトの管理でサーバーの設定→ルートディレクト空欄にしてると、

/home/ユーザー名にパスがさされてしまう。

ｈ１〜ｈ6って使える回数決まってる？
h1は１ページにつき１回みたいだけど

h1だけ1回のみ
後は何度でも

あとは、使う順番に気をつければいいだけ
h1の後にいきなりh4がくるとかはやめたほうがいい
文字サイズが変わるからってよく初心者が使ってる

>>269,270　真面目だな　その考えは中級者の概念だぞ

h1が1回だけという既定はないし
>>270を仕様書で説明するときに、↓みたいな紹介もされてる
○ h1 h2 h1
× h1 h3 h1

アウトライン生成する時、見出しレベルが飛ばされていると読みにくい気はするけどね

これからhtml初めてみたいのですがお勧めの入門本って何ですか？

>>272
確かにW3Cの仕様書でも１ページに複数のh1タグを使っているけれど、
問題になってくるのはSEOでしょう。

今はどうなってるか分からないけど
ランキング上位を狙ってh1一杯使ったサイトが増えて
それがスパム扱いされた

つー、考えのもとh1はそのページの中で一番重要なマークアップだよね
「一番」なんだから「一個」しかないよねってのが主流なだけ

何回でも使うのが推奨されている訳でもない

>>274
ほとんどの入門書が素人が書いたクソレベルだから気をつけろとしか言いようがない

>>275
Googleもマークアップではなく内容で見てるって言ってるんだし
いまどきSEOを気にして正しいマークアップが出来ないでいるのはどうかと

>>269〜272
レスどうも。h2を10個くらい使ってもいいのか気になったから。
h1は１個だけにしておいた方が良さそうかな？

> h1の後にいきなりh4がくるとかはやめたほうがいい
> 文字サイズが変わるからってよく初心者が使ってる
普通CSSで制御するだろ

>>279
> 普通CSSで制御するだろ
普通はな。
だが初心者には無理。

数年前からhxタグは重要視されていないから
適当に使っても全く問題無いｗ　無くても良いぐらい
HTML5へのGoogleアルゴ対応は発展途上だから・・・使っておいた方が良いかも。

SEOだけしか考えなかったらそうでしょうけども

>>281
記事みたけど、たしかに重要視されてないみたい。以前に使いまくったせいかな。
HTML5とか考えると、きちんとコード組んでおいた方がよさげだな。

結局のところ再度パースされるとはどのような現象なのでしょうか？

そんな警告は出ない

>>264
「ヘッダーの中身」が実際と違うんだろうが、初めから再現するコードを晒せ
省略するにしても再現することを確認してないだろ
http://jsfiddle.net/Urp2H/

>>286
再現はしました。
でも、どうやらスクリプト側ではなくHTML側の問題だった見たいです。

<article></article>で、囲んでるのですが、
閉じタグの部分が読み込まれる前にjsが実行されて不平衡な〜
の警告が出てたみたいです。

ご迷惑をおかけしました。

CSSで擬似フレームを作るタグをダウンロードサイトから頂いてきたのですが
それにbody{〜}を追加するとなぜかリンクボタンの画像やフレームの配置が崩れます…
メニューフレームとメインフレームと空白部分全てに背景画像を適用したいのですが
どうすればいいでしょうか？

>>288
ケーキをもらったんですんが
スポンジの中が少しスカスカです

さて、このケーキに入っているフルーツはなんでしょう
って、言ってるのと一緒

中身見せてもらわないで分かるなら、俺たちはロシアで重用されてるわ

>>287
<article> を書いても再現しないんだが…
http://jsfiddle.net/Urp2H/1/

> 再現はしました。
上手く伝わってないようだが、「あなたが開示した内容だけで俺たちが再現できることを確認したのか」ってことだぞ？
あなたの環境で再現するのはわかってる
それを俺たちに再現させるための情報を出さないと何も伝わらん

>>290
そのサイトのエラーコンソールはどこにあるのですか？

え…、エラーコンソールはブラウザに搭載されている機能じゃないの？

つかブラウザはFx6でいいのか？
MDN持ち出すからFx6でしかチェックしてないんだが

>>292
はい。firefoxのエラーコンソールで見て確認してます。
ただ、そのサイトはどこかに表示窓があるのではないのですか？


下記の内容で再現することを確認しました。

ファイル名：header.js

var text = '<header><h1>メインタイトル</h1><h2>サブタイトル2</h2></header>';
document.write(text);


ファイル名:index:html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>タイトル</title>
<article>
<script src="./header.js"></script>
<section>
<h1>章タイトル</h1>
<p>
中身
</p>
</section>
</article>


これでエラーコンソールを見ると警告が出ます。
ブラウザを指定していなくて申し訳ありませんでした。
firefoxの7.0.1です。

画像の上に画像を載せ、その載せた画像の部分をクリックするとリンクにしたいのですが
どうすればいいでしょうか？

Aという画像にB,C,Dという画像を載せ、BをクリックすればBBS、Cはプロフィール…などということです。

>>294
ないよ
サイトのエラーコンソールってどんなものを期待してるの？
HTMLパーサを独自に持っていてエラーメッセージを出力してくれる？
ブラウザのエラーコンソールをのっとる？

>>296
http://jsfiddle.net/Urp2H/1/
このようなサイトを持ち出された意図を誤解していました。
てっきりデバックか何かができるサイトかと。

>>294
ようやく再現できた
http://jsbin.com/osakal/3/
Fx7 で確認したが、<article> は無関係だな
<body> を省略しているのが主原因
http://jsbin.com/osakal/4/
これでエラーは解消される

<header> に <section> が続く構造はおかしくない？

>>299
おかしいと思う。

いや、おかしくないわ。
ちゃんとheader閉じてる。
どういうWebサイトなのかわからないけど、どっちかっていうとarticleの方がおかしい。

文法違反でないのはわかるんだけど、アウトライン見ると違和感あるんだよね

1. Untitled Section
　　1. メインタイトル
　　　1. サブタイトル2
　　　2. 章タイトル

どう見てもセクショニング考えずにマークアップしてるとしか思えない

プレーヤーを表示させず、ダウンロードもさせず
リンクをクリックした時に音楽が鳴る方法はどうすればいいでしょうか？
効果音の素材サイトで、サンプルを押すとバックから流れる効果音が聞けるようなイメージです。

sectionとarticleの違いがイマイチ理解できん

>>303
onclickでaudio要素を埋め込むとプラグインを介さないので軽い

>>295です。

<img src="image/off.jpg" usemap="#sample">

<map name="sample">
<area shape="circle" coords="65,495,30"
href="sound/imagevoice.wav"
onmouseover="changeMapImage('image/on1.jpg')"
onmouseout="changeMapImage('image/off.jpg')">
</map>

このソースで画像の上に画像が置けて、マウスオーバーにもなったのですが、ソースをいじっているうちになぜかいきなりマウスオーバーされなくなりました。
リンクは貼れているようで動作するのですが、マウスオーバーだけなりません。
ソースコード間違ってるでしょうか…？

>>303も自分です。
>>306で指定したボタンを押して>>303のように音楽を再生したいのですが…
どうすれば出来ますか？

宿題スレに行った方がいいんじゃないかな

すいません。
このページ
http://sevenstyleweb.com/blog/2009/04/css-positionfixed.html
で、
position:fixedにしてもmarginを使えば、
親要素からの相対位置で指定できると書いてあったのでやってみたのですができませんでした。
本当に可能なのでしょうか？

>>298
ありがとうございます。

HTML5でbodyを省略できると聞いてたのでそのまま消してしまっていました。
bodyつけます。

>>310
確かに省略できるけど、「とある現実的な理由から、body の開始タグだけは書いた方が無難です」と補足を受けなかった？
http://okwave.jp/qa/q7097384.html

>>309
fixedはそもそも親ってより
ブラウザウィンドウを基準とした絶対敵な位置固定
IE6以下では未対応

で、そもそもこのブログではfixedが親要素からの相対位置になるとは書いていない
absoluteで#parentのボックスの中で相対位置としてtop:100px,left:100pxとした配置を
fixedでやっているだけ

>>307
変なところで改行すんなボケ( ﾟдﾟ )

>>312
＞absoluteで#parentのボックスの中で相対位置としてtop:100px,left:100pxとした配置を
＞fixedでやっているだけ
ということは#parentボックスからの相対位置として、
fixedを使って好きな場所におけてるわけですよね？

でも私が実際やると、fixedを指定した時点で、
左端からの距離になってしまったので出来ませんでした。
だからこのブログが何を言ってるのかよくわかりません。

私がしたいのはよくウィンドウのサイドにスクロール専用のバーがあるじゃないですか？
あれは右端とか左端とかならleftかrightを０にすりゃいけますが、
真ん中付近にある要素から何pxの距離に置く、という指定にしたいんです。
サイドに置くとウィンドウが小さいパソコンとかだと、
そのスクロール専用の要素が本文と重なってしまいます。

なんかうざがられそうですが、
何かアドバイス願います。

>>314
fixedを使った場合は、#parentボックスを基準としていないよ
ブラウザのウィンドウ枠　左上からの距離をはかってる

absoluteで取った位置に
fixedを使って同位置にくるようにしているだけで
#parentを相対としてみてるわけじゃない
結果が同じようにしているだけ

真ん中付近にある要素から何pxって距離を置いて
なおかつ文字と被らせたくないなら
しっかり、フォトショでもペイントソフトでもいいから一回デザイン起こして
しっかり距離を測ったほうがいいと思うよ
スクロールを用意するボックス全体の横幅
確保する文字スペースの横幅
これを測ってしっかり調整すればいけるとおもう

>>315
fixed の初期位置の決め方は absolute と同じだよ
この場合 #parent に position: relative; が指定されているので、初期位置だけは #parent 基準になる

>>316
IE6以下では対応されていないけど
fixedはウィンドウを基準とした位置決めだよ

http://jsfiddle.net/XTYm9/

ちなみにbrタグ一杯つけてるのはスクロールしてみてほしいから
スクロールしてもウィンドウから絶対敵に位置決めがされている
これがfixedの特徴だ

ごめん>>315であってた

topとかが全部autoのときの動作って未定義なのかな

>>319
未定義じゃなくて
ブラウザ独自のcssが一番最初に読み込まれてるから
初期値としてauto(自動)が与えられている

>>315-320
皆さんありがとうござました。
やっぱりfixedを使った場合は、
必ず左上が基準値になってしまうんですね。

>>315さんの方法でやっても、左上からが基準値となってしまう時点で
確保するボックスや文字の幅をはかったとしても、
ブラウザの画面サイズによって位置がずれてしまう気がします。
なのでjavascriptでなんとかすることにします。
ありがとうございました。

>>320
上下か左右方向にautoだとchromeだけ挙動が違うんだよね

用語1 ・・・・・・　説明1
用語2 ・・・・・・　説明2
用語3 ・・・・・・　説明3
用語4 ・・・・・・　説明4
用語5 ・・・・・・　説明5
用語6 ・・・・・・　説明6

というのを・・・・・・の位置が縦にそろうように表記するのは
どのような方法が一番正統的なのでしょうか？
今は線無しのテーブルで書いているのですが、
表作成ではなくレイアウト目的でテーブルを使うのはよくないらしいので。

用語解説の目的だと、文章構造的には定義リストだね。

<dl>
<dt>用語1</dt>
<dd>説明1</dd>
〜〜以下連続
</dl>

あとは、CSSでレイアウト

>>324
ありがとうございます。
それを使うと勝手に改行されるのですが、
CSSでは何を設定したらいいでしょうか？

>>325
一度何もなしで作ってみて、変えたいところあったらちょっとずつCSSでプロパティ追加して苦といいと思う。

>>325
float or position

<div id="xxx">
<h2>見出し</h2>
</div>

#xxx { padding:10px; }

IEにだけ反映されずに上下が狭くなり見栄えが悪いです
何か対策があればアドバイスお願いします

>>328のcssは#xxx h2 { padding: 10px; }の間違いでした

>>328-329
IE8では反映されてる
http://jsfiddle.net/CfQvX/

>>330
のをIE6〜8で確認しただけだけど反映されているな
他の要素が邪魔してるんじゃない？

>>330-331
ご指摘の通り他の要素のようなので探してみます
ありがとうございました

DreamWeaverCS5を初めて使ってみたのですが、質問させてください
自分、背景が白だと目が痛くなるのですがeclipseのようにソースコードの背景の色を黒・・・とかに出来ないのでしょうか？
それと、<form>などで、<input name="form" type="text" id="form">などとなっていますが、これら属性の順番を自分で設定出来ないのでしょうか？
個人的に<input type="text" name="form" id="form">のように"form"が順続きでないと編集時とかめんどくさくて生理的にダメなのですが
環境設定など色々調べたのですが、見当たりませんでした。
よろしくお願いします。

１、初期設定で変更
２、そんな事は人に聞く前に試して動作確認

>>333
どこからどうみてもググレカス

http://jsfiddle.net/LjeEZ/

<span>部分がpやimgの範囲にまでかかってしまうのですが
こういう使い方は間違っているのでしょうか？

http://jsfiddle.net/LjeEZ/2/
微妙に間違ってる気がする。marginとかpadding設定するならblock要素にした方がいいと思う。
あと、人まとまりの文章だったら、<p>わけなくていい

>>337
勉強になりました
ありがとうございました！

HTMLのinput等のタグってタブで次のタグへ移動する事が出来ますけど、
特定のinputはタブ移動で選択されない
というような事は出来なかったでしょうか？

>>339
tabindex属性を使用すれば可能

IEではtabindex属性の値を-1にすると
タブで移動したときにフォーカスされなくなる

なるほど、-1で無効化でしたか、ありがとうございます

positionについて教えてください。
positionでabsoluteを指定した時に
leftやらtopを指定しない場合
位置はstaticと同じで兄弟要素のレンダリングを邪魔しない
フローティングされたような物になるという事なんでしょうか？

それとも未指定時はブラウザ実装依存なんでしょうか？

些細な問題なんだがbodyにdivを当てるとき
id=wrapperにすべきかid=containerにすべきか。

明確な基準ってありますか？

>>343 本来はどちらも適さないが流行りというかテンプレのせいか
wrapperやcontainerが主流になり利用されているだけ。
だからどっちでも良いよ。

個人的には、#bodyとか#bodyInnerとか考えたが、
チームで作ったり手放した後に素人なのか？と思われる場合があるから
wrapperを利用している。。。

>>343
どちらも論理的な名称ではないから使用すべきじゃないと思う

last-childなどの疑似クラスについて教えてください。

<div class="sec"><p>・・・</p><p class="abc">あいうえお</p></div>
<div class="sec"><p>・・・</p><p class="abc">あいうえお</p></div>
<div class="sec"><p>・・・</p><p class="abc">あいうえお</p></div>

.sec .abc { text-color: #00000; }

の場合に、最後の「あいうえお」だけ指定を変えたいのですが
:last-childの指定はどこに入れればいいのですか？

.sec :last-child .abc　
.sec .abc :last-child　どちらもうまくいきません。

最後の要素の中にある子孫要素に効かせるのは無理なのでしょうか？

ageます

>>346
http://jsfiddle.net/9TbTj/
こういう事？

>>348
うわぁ、そうですこういうことです！
二重に:last-childなんですね。実際のコーディングでもできました。
ありがとうございました。

<input type="password" size="40" />
でパスワード入力欄を2つ作ると2つめの幅が異なってしまいます。
なぜでしょうか？幅はcssで指定しなきゃいけないのでしょうか？

俺の場合、同じソースなら100個作ろうが毎回同じ幅になるから　つまらない。
君には特殊な能力があるようだな　うらやましい。

>>344
アリガトン。wrapperにしておく。

>>345
それはまた別の問題ということで

> 個人的には、#bodyとか#bodyInnerとか考えたが、
> チームで作ったり手放した後に素人なのか？と思われる場合があるから
> wrapperを利用している。。。
変なプライドは捨てようぜ

http://jsfiddle.net/CL9N8/13/

#footer_wrapperと#footerで指定した背景色が出てこないのですが何が原因でしょうか？

高さが0だから

こういうときは無理矢理にでも文字か何かを入れないと背景色は出ないのでしょうか？

>>356
そういうもんでもない。文字入れてもその分しかheightを持たない。floatして浮き上がらせた要素のheightはふつうにはみだす。
たぶんもう見つけてると思うけど、適当にぐぐれ。
overflow:hiddenとかclearfixとか色々でてくる。

ほんとこれ、罠プロパティだよね。理屈はわかるんだけど、小細工しないと理想とするデザイン実装できないのは変だと思う。
css3のテンプレートレイアウトモジュールが入るにしても、移行考えたらそれcss3以前の仕様も実装しないといけないし面倒くさい。
そもそもテンプレートモジュール自体が小細工のライブラリ化みたいなもんじゃないのか。。

>>357
まだ途方に暮れていたので助かりました
ありがとうございました

>>350
他のタグが邪魔してるんじゃない
崩れてるソースみせてくれないとわからんと何回言えばわかるんだい

reset.cssで初期値をリセットするときなんですけど、
あれってブラウザの初期値がリセットされるから
実は初回の１回だけでＯＫなんでしょうか。
それともリロード（ページ遷移）する度にリセットする必要がありますか。

>>360
ちょっと何をいってるのかわからない…

>>361
自分で考えれば分かる事なのに
考える努力をしていないからなｗ
生暖かい目でみてやろうぜ

>>360
正確にはリセットしてるんじゃない
ブラウザ独自から、用意したreset.cssに設定しなおしてるんだ。

うんで、1ページごとに記述が必要。
少し考えればわかるだろ？
画像をトップページにも各ページに表示させるにしたって、imgで指定してあげないとだめだろ
cssもそう。指定がなかったらそのページには適用も表示もできない

import.cssにまとめておいてもいいんじゃないかい
そのページだけに効かせるlocal.css的なのはimport.cssにいれないでおｋ

>>362
アリガトン。ちょっと仕様の確認をしたいだけだよ。
君の回答通りだと思ってたけど、間違って認識してるとＧＪＧＪになるんで。

>>363
全然分かってなかったじゃんｗ
GJGJってなに？ｗ

>>365
あまり言うと面が割れると困るから言わないけど、漏れは.NＥＴのプログラマ。
そこで意見の衝突があってね。後は好きに想像してｗ

日本語でおｋ

>>365
カスPG自慢はマ板でやれ

htmlやcssを勉強すると何の役に立ちますか？

誰か>>342解る人居ませんか？

>>368
Web作れたりブログカスタマイズ出来たり
簡単なアニメーションもCSSで出来るぐらいかな・・・

369
それができると何か特なんですか？
それともただの自己満足？

君には必要なし

いやwebデザイナーだから必要ではあるが、他の人たちはどうかと思ったんです。
そんなにwebの仕事って多くないし。

>>372
だったら必要ないね

>>365
われねーよｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗGJGJｗｗｗｗｗｗｗｗｗｗｗ

>>369
そんな感じでおｋ
祖先要素があればそれ基準
なければウィンド枠基準

兄弟要素はカラム落ちしない限り邪魔しない

>>374
あ？あんま調子くれてっと、GJGJにすんぞ？

>>375
GJGJってなに？

>>376
Good Job 連呼厨

すなおにpositionがわかりませんといえばいいのに

僕もわかりませんが

positionがGJGJなの？

http://jsfiddle.net/JX5Uq/5/
何度やってもhoverで文字を青色にできないです
どなたかアドバイスお願いします

>>381
>>346と同じ人？
子孫セレクタを理解せずに使ってるでしょ

>>382
いえ違います
子孫セレクタでググってもいまいちわからなかったのですが

・普通のテキストの色
・リンクがあるテキストの色
・リンクがあるテキストにカーソルを乗せたときの色

この3つをそれぞれ指定するにはどうすればいいのでしょうか？

>>381ですが解決しました
子孫セレクタの意味はわかりませんがこんな単純な原因だとは思いませんでした

子孫がＧＪＧＪ

ブロックレベル要素の幅を中身に自動的に調整したい場合はどうすればいいのでしょうか？
0でもいいのかな？

>>386
幅を指定しなきゃいい

質問
こんにちはお世話になります
パソコン教室でWEBの講座を受けたくて見学に行ってきたにですが、
使っているシステムがマックでDreamWeaver2004MXなんですけんど
7年前のソフト？これでいいのでしょうか

子孫セレクタって傲慢な翻訳だな
中田氏しておいてぜいたくいうな

別に問題ない
ドリはflashみたいに大きな変化がない
フォトショとかみたいに互換性もないからな

いやいやダメだろー
CSSプレビューがグダグダだぞ

>>383
こういうこと
・"a :hover" はa要素の子孫要素かつhoverされた要素
・"a:hover" はa要素かつhoverされた要素
http://jsfiddle.net/JX5Uq/7/
"a: hover" は明らかに書式ミスだけど、何でもスペースを入れる癖を持っているように見える

>>391
具体的にどうGJGJなんだよ

世の中アイパッドだからhoverなんて凝ってもムダだよ

スペースかあ。おいらも< div > で嵌ったからな。よく分かる。

>>391
ドリのプレビューなんてどうでもいいブラウザで見れば良いだけ・・・
>>388
ドリのバージョンなんてわずかな問題であって、要は道具の問題。
他のエディタでもテキストエディットでも良い訳で、
HTMLの基礎学習なのだから気にすんな。macって方を先に気にしろｗ

つうか、パソコン教室でWEBの講座なんて受けず、自習で習得できる。
その費用をadobeに使った方がクオリティが高いサイト制作が出来る。

Dreamweaverでのプレビューで見た時には普通なんですが
実際にアップするとフッターの下に余白ができます。
原因はどのようなことが考えられるのでしょうか？

パソコン教室側の人間だけどはっきり言ってぼったくりだから自分で勉強した方がいいよ

MX2004だとIE5.5相応のプレビューしかできないよ。しかもMacじゃあ論外。

>>399
F12キーおせばいいよｗ

htmlは本まで素人のがおおいから、本格的にやるには苦労するだろうね
デザインの勉強したほうがマシじゃね
デザインを学校、htmlは自分
こっちのほうが見た目よくなるぞ

>>400
おかしな論点の人だなあ
MX2004よりCS4以降のほうがCSSプレビュー精度がよいので、CS4以降でwinでやってるスクールのほうがオススメって話じゃん。
反論あんの？

学校なんぞいらん。
独学がオススメ。

HTML

CSS

この2つは独学でよろし

ｐｈｐ、javascript　は習え

>>401
大差ねぇーよｗ
できるようになるのが目的な訳で、ドリのバージョンでスクール選びとかバロスだわ
実際の確認なんてIE6〜8、9、クローム、FF、オペラ、safariチェックすればいいだろ
はい論破＾＾

ここまでの流れ
エディタはテキストエディタでもおｋ
macって方を気にしろ
パソコン教室なんてぼっただから独学でおｋ
html、cssは独学。php、jsを習え。

>>397
dreamweaverっていうブラウザだと思えばいい。
ブラウザごとによって表現方法は違う。
どのブラウザで確認してるかは知らないけど、フッターの下マージンがあるんだと思う。

ソース見せてくれれば一発解決
全部見せたいならjsfiddleでもおｋ

>>404
Firefox、Chrome、Safariは同じエンジンだろアホ
知ったか乙

ヤモリ…

>>401　そういう問題じゃなくて、
講師が中級者でWIN7+DWCS5.5なのと、
講師が上級者でmac+DW2004MXなのと、
普通は、後者の方がスキルアップできるから道具は無関係って話になるだろ。

>>405 いや、その程度ならドリでレンダできる
フッタ内の最終要素をmargin-bottm:0;とすれば消えると思う。

>>406　基本が同じでも微差がでるから確認は要るけどね。Operaも

>>406
Firefoxは別のエンジンだろアホ
知ったか乙

ばかじゃね？MX2004使ってみな今。無理だってわかるから。

>>405>>408
お答えいただきありがとうございます。
Ｏperaならちゃんと表示されるんですけど他のブラウザでは空いてしまいます。
フッタ内にmargin-bottm:0;入れてみたんですけど変わりなくて…
#footer{clear:left;
text-align:center;
width:900px;
background-color:#006934;
color:#fff;
margin-bottom:0;}
こんな感じなんですけどここだけのソースじゃ答えようがないでしょうか？
画面にちょうど合わせたいのですがフッタの下だけ背景画像が見えてしまっている状態です。

>>406
同じgekoエンジンだとかchromeは〜とか言いたいんだろうが
貴様こそ知ったか乙

じゃあバージョンごとになんで崩れるの
はい論破＾＾

>>406=>>410が息をしてないの・・・

>>411
いつもjsfiddleいらないってやついるけど、
一発で解決するから使ったほうが確実だよ

もしかしたらfooterじゃなくて、外側のタグにかかってるかもだし
他のが関係してるかもしれないんだから

IEやffで崩れるならbugsとか使って要素の検証してみたら？

>>413
ありがとうございます。今までjsfiddleすら知らなかったので…
もうちょっといろいろ自分で調べてみます。ありがとうございました。

jsfiddleとかってテンプレにすら入ってないんだな

>>414
jsfiddleにソース書いて
saveしたURL張ってくれれば共有できるよ

>>講師が中級者でWIN7+DWCS5.5なのと、
>>講師が上級者でmac+DW2004MXなのと、
>>普通は、後者の方がスキルアップできるから道具は無関係って話になるだろ。

どういう論理？
講師が上級者でWIN7+DWCS5.5 がベストていう発想はないのか

>>411　そのソースにこれを適応してみ
<body style="margin:0;padding:0;">
<div style="margin:0;padding:0;"> <!-- wrapとかのCSSリセット -->
ここにメインコンテンツ
<div id="footer">
<p>フッター1</p>
<p style="margin-bottom:0;">フッター2</p>
</div>
</div>
</body>
</html>

>>417
別にベストである必要はないし
目的まちがえてないお前？
よくメンヘラっていわれるだろ

>>418
そいつの崩れてるソース直してやらなきゃ意味なくね？

417はイケメンで金持ちで天才な完璧男なんだろうよ！！！

>>419
メンヘラはおまえだ
設備の良し悪しの話をしていたのに講師の質の比較にすりかえてるし
独学がベストっていう思考停止な極論だしてきて比較はナンセンスとかさ
おまえもういいからすっこんでろよ

>>422
おいおい池沼。
誰と戦ってるんだ？
お前の敵は多そうだぞw

質問者「WEBの講座のシステムがマックでDreamWeaver2004MXで大丈夫かな？」
>>417,>>422「ダメ　講師も最高級を選べ」
質問者「設備なんてどうでもいくね？　素人のオレが講師をどうやって見極めるの？」
>>417,>>422「・・・」
質問者「メンヘラぁ？」
>>417,>>422「おまえもういいからすっこんでろよ 」←今ここ

そのスクールの受講料にもよるかな。
月1万とかなら2004MXでガマンしれ

padding、marginを0に設定してもヘッダーの上に余白が出来てしまいます
あとページを真ん中表示にしたくて
text-alignでセンターにしても真ん中で表示されません
どこが原因でしょうか？

body {
background-color: #FFFFD7;
background-image: url(bg1.jpg);
color: black;
padding: 5;
margin: 0;
text-align: center;
}
h1 {
color: #FFFFFF;
font-size: 3em;
font-family: Verdana;
text-align: left;
vertical-align: bottom;
padding: 1.1em 0em 0em 0.5em;
}

ｈｔｍｌです

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>Buon giorno! Italia</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>

<div id="layout">
<div id="all">

<h1><span class="red">Buon</span> giorno! <span class="green">Italia</span></h1>

<div id="main">

<h2 class="date">Roma</h2><div class="entry">2004/09/20 Monday</div>
<img src="photo01.jpg"><p>イタリア<br>有名なトレヴィの泉を見に行ったときも、その人の多さに驚きました。<br><br><a href="#">続きを読む＞＞</a></p>
<div class="entry_state"><a href="#">佐藤和人</a> ｜ <a href="#">16:55</a> ｜ <a href="#">comments(0)</a> ｜ <a href="#">trackbacks(0)</a></div>

<h2 class="date">Napori, Pompei</h2><div class="entry">2004/09/21 Tuesday</div>
<img src="photo02.jpg"><p>ナポリのポンペイは、2000年以上も<br><a href="#">続きを読む＞＞</a></p>
<div class="entry_state"><a href="#">佐藤和人</a> ｜ <a href="#">17:32</a> ｜ <a href="#">comments(0)</a> ｜ <a href="#">trackbacks(0)</a></div>
</div>
</body>
</html>

>>426
ヘッダー上部の余白は、h1要素のmarginが原因
ｈ1要素にmargin: 0を指定すれば余白は消える

コンテンツを中央に表示するためには、コンテンツ全体を
<div>要素で囲み、その要素に対してmargin-left: autoと
margin-right: autoを指定する方法が一般的

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

>>429
解決できて何よりだが
jsfiddleつかえ

それくらいで使わなくていいってやついるけど
そんなこというと使わないほうがいいのかもっていって
こんな大量になっまうんだから使え

>>430
わかりました

jsfiddle使ってくれた方がレスしてやる率が増えるのは確かだな
やっぱ実行画面見た方が早い

今参考書で勉強していて
参考書からダウンロードしたデータが参考書に載っているデザインと違ってるんですけど
参考書に載っているままのデザインから始めたいです

本に載っているデザイン
http://gazoy.com.s3.amazonaws.com/s/bBf/md.jpg

ダウンロードしたデザイン（ｈ1の背景画像が途中で切れている）
http://gazoy.com.s3.amazonaws.com/s/bBj/md.jpg


http://jsfiddle.net/KEFZN/8/

>>433
floatが解除されていないのが原因

<div id="all">に対して overflow: hidden;を指定すれば
正しく表示されるようになる

だけど、おそらく参考書ではフッターか何かを設置して、その要素に
対してclearを使ってfloatを解除するように指示していると思われるから
参考書通りに進めるのがいいと思う

>>434
ありがとうございます。

HTMLは色々なバージョンがありますが暫く遠ざかっていたので今の主流というか位置付けなとが全くわかりません。
最後にHTML（&CSS）でサイトを作ったのはブログという言葉がまだ使われていない頃で軽く10年以上前です。
これから趣味のサイトを作ろうと思っていまして、どうせならいい（進化した）ものを取り入れて当日苦労して覚えたものでも廃れたものは潔く捨てていこうと思いこちらの事情に通じている人たちにとっかかりになる簡単なアドバイスをしてもらえたらと考えました。
アドビのフラッシュやマクロメディア等一通りはもっていますが好きになれません。
話がそれましたがHTMLは今はどういう位置付けなんでしょうか？
ちなみに自分はレンタル掲示板とか大嫌いでコンテンツは全てCGIパールとHTMLでデザインはCSSで装飾するという感じでやっていました。

>>436
今できるのはCGI、ｈｔｍｌ、ｃｓｓ、だけ？

DwCS5.5を使用している初心者です。
テストとして、AlCS5.5で作成した1枚のgif画像をDwでサーバにあげてみたのですが、urlを打ち込んでも真っ白なページが出て何も表示されません。

マニュアル本を見て設定したDwでのサーバ接続設定等は問題なく完了していますが、urlをxxx.net/と打ち込むと真っ白なページになり、xxx.net/index.htmlだとnot foundと画面にでます。

原因ご存知の方、お教えいただけないでしょうか。

>>436
HTML→HTML5、CSS2→CSS3にそれぞれ移行しようとしている時期
新しいもの好きなら先の仕様で作ればいいが、クロスブラウザに注意すること

HTML4→HTML5だった

>>438　○○.net/××.gif　

>>439-440　XHTML抜かすな

>>437
レス感謝です。
＞今できるのはCGI、ｈｔｍｌ、ｃｓｓ、だけ？
そうです。当時は自分のサイトならこれで十分だと思っていました。
ちなみにJavaは苦手です

positonがイマイチよく分かんないんだけど
<div "id=a"> ← position:relative
<div "id=b"> ← 指定なし=static
<div "id=c"> ← position:absolute

このとき absoluteって親boxがstaticだからwindowの左上を基準とするって考えでＯＫ？
それともrelatibeのid=aが基準になりますか。

>>443
htmlは文章構造重視で装飾はすべてcssでって流れだわね。
ie6がかなり少数派になってきてまあその点はグッド。
本屋のパソコンやwebの関係書籍コーナー行けばわかるけどスマホ一色。
スマホ向けがメインになりそう。

>>441
ありがとうございます。
さっそく試してみましたが、やはりnot foundでした。。

Dwではまず参考書に沿って、index.htmlを作成し、そこに自作のgif画像を貼り付けてUPしたのですが、手順を進めて行く過程で特にエラーなどはなく、スムーズにサーバへの接続もアップロードも完了したのですが。。

>>446
DWのFTP機能なんかいきなり使うもんじゃないよ
普通のFTPソフトを用意するべき。
話はそれからだ

>>447
ありがとうございます。
ただこのスレッドで質問させていただいてるので、できればDWで全て完結したいのですが。。

>>438
アップロード先が間違っているだけかと
使用しているWebホストサービスのヘルプを確認すべし

>>444
id=aが基準

> DWのFTP機能なんかいきなり使うもんじゃないよ
> 普通のFTPソフトを用意するべき
だな
まずFTPソフトを使い慣れてからDWのも併用の方が理解は早い

サーバーあるの？
FTPソフトでまずあげてみれば？
後DWない会社もあるからさ、あんまりDWに頼らないほうが
いいと思ふ

>>450
親切な人、有り難うございます。

>>448
FTPソフト使ったことないんだろ？
だからホームディレクトリとURLの関係も分かってないんだろ

MacOS10.7で動くFTPソフトって、犬のイラストので大丈夫でしょうか？
個人事業で、かつあまりネットは重要でない業種なので、とりあえず上で書いたような画像のUPだけ出来ればいいのですが、大塚のテンプレ集はどれもはイメージとかけ離れていまして。。

DWで、画像一枚UPしたい、サーバへの接続はちゃんとできてるようだけども原因がわからない、ガンダムは知らないので、ドラゴンボールかはじめの一歩に例えてホームディレクトリとFTPの関係をご説明いただいた上で、手順をご説明いただけるとありがたいです。

>>455
Fetchをダウンロードしたのだな？
じゃあ起動して自分のサーバに接続してみるんだ。
それができるまでは先には進めんぞ

夜分遅くにありがとうございます！
まだダウンロードしてないですが、Lionさんで動くならとりあえずそこまでやってみますね！

divでfooterを固定していますが
メインコンテンツを
#main{ height:100% ; overflow:hidden }
としてもmain が画面からはみ出るとスクロールバーが出てしまいます。
heightを数値で指定すると出ませんが、こういう仕様なんですか？

それだけじゃわからん

>>457
つべこべ言ってまだ何もしてないんじゃん
FTPソフトでサーバ接続できるまで戻ってくるな

FTP云々いっている人は何でこんなに偉そうなの？
ディレクトリの問題はFTPソフト変更すれば解決できる話じゃない
DWでも解決できるのに的外れに煽るばかりで前進してない
使用しているWebホストサービスによってUP先が代わるのだか>>449が適切なアドバイスだと思う

>>461
偉そうに何煽ってんの

DWのFTPってパーミッション変更やれるようになったの？

>>463
リモートサーバーにして「権限の設定」でパーミッションの変更が可能

>>462
煽るだけで何もしない人にはいわれたくない

>>461
サイトの管理から、サーバー→既存サーバーの編集画面で何度も見直していますが、間違いないようです。。。
アルファメールのオンラインマニュアルはffftpを用いて説明がなされていますが、インターフェイスはdwとも似ているので、それを確認しながら入力したため、少なくとも打ち間違いはないと思うのですが。。

また、テストボタンを押せば、きちんとdwはWebサーバーに接続されました。という画面がでます。
その後はリモートホストに接続して、UPも問題なくできているようなのですが。。

>>461
ちょっと、残念な人なんだと思う。DW持ってる人が使い方聞いてるのに、お前にDWはまだ早いとか完全に頭おかしいでしょｗ
スレチだから、別のスレに案内するとかのほうがまだ理解できる。

>>448
アップロードしたあとのディレクトリ構成のスクリーンショットとってここに貼り付けてみたら、答えもらいやすいかもね。

dwのリモートサーバのディレクトリは、
フォルダ名がスラッシュのみのものが頭にあり、その中に自分で作成したaboutフォルダ、その中にimagesフォルダとindex.htmlファイルがあります。
indexファイルにイメージフォルダ内にある画像を一枚貼り付け、UPしましたが表示されない状況です。

>>469　こういうこと？つーかスクリーショット貼れつっただろうが。
/
|--about
　　　　|--index
　　　　|--images
　　　　　　　　|--pic.gif

それぞれのディレクトリ、ファイルの権限とHTMLソース書いて。

質問の前にあの分厚いマニュアル目通したほうがいいんじゃないか

本来、aboutのところがindexじゃないとおかしいんじゃ？

xxx.net/about/index.htmlと打ち込んだら表示されました！
Webのことなにも知らない私がdw始めて苦節3日、頑張った甲斐がありました。
ありがとうございました。

>>472
レンサバによっては/にindexおかないと使えなかったりするけど、別にどこにおいてもいい。

と、思ったらまた問題が。。
xxx.net/のみだとサイトが表示されません。。
/のあとにindex.htmlを入れると表示されますが、名刺などにそれを入れるのは見栄えも良くないため、.net/のみで表示させるようにしたいのですが、dwの設定に何か不備があるのでしょうか？

/の直下にindexを置くべき

ありがとうございます。直下においていますが、Safariなら.netのみで表示されますが、firefoxだとindex.htmlまで入力しないと表示してくれません。。

でしょうね？
xxx.net/about/index.html
が当たり前だよ。
パスわかっている？
つーかsafariがおかしい

ほらみたことか。あんだけ言ったのに質問者はまだFTPソフトをインスコしていないんだぞ。
だから何いってもムダだといっとろうが。
FTPソフトでサーバにつないでURLとディレクトリの対応関係を理解せよと言っているんだ。
煽りでも何でもなく、教育上の配慮で言ってるんだぞ！

>>479 ちょっと待て、
FTPなら階層の理解度が深まるので>479の意見に同意はするが、
FTPやウェブ制作の問題じゃなくて、
ディレクトリなんて、それ以前のパソコンスキルの問題じゃないのか？

>>480
ディレクトリって何だとおもってるの？

>>475
xxx.net/about/ では表示できる？
表示できないとしたらサーバの設定の問題な気がする。

DirectoryIndex では？
ディレクトリは無関係に思えますが。

>>483
何がだよ？

>>841
ディレクトリとは
ハードディスクやフロッピーディスク、CD-ROMなどの記憶装置で、ファイルを分類・整理するための保管場所。UNIXやMS-DOSで使われる用語で、WindowsやMac OSでは同様の概念を「フォルダ」と呼ぶ。

もうaboutはindexに名前を変更してしまいました。。
まとめるとSafariは.netで表示される、Firefoxはindex.htmlまで入れないとダメ。
原因及び解決法をお教えください。

もしかして、
hoge.net/index/index.html　で表示できるようになったのか？
もしそうなら下層にindex.htmlを置くな！
「ルートディレクトリ」でググれ

希望は、ttp://hoge.net　にしたいんだろ？

この先ファイル１つ置くたびにこんなやりとりが繰り返されるかと思うと

お前らが上で、
スクールなんか行かずに独学でやれっていうからだぞ・・・
責任取れ

隠しリンクではないと思うんですがそのサイトから伸びているリンクをリスト化とかできるものってあります？

>>487
いえ、Firefoxは.net/index.htmlで表示できます。Safariなら.netのみで表示されます。IEはWindowsがないので、まだためしていません。
dwのリモートサーバー（FTP機能？）って、UPしたとたんに元締めのフォルダ名が/で自動的に作成されますよね。このようになる理由は/の直ぐ下の階層に置いたファイルの名前をカットして、メインページとして自動的に表示させるためではないのですか？

>>490
document.links

>>491
デフォルトページを省略できる機能はサーバサイドのものでDWは無関係です。
ファイルを置く場所も正しく、ディレクトリ云々の問題でもありません。
サーバの設定を確認してください。

下手にDWにこだわるからそういう誤解をする
言われた通りにFTPソフトのみで転送してみればいいのに

>>493
サーバの問題って言ってもFirefoxとSafariで違うか？
振り分けや.htaccessで別々に表示してるとは思えんし、
おれも知らんから説明してくれ

質問なのですがブラウザごとにわけてcssを指定するのは一般的なのでしょうか？

いや　いまはハックで対処してると思う

例えば、無料ブログで
振り分けしてるところは無いから一般的ではないけど
部分的にならブラウザを振り分けして別ファイルにする人もいるし、
同じCSSファイル内でハックを利用する人もいる

>>497-498
勘違いしてハック＝CSSをわけて指定すると思っていました
これからハックを勉強します。ありがとうございました

>>491
おまえいいかげんにしろよ
FTPソフト使えと何度も言われてるのにいまだに無視するつもりか
DWだけでやってるうちはお前には無理だって
ともかくFetchでやれ
話はそれからだ
こうなることは>>447の時点でわかっていた

テーブル要素のボーダー重複部分はborder-collapseを使えばいけますが、
divブロックで表を作ったときって、ボーダー重複部分はどうすればよいですか？

そのdivで作った表とやらのソースを示してくれ
でも本来、表はtableで作るものよ

>>500
やりたいことは違うらしい

overflowをscrollにすると
はみ出てないときでもスクロールバーが表示されてしまいます
はみ出ない場合はスクロールバーを出さないようにできませんか？

>>504　"It's Automatic"

>>448の甘えっぷりと成長の無さにはいい加減呆れるばかり

>>501
「div要素で表を作る」という考え方自体がおかしいので、
なぜそんなマークアップをするのか説明しておくれ

>>504
overflowで指定できる値を調べて1つ1つ試してごらん

相対単位の%やemって親要素に対する値なのでしょうか？ブラウザの標準単位なのでしょうか？

基本的なことだけど本に載ってないのでお聞きします。
body{・・・}のbodyがセレクタと呼ばれるのは分かりました。
*とかが全称セレクタと呼ばれているのも分かりました。

p>strongとかは例題に書いてありましたが、
>とか＋を使った場合に○○セレクタという呼称がありますか？

>>508
http://standards.mitsue.co.jp/resources/w3c/TR/css3-selectors/#selectors

>>509
あざーす。W3Cって本家ですか？本より遙かに詳しいです。

overflowの件はありがとうございました

>>506
こんな表を作りたいんです。
□□□□□□
□□□□
□□□
□□
□

↑こんなやつです。
これはテーブルじゃできないですよね？

tableでもできるが、それは表なのか？

その□の中身はなんですか

中身は色々と文字が書いてあります

余裕でかけるじゃないか

┏┳┳┳┳┳┓
┣╋╋╋╋┻┛
┣╋╋╋┛
┣╋╋┛
┣╋┛
┗┛

>>511
http://www.htmq.com/style/border-collapse.shtml

一体どんな所で使うんだそんなの

>>514
で、表なの？　レイアウトなの？

>>518
レイアウトの方が近いかもしれませんね
すいません

>>516
？
border-collapseってテーブル要素にしか効かないですよね

>>519
border上下左右別に設定するか、display:tableでも使っとけば

>>519
border 0 のクラス作って td class="・・・" で楽勝でしょ

レイアウトに表使うなよ

>>522
>>511みてるとtable組でいいと思うけどね。
どうせ写真か何かじゃないの。box大杉。

あとは、liのwidth指定の
<div>
　<ul><li></li><li></li><li></li><li></li><li></li></ul>
</div>
<div>
　<ul><li></li><li></li><li></li><li></li></ul>
</div>
<div>
　<ul><li></li><li></li><li></li></ul>
</div>
くらいか。

>>524
div不要なのでは？

>>525
あ・・・ほんとだｗ

ulは1個にしろよ

>>527
liの中にfloat:left;を個々に書いていくのか
コードでforするとめんどくさいけど
ま、ノンプログラマーならその方がいいか

nth-childでclearすればいいだけじゃないの

http://black-flag.net/html/20110711-3316.html
このページで、猫の動画が普通に再生されるのに、
<iframe width="425" height="349" src="http://www.youtube.com/embed/5xLLvnAtBig?rel=0" frameborder="0" allowfullscreen></iframe>
を、てすと.htmlファイルにして、IEに読み込ませると、
セキュリティ保護のため〜〜〜、という警告が出ます。
<iframe width="425" height="349" src="http://www.youtube.com/embed/5xLLvnAtBig?rel=0" frameborder="0" allowfullscreen></iframe>
に何を付け加えれば警告が出なくなるでしょうか？

多分オフラインのファイルだからでしょう
webに上げてみて確認してみたら?

腐れIEで試作とかやめたほうがいいぞ
ウェブ制作者にとってIEとは、最終確認用だけの為に存在するブラウザだから

>>531
なるほど、ありがとうございます。
>>532
では、fireFoxを使われるんですか？
fireFoxを使うメリットは何でしょうか？
ウェブを見る人は８割方IEを使ってるわけで。

開発者は8割型IEを使わないわけで。
意味お分かり？

わかんない

特定のナビメニューをクリックすると
ページがスライドして切り替わるっていうのを
html+cssだけで実現したいのですが出来ますでしょうか。

>>533
8割は正論だけど、
開発するならFFまたはchromeのほうがやりやすいよってみんな言ってるだけだ
いろいろ便利だからやってみなって言ってんだからやってみなｗ
メリットは使って調べてみてくれ

ま、実際、もう５割もないけどね。アクティブなIEユーザーは。

>>536
無理。
JavaScriptで作るしかないと思います。
自分で無理ならば、イメージに合うかどうかわからないけど、
ｊQuery PageSlideがいいかもしれません。

>>536
CSS3で可能かも

>>531
やっぱりそうなんだ。
自分もFire Fox Ver8で制作してIE(ついでDOCOMO)で確認という流れだな。
これからはクロームや出来ればスマホでも利用できるようにしたいと思っているけど
スマホはハードを購入しないとならないから少し先になりそうだけど。

実際は他のブラウザでも試すから順番が違うだけなんだけどね。
Chrome,Firefox,IE,Operaでテストしてる。Safariは省略してるなー。

fc2ブログのプラグインに、<script src="URLの部分"></script>というソースのブログパーツを入れました。
サイドバーに中央寄せで表示させたいのですが、
どうしても左寄りで表示されてしまいます。どうすれば真ん中になるのでしょうか？

初歩的な質問かと思いますが教えて下さい。よろしくお願いします。

URLの部分

検索に対応するため、ヘッダーを書きたいのですが、
その、ヘッダーを表示させたくありません。
これは可能でしょうか？
可能ならどうやればいいのか教えてください。

div#menu a:link { color: green;}
div#menu a:hover { color: pink;}
div#menu a:visited { color: red;}

↑
これまちがってますか？
マウスをリンクの上に乗せた時も未訪問も訪問済みも全部redが適応されているのですが

>544
<head>内に<meta>で書くとか

link visited hover activeはこの順番どおりに定義しないと、上書きされてしまう。
>>545なら、link以外はredになるはずだけど、linkもredになってるなら別の理由かもしれん。

普通ならactionにあるプログラムが実行されるんですけど、空になっています。
このsubmitで作られるボタン押したら何が起こるんですか？

実際にはuser_functionが実行されます。なぜここにもどってくるのでしょうか？
if(isset($_POST['name'])){
user_function();
}
else{
echo '<form action="" method="POST">
<p>名前:<input type="text" name="name"></p>
<input type="submit" value="GO">
</form>';
}
phpコードの中に入ってますが、一応html部分なのでここでききました。

>>548
http://www.nurs.or.jp/~tokyu/diary/163

filter:waveを使うとCSS検証サービスって通らない？

ここが文法解析エラーで返ってくる。IEでは取り敢えず波打っているので処理されてると思う。

filterなんて仕様にないし

>>551
レスどうも。filterだと構文エラーでOKなのかな？
ちょっと文法解析エラーというにが解せないんだが

>>548
html5的にはthe document's address of the form document.になるんですね。ありがとうございます。

この記事が言ってるのって、仕様書に頼らず、ちゃんとコール先渡してやれ。ってことですか？

microsoftのweb matrixをデフォルト設定でインスコしたら
PCの起動が遅くなってしまったんですけど
これはしょうがないのでしょうか？
必要なのはweb matrixでのhtml練習だけです。

ＣドライブＤドライブ（同じHD）とＦドライブがあるのですが
Ｆドライブの中に多分web matrix関係だと思うのですが
なぞのフォルダが勝手に作られ毎分更新されています

>>552
何を持ってOKとする？
検証時のCSSバージョンも書いてないし答えようがない
独自プロパティなんだから当然エラーになる

菊池桃子 学生
http://www.youtube.com/watch?v=ph-qKLyJbkE　

>>556
レスどうも。CSSは選択できたんですね。デフォルトなので2.1です。
前にoverflow-xとかでCSS3に対応してないけどOKみたいな表示がされたので、そういう仕様だと思ってました。

サイトの一部をコピペ出来ない様にするにはどうしたらよいでしょうか

例えば、
「cssのページ[メニュー TOPへ 次ページへ]第一章」というテキストのサイトをctrl+a→ctrl+cで全領域をコピーしても
「cssのページ第一章」となって、「[メニュー TOPへ 次ページへ]」をコピーしないようにしたいです

単純なテキストだけであれば
#sample1:after{content:"[メニュー TOPへ 次ページへ]"；;}
で、テキストとして表示させつつ、コピー出来ないテキストが出来るのですが
htmlタグを入れることが出来ません

■質問です。

背景------------------------------
左側：サムネ画像　右側：テキスト
-------------------------------背景

↑スマホサイトで1つのブロックの中で
サムネ画像の左にテキストを配置したいのですが、
リキッドにする為、親要素のwidthを固定したくありません。
テキスト部分が増えても左のサムネの下に回り込まないように
するにはどう書くのがベターでしょうか？

↑
×サムネ画像の左にテキスト
○サムネ画像の右にテキスト

間違えました。

むずい

>>562
ありがとうございます。
そのお言葉がきけただけでも助かります。

2年くらい趣味でウェブ制作をしています。
CSSがある程度自由に扱えるようになってきたので、もっとフォーマルな技術を身につけていきたいと思うんですが
CSSの設計手法というか、プログラミングでいうデザインパターンのようなものってないですか？

CSS3の高度な技術とかではなくて、基本的な設計をより綺麗に書けるようにしたいです。
最近はCSSフレームワークを読んだりしてます。なにか勉強になりそうな記事とかでもいいので教えてください。

>>559
contentで入れ込んでたらどのみち正しいマークアップができなくなるし
そもそもコピーできるかできないかはブラウザによるから
DOMのRangeとか使ったらどうかな

>>564
とりあえずバリデータにかけるなり仕様書読むなりしてみては
CSS3セレクタが勧告済みだから、そっち使ったほうが綺麗に書けることもあるんじゃない

>>559
数文字毎にグチャグチャに書いて、
見た目をpositionで文章が読めるように配置すれば、
コピーしてもグダグダになる。　当然、文章構造は・・・

>>567
文章をコピーさせたくないって話じゃないよ

>>559
画像にするのが手っ取り早いと思うな

画像にするくらいなら、何もしないほうがましだろう
altの中身ごとコピーされるかもしれないし

ページ内の項目を増やしたいのですがコードをどうコピペしても表示がバグってしまい困っています。
どなたか解決方法を教えて頂けませんか

やりたいこと
http://www.infinity-s.jp/infinity/data/webpage.jpg
zip
http://www.infinity-s.jp/infinity/data/html..zip

>>571
↑
この人みたいなHPを作るにはhtmlとCSSと他に何を勉強したらいいですか？
HTMLとCSSだけではできないですよね？

>>572
構造を作るだけならそれだけで十分。

いろいろな機能付加するならjQueryとかJavaScript系を覚える。

>>573
デザインだけならCSSとHTMLを勉強すればいいんですね
ありがとうございます

デザインを勉強しようず

■■■■■■■■■■
■■■■■■■■■■
□□□□□□□□□□
□□□□□□□□□□
□□□□□□□□□□
■■■■■■■■■■
■■■■■■■■■■

いつもコレ↑とかコレ↓なデザインしかできない。涙目。

■■■■■■■■■■　　　■■■■■■■■■■
■■■■■■■■■■　　　■■■■■■■■■■
□□▲▲▲▲▲▲▲▲　　　□□▲▲▲▲▲▲□□
□□▲▲▲▲▲▲▲▲　　　□□▲▲▲▲▲▲□□
□□▲▲▲▲▲▲▲▲　　　□□▲▲▲▲▲▲□□
□□▲▲▲▲▲▲▲▲　　　□□▲▲▲▲▲▲□□
□□▲▲▲▲▲▲▲▲　　　□□▲▲▲▲▲▲□□
■■■■■■■■■■　　　■■■■■■■■■■

>>576
俺もそうだわ

どんな本を読んで勉強したらいいのかわからん

フリースタイルデザインとか作りたいけどzoomとかposition使い分けないといけないからいろいろゴッチャになるのよね。
一言で言えばめんどいっていうか。

ストーカーのように付きまとってくるキモい奴がいるんだけど。

>>571
パクリ乙

ぶっちゃけて言えばHTMLはツール

問題は中身なんだから外装とかで凝ってもあまり意味がない。
ダサクなければ良しとしよう。

CSSはデザイン
美しく作ろうとするのは自然な欲求じゃないかな

その　ダサいとか美しいの定義が
難しいわけなんだな

>>576
初めてブログテンプレートを使わずにその右下のデザインを自分で作れたとき、
感動したもんだがなぁ。

>>584
ほんとに最初だけだったけどなｗ
あとから高度な技術に挑戦していくごとに挫折しまくってへんてこりんなデザインしかできなくなった

誰か>>560お願いします。

divで囲めば

>>586
widthを%で指定してみたら？
希望に添えるかわからんが

>>586
display:-webkit-box
を使うか、table使うとか。

http://jsfiddle.net/KEFZN/

floatで文章と画像を横に並べているのですが

margin paddingを0に指定しているのに

その文章と画像との間にどうしても幅が開いてしまいます


こうなる原因は何故か分かる方いらっしゃいますでしょうか？

すみませんurlが間違ってました
正しくはこれでおねがいします

http://jsfiddle.net/KEFZN/9/

>>590
中括弧の表記がおかしい。「{ }」と表記しなければならない所が
「[ ]」となっている箇所がいくつかある

<?php　get_header(); ?>
<div id="primary">
<div id="content" role="main">
<?php if ( have_posts() ) : ?>
<?php twentyeleven_content_nav( 'nav-above' ); ?>
<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content', get_post_format() ); ?>
<?php endwhile; ?>
<?php twentyeleven_content_nav( 'nav-below' ); ?>
<?php else : ?>
<article id="post-0" class="post no-results not-found">
<header class="entry-header">
<h1 class="entry-title"><?php _e( 'Nothing Found', 'twentyeleven' ); ?></h1>
　 </header><!-- .entry-header -->
<div class="entry-content">
<p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'twentyeleven' ); ?></p>
<?php get_search_form(); ?>
</div><!-- .entry-content -->
</article><!-- #post-0 -->
<?php endif; ?>
</div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
すみません。これ、index.phpと言うファイルのですが、
最後の、
<?php get_sidebar(); ?>
<?php get_footer(); ?>
をコメントアウトする方法を教えて下さい。
http://tech.bayashi.jp/archives/entry/techweb/2007/001798.html
これのどの方法で試してもうまく行かないのです。

<?php //get_sidebar(); ?>
<?php //get_footer(); ?>

>>594
有り難うございます、出来ました。
じゃ、
<div id="primary">
<div id="content" role="main">
こういうのは、
<!--
-->
これで挟むしかないですよね？

HTMLはなんとか理解できたのですが、CSSがちんぷんかんぷんです。
TABLEでレイアウトしたら検索順位に影響しますか？

しないんじゃないの
別にテーブルレイアウトは禁止されてないんだし
自分のレベルに合わせて好きなように作ればいい

>>597
安心しました。
ありがとう。

まぁ頑張れや

>>597
と言ってるくせに、お前自身でテーブルレイアウト使ってないわなｗ
「テスト勉強なんてしねーよ」といいつつ徹夜勉強してた香具師

>>600
>>597じゃないけど、言ってること正しいと思うが？
テストで例えるんだったら、大学生のテストと中学生のテストとの差ってことだろ

htmlの勉強をしているのですが、
http://homutuku.com/beginner/240.html
これの、c-boxの位置を数値でぴっちりと規定することは出来ないのですか？
たとえば、
c-boxの左上の角を横５０pixel縦１００pixelとする
みたいに。

>>602
ん？位置なのかサイズなのかよくわからないけど、
b-boxの幅を固定にしたら？

>>603
サイズではなく、厳密なb-boxの位置の指定です。
なんか、http://homutuku.com/beginner/240.htmlを見ると、
右よりとか左よりとかの指定しか出来ないように感じるのですが。

つか、
#c-box {float: right; width: 250px;}
みたいに、ボックスの縦幅も指定出来ないのでしょうか？

>>605
heightのこと？
ってか、基礎から勉強したほうがいいかもね。
とりあえず、作ってみてから、これこれこの様な理由でダメでしたみたいなほうが
みんな説明しやすいと思うよ。

>>606
有り難うございます。 heightがあるんですね。
では、width: 250px、 heightpx: 100 と指定した、c-box を、
float: right;みたいな曖昧な指定ではなく、
site-box のここに緻密に表示したい、という指定方法はあるのでしょうか？

数値でぴっちり指定したいなら、positionでやるべきでは

>>608
有り難うございます。positionを調べてみます。

divとspanの違いはなんですか

ブロック要素かインライン要素かの違い

http://gazoy.com.s3.amazonaws.com/s/cpG/md.jpg

�@の部分の幅を小さくしたい（ｈ2を左に寄せたい）
�Aの部分の幅を小さくしたい（menuを左に寄せたい）


positionやmarginでいろいろやってみましたができません
どこをいじったらいいのか分かりません
教えてください
http://jsfiddle.net/KEFZN/23/

>>612
(1)の余白は、#hidariボックスが#layoutのセンタリングを継承してるから、h2が#hidari内の中央に配置されてる。
(2)の余白は　#hidariの幅(#all の 65% )から #kotoba(150px) と 画像の幅(不明)を引いた余り。

>>613
ありがとうございました<m(__)m>

>>614
(1)は、#hidariを左揃えにすれば解決するはず。
(2)は、#hidariとその中の要素の幅をきっちり揃えれば解決するはず。

このソフトを使いはじめて間もないものです。

今まではメモ帳を使って書いてました。
ドリームウィーバーを使いこなせる人は、手打ちなんてほとんどしないのでしょうか？
フルCSSとは、どういう意味ですか？
仕事で使ってる人は、どのブラウザでプレビューしますか？
たとえば、SafariとInternetExplorerを立ち上げておいて
F5で確認ですか？もっと効率的な事をこのソフトで出来ますか？
よろしくお願いします。

DreamWeaverの_notesフォルダなんですけど
デザインシートの保持のチェックを外せば出来なくなるって聞いたんですけど、
相変わらずローカルでができまくってます。

いい加減に鬱陶しいのですがこれは仕方ないんでしょうか？

連投すいません。
WEB制作関係のお仕事につきたいと思い、会社にサンプル的にホムペ見せたいと
思っています。
最低限、笑われないサイトを作りたいと考えています。
でも、まぁ初心者なわけで。
めちゃめちゃスレ違いですが、添削してくれる方いらっしゃれば、メール頂ければと思います。
[email protected]

ここで答えている方は、プロだと思うのでスレ違いですが、あえて書かせてもらいました(( _ _ ))

本当にプロなら、タダじゃ添削しません。
金取ります。

＞たとえば、SafariとInternetExplorerを立ち上げておいて
DWでもタグ打ちはするよ。
IEなんか使わん　基本は脳内プレビュー（昔はF5,F12多用していたわ）

ポートフォリオの事かい？　ここに晒せばよいだけ
その前に最低でも5サイトつくれ　話はそれから・・・

>>619
ここに晒して恥掛けば無料でしてくれますか？優しい方、メール下さい。

>>620
5サイト!？orz 頑張ります。
2個あるけど、中途半端で。。
一つは、個人的なもの。
もう一つは、オンラインショップ。
ショップは、トップページすら、完成してないっす。
DWが不慣れ過ぎて進まないのもあるけどヽ(´o｀；

とりあえず、5サイト妥協しないで作るように頑張ります(´Д` )

>>620
脳内プレビューすげぇ機能だww
それだけ経験つんでるんですね。

>>621
まず、このデザインいいなぁ〜って思ったページを、
１からそのページのHTMLソースを見ずに作るのも、勉強になると思う

それから、自分のデザイン考えればいい。
小学生のひらがなをなぞるノートと一緒だｗ

>>623
了解です！
DWの使い方を調べながらやるうちにすぐに時間たつのでメモ帳的な使い方になってる（；￣ェ￣）
DW8の中古参考書買ったけど、古過ぎて信用できないw

パクリというか練習ですもんね。

｢まなぶ｣って言葉は｢まねぶ｣から来てるってうちのばあちゃんが言ってた。

学ぶは、「まねぶ（学ぶ）」と同源で、「まねる（真似る）」とも同じ語源である。
そのため、学ぶの語源は「真似ぶ（まねぶ）」とされることも多いが、「まなぶ」と「まねぶ」は同じ時代に見られる語で、その前後関係ははっきりしていない。

http://gogen-allguide.com/ma/manabu.html

>>625
お前のばーちゃん頭いいな。
うちのばーちゃん小学校の途中までしか言ってないから勉強できねーんだ。自分でも漢字も書けない馬鹿婆だって言ってる。
でも、ばーちゃんの卵焼きは世界一美味いんだ。

widthが700ｐｘのページを
中央配置にするために全てを<div>で囲って

　　　　margin-left: auto;
margin-right: auto;

と記入しても中央配置にならないのですがどうしてでしょうか？

中央寄せを指定してないからでは？

>>629
中央寄せってどうやったらいいのでしょうｙか？
ｃｓｓでおねがいします

>>630
http://www.htmq.com/style/text-align.shtml

>>631
どうしてもできません
これが出来れば全部で終わりなんで教えてください<m(__)m>

http://jsfiddle.net/KEFZN/27/

水平へのセンタリングは margin: 0 auto; で簡単にできるのに
垂直だけなんであんなややこしいんだろうなぁ

もっと簡単にならないだろうか。

<video>タグvolume指定できないのか。将来はフルスクモードとかできてるといいなぁ

>>632
中央寄せはできてますよ。
余白の調整なら、>>613-615に書いてある(2)の問題だと思います。

垂直中央はCSS3草案のbox-align

>>634
volumeはDOMでの指定ならできるよ
http://www.html5.jp/tag/elements/media_elements.html#dom-mediacontroller-volume

あとフルスクリーンAPI
http://s.news.mynavi.jp/news/2011/10/25/024/index.html

>>636
box-alignのことすっかり忘れてた。ありがとう！これでストレスなくサイト作れそうだ。

>>637
ありがとうございます。
うーんやはりDOM指定なっちゃうかー･･･面倒くさいなぁ

もうちょっと様子見してみますかね。

>>638
まだ最終草案ですらないし
万が一使うなら、一応IEやOpera用のプレフィックスも付けとけよ

>>640
もちのろん

音量はマークアップに含められないからじゃない

プロの現場では絶対DW使ってるんですか？
慣れなくてメモ帳の方が早いんですけど、将来的にみたらDW覚えた方が絶対いいのかな。
履歴書に中途半端なサイト載っけてだしてもうた。
会社につく前に完成させないと単なる趣味で作ってる人で終わってしまうw

別にDW覚えなくてもいいんじゃね。
ちゃんとタグの意味を覚えてくれれば。
逆にメモ帳で作ったというほうがアピールになるのでは？
ないところもあるし

MicrosoftのWebMatrix使ってる人ってどれくらいいるんだろう？

html5 の audio/video の解説で
「volume 属性 0.0〜1.0 の間で指定」
とか書いちゃってる奴は自分で実験せずコピペしてるだけなの丸バレなんだよなぁ

>>643 ＞プロの現場では絶対DW使ってるんですか？
所有率は高いが簡易編集は適当なエディタを利用する人も多い。
メモ帳で作れるのなら、
DWを試用期間で初めて利用したとしても
難しいと感じるより、簡単だと感じるだろう。

>>645 ＞MicrosoftのWebMatrix使ってる人ってどれくらいいるんだろう？
使うケースがないので（無くても困らない）・・・

>>635
ありがとうございます<m(__)m>

margin-left: auto;
margin-right: auto;
でやると
http://gazoy.com.s3.amazonaws.com/s/cvq/md.jpg
このようにどうしても左で表示されて中央寄せになりません。

（1240-700）÷2＝270

margin-left: 270px;
margin-right: 270px;でやれば中央で表示されるのですがこれだと
ウインドウの大きさに関係なく固定されるのでautoでやりたいですのですが

>>648
#allにtext-align: center;

>>648
中央表示されないのは<div id="zenbu">にwidthが指定されていないから

>>649-650
ありがとうございます！
おかげさまでやっとできました
お世話になりました<m(__)m>

>>644
そうなんですか。
けっこうドリームウィーバー使える人っていう求人もあるので。
基本的なこと、とりあえず、勉強しとけば、いいのかな。

>>647
メモ帳は、やっぱりテラパッドなんでしょうか？
マージン1行付け加えるのなら、メモ帳の方がいいですよね。

質問ですが、utf8で忍者ツールズにupしてるんですけど、エラーでて送れなかったり、
upしても更新すると、画像がでてきたり、出てこなかったり、
マージンがうまくいったり、いかなかったり、
f5押すたびにレイアウトが変わるんです。
時々、404？になったりするし。
原因はなにが考えられますか？
プレビューは、火狐とIEで、してますが、どちらも同じです。
アドバイスお願いします！

個人の趣味サイトは、メモ帳で作って全く不具合は、ありません。

>>652
それの原因かどうかはわからんけど、UTF-8の編集にメモ帳を使うのはやめた方がいいよ
メモ帳だとBOMというUTF-8には本来不要なデータが付いてしまってブラウザで誤動作を起こす場合があるから

EmEditor使えばいいと思うよ。BOM無しで保存できるし。TeraPadもだっけ

>>588
何故かだめでした。

>>589
display:boxでいけました。ありがとうございます。
でも大きな欠点があるのですが、
右側に配置されているテキストが
ボックスという概念だから？か自動改行されません。
※今後結構使うと思う配置なのでtableはなしの方向でいきます。

んで、結局左ボックスにmin-height指定したら何故かそれっぽくできました。
..どうかとは思いますが。もっと正しい書き方が知りたいです。

http://jsfiddle.net/vu75P/

※ウインドウを320px〜640px想定で。

>>628
普通にできる。
>>629
??
>>632
margin 0;になってるよ。>>628時点でのコードみせて。

>655

>655
↑ミス・・・

http://jsfiddle.net/vu75P/4/
これでどうだ。

>>655
書いてみた。
http://jsfiddle.net/vu75P/5/

>>655
こうかな？
http://jsfiddle.net/HXBb6/2/

ポイントは
・親要素に position: relative; で、子要素を絶対位置で配置できるようにする
・子要素サムネに position: absolute; で、絶対位置による配置をする（＝テキストを同じ位置に重ねられる）
・子要素テキストに padding-left: 55px; で、サムネと重ならないように余白を作って避ける
・親要素の min-height: 50px; height: auto !important; height: 50px; は、
　テキスト部分の高さがサムネを下回った時にサムネが切られないようにするためのもの
　（その箇所のコードを消して画面を横に広げるとわかる）
　min-height 対応ブラウザは min-height で
　min-height 非対応の IE6 は height で動くようになってる

>>659の画像サイズ固定版
http://jsfiddle.net/vu75P/7/

>>617 ですけどスルーされてるので再掲します。宜しくお願いします。

DreamWeaverの_notesフォルダなんですけど
デザインシートの保持のチェックを外せば出来なくなるって聞いたんですけど、
相変わらずローカルでができまくってます。

いい加減に鬱陶しいのですがこれは仕方ないんでしょうか？

>>653-654
レスありがとうございます。
あ、メモ帳で一回開いて編集した覚えあります。
テラパッドいれてみます。
また最初から書き直すか、コピペしかないのでしょうか？

>>663
文字化けしてない状態でコピーして
貼り付ければおｋ
保存はちゃんとutf-8な

中のエンコードの記述は
保存形式>鯖に合わせるんだぞ

>>662
いや、消せるよ

サイトの管理から設定でデザインノートのチェックハズしてクリーンナップをすればいい
既にやってると思うけど

その後アップしてるデータにあるといけないからローカルから同期すると一度に消える。
ローカルのデータが会社内の共有フォルダにある場合は、別の人がはき出してる。

http://www.yuriko.net/
このページの一番下で、ページに飛ぶ表示があります。
これってどうやって作っているのでしょうか？
jpg画像でしょうか？ あるいはJAVAで作っているとか？

>>666
フッターメニューのことかい？
普通にhtmlで作ってるだけだ。

大ざっぱにいってこんな造り
2カラムでぐぐれば基本となるソースは一杯あるから使え
<div wrapper>

<div top>
　トップメニュー
</div>

<div left>
左メニュー
</div>
<div right>
右コンテンツ
</div>

<div fotter>
フッターメニュー
</div>

</div>

>>667
多分、ページ遷移部分のことなんじゃない？

>ページ遷移部分
そうです。２ページ、３ページ、〜〜に飛ぶ所の作り方です。
すみません。

>>669
phpでないなら、静的に作るしかないんじゃない

>>670
つか、
・番号の画像を用意している、は、ないでしょうか？
・マウスを乗せると色が変わります、これは、htmlで可能な技術なのでしょうか？

>>671
・作るか、プラグインの画像を持ってくればおｋ
・可能

>>672
レス有り難うございます。

> ・作るか、プラグインの画像を持ってくればおｋ
ってことは、ページの番号を作るプラグインがあるわけですか？

>>673
動的用のものならね

>>674
それは、wordpressで使えますか？

レスありがとうございます。
>>664
鯖の仕様みたんですけど、utf-8は使えるみたいです。
明確には、特になにも書かれてないんですけど。

>>665
うお、すげぇ。できました＾＾
これでまた書けるーー。

またひとつ勉強になりました。

>>675
WordPressならプラグインがあるし、
WordPressでもテンプレートファイルの中で

<p class="hogehoge">
<?php $maxpage = $wp_query->max_num_pages;
$current = $paged;
if(!$current) {$current = 1;} ?>
<?php previous_posts_link('<'); ?>
<?php for($i=1; $i <= $maxpage; $i++): ?>
<?php if($i == $current): ?>
<span><?php echo $i; ?></span>
<?php else: ?>
<a href="<?php echo get_pagenum_link($i); ?>"><?php echo $i; ?></a>
<?php endif; ?>
<?php endfor; ?>
<?php next_posts_link('>'); ?>
</p>
というようにすると、

< 1 2 3 4 … >

のようになるので、あとは出力されたHTMLソースを見て、CSSで設定していけばいい。
あくまでも一例ね。

>>665
ご回答有り難うございます。
クリーンアップを実行しても消えません。手動で消してます。

アップロードするたびにできています。根本的に操作がおかしいのでしょうか。
共有フォルダは全チェックしましたが異常なしです。

皆メタタグってどうしてる？
とりあえず俺はいつも↓なんだが特に問題ないよね？

<meta charset="utf-8" />

検索ワードはいれてないの？

>>679
どっちかっつったら、その書き方はhtml5用じゃね？

HTMLのバージョンに合わせて仕様通りに書いてる。

>>681
あうん。一応乗り遅れないようにってことで常に新要素を組み込もうとしてるもんだから。

厳密にはエラー(HTML5ではOK)
http://victreal.com/Junk/htmlTag/index.html

こういう話はXML等のマークアップ言語の種類やHTMLのバージョンによっても変わってくる。

>>683
下位相互があるから、多分html5で作る必要はないよ
もうちょっと色々いじれるようになったら、出し分けとかしたらいいさ

そうか。今後は気をつけて書いてみる。
てことはDOCTYPEもちゃんと文書に合わせた設定でやったほうがいいかな。

>>679
とりま、
エンコード、タイトル、ディスクリプション、キーワードは入れるかな
ディスクリプション入れるかはページ次第の場合もある
>>686
そりゃそうだ

>>676
>>678
できた人と出来なかった人がいるようですね。
出来た方は何よりです。

サイトの管理→詳細設定→デザインノート
1.デザインノートの保持チェックボックスをはずす
2.クリーンアップ
3.再起動
4.消えてるかチェック→消えてなかったら手動で消す
5.何か操作して、_notesフォルダが出ないかチェック
一度、この手順でやってみて詳細をレスちょうだい

デートで、パスタやサラダをいつも男がとりわけてるのってどうなのかな
もちろん毎回おごってるし
じわじわサイフがきつくなってきた。前スレでも言ってたけど。

>>688は誤爆

>>689
どのスレとの誤爆か凄く気になるｗｗｗ

質問させてください。

<div style="float:left;">
<a href="#"><img src="00.png"></a>
</div>

といった感じで同じテンプレートのボックスを複数並べて
■■■
■■■
■■■
・・・
のように3行組のグリッドレイアウトを組んでいます。

a:hover img{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8; }
で画像のマウスオーバー時に透過しているのですが、
なぜかIE8だと3列目から透過がかかりません。
1、2列目は正常に透過されており、（もちろん他ブラウザでは
1列目から最後まで正常に動いており）CSS自体は働いてくれてるみたいです。

何か解決策をご存知の方いらっしゃいませんでしょうか？
よろしくお願いします！

691です。
ｊQueryのlazyloadを外したらマウスオーバーが正常に機能しました。
lazyloadで後から読み込まれる画像だけfilterが機能していないもより

といってもコンテンツ量が多いためlayloadがないと読み込み速度がunkです。
別の方法を考えます。スレ汚しすいませんでした。

>>679
文字コードはHTTPヘッダで指定しましょう

-moz-opacityはもうサポートされてないよ

>>677
おお、有り難うございます。
むずかしそうなので、後で勉強します。

>>694
それはそうなんだけど、Mozillaの独自拡張はIEと関係無いですよね？
-moz-opacityとopacity両方書いてあるわけだしその点は問題ないと思います

>>694
後方互換性というものがあってだね

後方互換性も何も

全ての人が最新のブラウザを使っているとは限らない

>>699
Firefox3.5で-moz-opacityが廃止されて、今サポートが続いてるのは3.6以上

http://www.ksdenki.com/
ケーズ電気の上の画像が自動で変わっていくのはどうやるのでしょうか？

JavaScript

迷惑スクリプトの一つ

フラッシュじゃできないですか？

ご自由に

どうしてもわからないことがあり、困っています。
どうか優しく教えてください！

全角の2重引用符（左ダブル引用符と右ダブル引用符のセットで使うやつです）を
含むテキストをデザインビューでペーストすると、「"」にエンコードされます。
（コードビューでペーストすると、半角のダブル引用符に変換されます）

この変換をしないで、オリジナルの文字を保持したいのです。

なにとぞ、宜しくお願い致します！

>>706

706です。
あせって送信をしてしまいました。。補足です

Dreamweaver CS5についての質問です。

「"」にエンコードされます。誤
「& q u o t ;」にエンコードされます。正

DreamweaverってＨＴＭＬやＣＳＳと何が違うんですか？

それはスレタイのことを言ってるのか？

ＨＴＭＬ、ｃｓｓの知識を持っている人がDreamweaveｒを購入してるんですよね

でもＨＴＭＬ、ｃｓｓの知識もってたら自分でＨＰ作成できるはずなのにと疑問に思います

Dreamweaveｒってソフトを使って何が出来るんですか？

>>710
管理が楽になる。専用ソフトだから、その辺はフリーウェアとは格が違う。
属性と値が自動的に出てくるのも楽。

別に全部フリーでもいいよ。慣れの問題だから。

>>711
ありがとうございます。

フリーのテキストエディタで記入するよりDreamweaveｒ使ったほうが手間が省けるってだけで

出来る内容は同じってことですね

やっと理解できました

>>712
後はサイト管理とかグループ管理とかが楽。
企業なら導入考えてもいいんじゃない？

ナイフ一本で家って作れますよね？
みたいなもんだな。

そこまで原始的ではないと思う。
パンを作るのに、自分でこねるか、ホームベーカリーを使うかってレベル。

>>658
バッチリです。
有難うございます！
まさに欲しかった解答でした。

>>659
すごいです。
まさにマルチデバイスな書き方ですね。。
ちなみにimgの8%とpの90％はどうやって算出するのでしょうか？

>>660
なるほどpositionていう方法がありましたね。
解説も親切にありがとうございます！

>>659
普段はプログラム言語とかもバリバリですか？
ほんと尊敬します。

みなさん親切な解答ありがとうございます！
色々な書き方あって面白かったです。

レベル高い人多そうなので
もう1つ質問させていただきたいのですが。

作成いただいたjsfiddleのソースですが、
親div全体をリンク範囲（aタグをdisplay:block;？）
にする際、見出しと本文を配置する時の
マークアップの仕方が知りたいです。
aタグ内にブロック要素はもって来れないと思いますが、
そう書くのがベターでしょうか？

ここはプログラマーやデザインとかの
ずっとPCを使うような仕事をしてる人が多いんでしょうか？

・・・違うと言ったら？

まあそうだろうね

htmlのヘッド？の記述で
lang="ja"
みたいなのありますよね。
あれって必要なんでしょうか？
DWで作り始めるとはいってないので。

<p>段落いれてで書いた方がいいのか、
普通にそのまま、書いた方がいいのか違いがよくわかりません。

それとノートパソコンで見る人用に750px幅で作った方が良いって聞いたけどどう思いますか？Yahooなんかは、そうらしいのですが。

レイアウトでよく入れ子に、しますが、なぜ、クラスじゃなくＩＤなんでしょうか？

リストについてですが、
#001
#001 ul
#001 ui li
これと
#001
ul
li
の違いがわかりません。
よろしくお願いします！

携帯からなので読みづらかったらすいません。
webの現場ってよる遅くなります？

まず、先達として言わせていただきますと
質問は分かりやすくまとめましょう
あとは、１レス内にいくつも書くと拡散しすぎるので
レスがしやすいような質問にしましょう

ま、Webの現場が遅いかどうかは自分次第だな
遅いのは覚悟で

>>720
html要素の属性としてlang記述するくらいなら、httpヘッダでContent-Language指定したほうがいいと思う

>>655
>>659の画像固定版
http://jsfiddle.net/vu75P/7/

>>716
>親div全体をリンク範囲（aタグをdisplay:block;？）にする際、見出しと本文を配置する時のマークアップの仕方が知りたいです。
してない。
aをdivで囲ってブロック要素にするなら、display:blockをつかってa自体をブロック要素にしたほうがシンプルだからそうした
↓のことだよね？
<div>
<a href="foo">foo</a>
</div>
と
<a style="display:block" href="foo">foo</a>


マークアップって言われるとややこしいよね。自分もよくわからん。

>aタグ内にブロック要素はもって来れないと思いますが、そう書くのがベターでしょうか？
具体的にどういうコードか例をかいたほうがいい。
あと、html4的にはおかしいけど、html5的には別に間違いじゃない。

>>717
素人のニートです！

>>688
変に見栄をはる必要はないよ
お互いをさらけ出し合ってじゃないと本当のつきあいできないぜ
やりたいだけの女なら頑張れ

>>712
体験版落とせるから試しに使ってみたら？
仕事で使うならほぼ必須になるわけだし
いい経験になるよ

>>720
lang="ja"はデフォで入ってないだけで、カスタマイズして入れられる
pタグは文章のかたまりを一つにまとめる。

<p>今日ピクニックに行きました。</p>
<p>公園でビニールシートを広げてお弁当を食べました。</p>
<p>明日の朝...</p>
ではなく
<p>今日ピクニックに行きました。<br />
公園でビニールシートを広げてお弁当を食べました。</p>
<p>明日の朝...</p>
って、感じ。日本語としての内容でまとめればおｋ

>>720
横幅800pxの画面の為にそれ以下で作れっていう話は過去にあった。
だが、今の時代はモニターの横幅のワイド化が普及して、
もっと大きく作ろうという話になっている。

こういったサイズや色といったデザインの話では
あなたがターゲットとするユーザが見やすい環境を作ればいい
モニターのサイズが小さいのはデスクでもあること。
なので、アナリティクス入れて調査しなさい


使い回すのがクラス、そのページ内で一回しか使わないのがID
<ul>
<li>AAAAAAAAA</li>
<li>BBBBBBBBB</li>
</ul>

ulとolはliを囲む為にある。

>>721
他の一般的な仕事と比べて遅い。
サービス残業の会社も多い

ただ、スーパーフレックスタイムとかで
朝の出社が遅かったりカバーしてくれる。

>>725
ようニート働け！ｗ
お前ならやっていけるぞｗ

マークアップっていうのは意味づけだな。
strongで文章を強調
aでくくればここはリンクですよ
文章をタグで装飾してるって事だな

マークアップを機械が読みやすくしたり、
最適化する事がSEOに繋がると信じている（信じ込ませてこの商売が成り立っている

>>723
それは管理とか保守の問題だろう
「metaでcharset指定するぐらいならContent-Typeを指定した方がいい」と同レベル

レスありがとうございます。

>>722
了解です。
確かに自分次第ですよね。

>>723
わかりました。
ちょっと調べてきます。

>>726
lang了解です。
<p>は、一行だけでも使うものなんでしょうか？

>>727
アナリティクス検索してきます。
もうちょっと検索して質問してみます。

---ｃｓｓ�@---
#001 { }
#001 ul { }
#001 ui li { }
---ｈｔｍｌ�@---
<div id-"001">
<ul>
<li>テストテスト</li>
<li>テストテスト</li>
</ul>
</div>

---ｃｓｓ�A---
#001 { }
ul { }
li { }
---ｈｔｍｌ�A---
<div id-"001">
<ul>
<li>テストテスト</li>
<li>テストテスト</li>
</ul>

�@と�Aの違いがわかりません。
テンプレサイトでは、そんなに説明載ってませんorz

> <p>は、一行だけでも使うものなんでしょうか？
その一行や一文が、ことばの単位でいう段落ならそれでいい。

基本webでは読みやすく3行ごとに文章の段落になるように作られるけど
日本語で考えるといいよ（嫌味じゃなくて言葉の単位って意味で)

小学校の時に単語、文節、段落、文章、文って習ったじゃない？
pタグの段落っていうのはこの意味ね。
基本は読みやすくなるように文をまとめればいいし、
制作環境では文全体をpでくくる所もある。

文…句点から句点までの一続きで表した思想や感情のことば。
文章…文が集まったもので、ひとまとまりの内容を表したもの。
段落…文章を内容によって分けたひとまとまりの部分。
文節…文を意味でできるだけ小さく区切って分けたもの。
単語…文節をさらに分けた最小の単位。

質問の意味もよくわからん

>>731
ulやliはページ上でいろんなとこで使うから振り分けたい

レスありがとうございます。
>>733
あーなるほど。
ほんとに段落で使うんですね。
よくわかりました。
たとえば、『　\1.999　』　なら文章ではないので使わなくても良いってことですね。

>>732
まず、�@とかギリシャ文字とか特殊記号を使うクセをなくそう
メール打つときとかも一般常識な

1だと、
<div id="001">にあるul、liだけに反映される
他の場所のul、liには反映されない

2だと、
#001 { }←<div id="001">の装飾
ul { }←全てのulを装飾
li { }←全てのliを装飾

>>736
そういう事で大丈夫。
そういうものを装飾するときにはspan、strongを使うかな

>>734
すいません。。。
質問するほうもよく意味がわかっていないので(；´Д｀)

>>735
�@のほうが同じページで　ul li　使い分けられるって事で良いでしょうか？

ｃｓｓで
�@
ul li { }
�A
ul { }
li { }

なんで分けて書いたりわけなかったりするんでしょうか？(；´Д｀)

>>737
ありがとうございます。了解しました！

>>740
そういう事
先に2で全てのul、liを指定しておいて
個別に指定した場合は、後から1を記述すればいい

>>706

706です。
どなたからもレスいただけなかったので、
「ひょっとしてあまりにもバカな質問なのでスルーされてしまった？」と不安です。

「マニュアルのここをよく読め！」というおしかりでも構いませんので
なにとぞヒントをくださいませ。
宜しくお願いいたします！

マウスオーバー時に画像を切り替えるようにしたいんですが、
background-positionをピクセル単位で指定すると何故か画像が表示されません。
何が原因でしょうか？
％指定だと表示されます。

忘れてください
プラスとマイナス逆に指定してました

<link rel="profile" href="http://gmpg.org/xfn/11" />
ワードプレスのhtmlファイルのヘッド部分に、にこんなリンクが貼ってあるのですが、これは何でしょうか？

>>730
いや、Content-Typeのchrasetは、指定した方がいいじゃなくて指定すべきだろ

langもヘッダ見た時点で振り分けられるのがクライアントにも優しいから
Content-Language使った方がいいとは思うけども

>>746
指定した方がいい、には同意する
しかし、指定したからHTML文書で指定しなくていい、にはならない

2か所以上に記述しないってのは保守的な見方からだけど
XML宣言のencodingみたいに、lang属性をhtml要素に記述することが推奨されているわけではないし
あえて冗長な記述をする必要はないんじゃないかな

質問よろしいでしょうか？
widthとheightを両方兼ねているのがpadding(borderの内側)でborderの外側がmarginという考え方で良いのでしょうか？
いまいちwidthとheightとpaddingの違いがわかりません。

>>749
ここの５でも見て勉強してくれ
http://www.mozilla.gr.jp/standards/webtips0015.html

width＝幅
height＝高さ
margin＝外周の余白
padding＝内周の余白

コテハンついたままだった

別にいいじゃん

>>725
ソース用意しました。
もう全然わけわからなくなってます。
ほんとはaタグの背景に色付いてhoverする予定です。

↓みなさん、この内容を正しいマークアップでよろしくお願いします。
http://jsfiddle.net/pVtGP/

>>754
人に作らせても覚えないから、自分で作ったほうがいいぞ

パソコンとスマホに同じCSSを読み込ませ、携帯にはそのCSSを読み込ませたくないのですが、
link要素のmedia属性でスマホと携帯を区別することはできますか？

>>754
みたいなのって、どういう人が質問してるんだ。
やりたい事がはっきりしすぎてる割に、やってる事めちゃくちゃすぎる。

body,ul,li,h3,p{
margin:0;
padding:0;
}

この時点で、もう無理だよ！

何かを無茶振りされて、見よう見まねでやろうとするとこうなるのか。

title要素内時点で駄目

http://www.city.kitami.lg.jp/
このサイトなんですが、一番上に文字を大きくしたり色を変えたりできます。
どうやって作るんですか？

>>759
文字サイズはbodyのstyle="font-size:0.8px" を変えてて、
色はalternateだね

しかし、こんな使われない機能をつけて、金額を盛ってると思うと・・・
マジ税金の無駄遣い

>>759
Java Scriptでやります

「Java Script　文字サイズ変更ボタン」
なんかで検索してね

レスありがとうございます。

>>760
ありがとうございます。検索してみます。
確かに使わない・・・と思う。

>>761
了解です！検索してみます。

>>762
ログを読むだけでも勉強になる
http://www.tagindex.com/kakolog/q4bbs/2201/2565.html

>>763
ありがとうございます。
覚えることありすぎて、もう頭が・・・(；・∀・)

文字サイズの変更は、アクセシビリティの点からつけてるんだろうね。

>>765
製作側の思惑としてはそうなんだろうけど、選択を強いる方法はアクセシビリティとは相反する機能なんだよね

サイトのHTMLソースの見方はわかりますが、ｃｓｓはどうやって見れますか？
firefox希望です。

>>767
ソース中のcssファイル名をクリック

すいません、解決しましたorz

>>768
ありがとうございます。

>>767
ソースの<head></head>内に
<link rel="stylesheet" href="css/base.css" type="text/css" />
こんな一行があると思います
この場合だとhttp://○○.index.html/css/base.cssとurlを打ち込めば
そのcssが出てきます

なにこれ、有名店のｃｓｓみたらすごいことになってる。
こんなん無理。挫折だわ。
みんなこんなんしてんのかい。オワタｗ

>>772
Firebugを使えば対象を絞り込めるから多少はわかりやすい

<head>
〜
</head>

<head>
〜
</head>

こういうように１ページ中にheadブロックを２個書くのってhtml的に間違ってますか？
あるWEBフレームワークの関係で内容を２ヶ所に分けたいんですが

間違ってる

>>772
ちなみにどこの？
有名店なら、みんな見てるし問題ないかなとｗ

>>776
http://www.ksdenki.com//ec/inc/compo/css/basic.css

>>777
ケーズデンキかｗ

全てのページのCSSがひとつにまとまってるから、この量なわけであって、
作り方はこのCSSをチマチマ作るわけじゃないしな

イメージ的には、パートスレのまとめみたいな感じｗ

>>778
イケサイに載っていたので。
ソースなんて見るんじゃなかったorz
まとめのやつですか。
あーあ、とりあえず、履歴書送りまくって当たればラッキー的にいきます。
これ、でも1人でやるわけじゃないですよね？

>>779
これそんなに難しくないぞ。ぶっちゃけこのサイトのコード書くなら誰でも出来るレベル。
１からデザイン考えるの方が一番難しい。
がんばれ〜！

>>779
デザインはひとりでもできるかな。これくらいなら
あとは、エンジニアと相談しながらって感じか

間違えた。デザインじゃない、コーディングだ
このコーディングなら１人でもできる

>>782
名前間違えたｗ

>>780
全然、何書いてるかわからない時点でだめだ
これ見たときほんとにこんな顔してたわｗ　→　(ﾟДﾟ )

HTMLて始めた頃は理解していくことが快感だったよな。
覚えたあとはだるいけど

>>749
width→横幅
height→高さ
padding→内側の余白
margin→外側の余白

div id="test"にwidth300px設定したとしよう。
これにpadding-leftで10px加えると、
このtest枠の横幅は300px、内側余白10pxとなるよね？
つまりtest枠の合計は310pxになるわけだ。

test枠の合計を300pxにしたい場合は、
paddingを差し引いて、width290pxとするのはその為だ。
内側余白と聞いて、width、heightを変更しているように思う人が多いが
marginと同じで「内側に余白を追加」していて、
width、heightは変わらない。

納得して頂けたでしょうか？
o(｀･д･´)o がってん！がってん！がってん！

うぉ、リロードしたら一気に増えた
さて、今日も答えてもらっていないのを返答していこう

>>779
一人でやる
だって、誰かがやらなきゃいけないんだもん

もちろん複数サイト同時管理な
バイトからでいいから雇ってもらえるといいね

>>742
コピー元のデータがワード、エクセル、メール、web上から持ってきて
余分なデータが入っていそうだね
今は再現できないけど、俺も最近なったよ

一度メモ帳とかに移したりするけど、
どのみちそういった特殊記号は“ ”に直してしまう

>>756
ぐぐれば解説サイトでてる

>>775
ありえないレベル

>>745
ググレカス
http://shotasawadadesign.net/blog/wordpress/
http://www.geekpage.jp/blog/?id=2008/2/4

XFNとは
http://www.adminweb.jp/wordpress/link/index10.html

下のようにレイアウト組んでましたが、表の部分を右にずらそうとmarginを指定しても動いてくれません。
説明文と表と説明文の３つをdivで囲って、表の部分をtable{position:relative;left:20px}とかしたら
理想の通りになったんですけど、考え方としてこれでいいのでしょうか？

┏━━┓説明文
┃ 図　┃表
┃　　　┃説明文
┗━━┛

>>791
ttp://okwave.jp/qa/q7138810.html

>>792
どうもです。微妙に私の聞きたいことと違うようです。
そちらの回答ではdivで囲ってませんよね？

多分、そちらが正解のような気がしているんですが、
表がmarginでもmargin-leftでも横に移動してくれないんです。上下ならmarginが取れたんですが。

floatしていてdivで囲ってなくてもpositionとか指定しても構わないのですか？
それだと回答の通りになりますが。

>>791
divと図はそれぞれどういふうにfloatかけたの？
親要素とdivと図のwidthは？

IE6でbody直下にあるdiv要素があります。
このdiv要素にheight:100%をかけても、
そのdiv要素の中にあるコンテンツの大きさまでしか縦に広がってくれません。
他のブラウザのようにブラウザ全体の縦幅に広げるにはどうすればいいですか？

>>794
ご返事どうもです。今のところ>>792の返信を参考にしてdivをかけています。

<div class="section">
<div class="pic"><img></div>
<p>〜</p>
<table>〜</table>
<p>〜</p>
</div>

こんな感じで、tableにtable{position:relative;left:20px}を指定。一応、これでも動いてます。
親要素の横幅は特に指定してありません。一応900px指定を考えています。図は400pxです。

他のサイト見ると殆どdivブロックを並べて親divにoverflow:hiddenを置けとか書かれています。
子divが親divを突き抜ける問題を回避するための措置で、こっちの方が安全かなと思ってます。

>>796
まだ曖昧なところ(p, table のスタイルとか)があるから http://jsfiddle.net/ にUPしてみるといいと思う

結局どうしたいのか長くてみる気が失せる
簡潔によろしく

>>742
ついでにデザインビューからやるとコピペ末尾に
空白、改行とか入ってるときあるから注意ね

少し手間だろうけどがんばれちょうがんばれ

Androidのアプリが作りたくて、アプリケーションフレームワークの設定を
しようとしているのですが、「Android SDKをインストールできませんでした、、、」
といったエラーが出て、どうしても設定できません。
なんとかならないでしょうか？

>>800
まずはここのスレタイを見てみることから始めようか

>>800
すげぇ！なぜここキタｗｗｗ

>>796
<div class="section">
<div class="pic"><img></div>
<div class="right">
<p>〜</p>
<table>〜</table>
<p>〜</p>
</div>
</div>

こうして、大きいBOXを、ふたつ作って、両方にfloat leftかける。
あとはtableにマージンかければjk

たぶんpicにだけフロートかけてたんだよね？そしたらなんとなく全部横にならんだから良いと思ってた。
違う？

html4では、aタグ内はインライン要素しか構文的にダメだったけど
HTML5ではaタグ内にブロック要素を入るのはＯＫでしょうか？

例えば、<a href="#"><p>あ</p></a>みたいに。

href 属性のない a 要素に関してはＯＫとかいてありますが・・・
http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#changed-elements

読み間違い
href属性あってもフロー要素入れていい

positionをfixedにした場合って
携帯ってそれに対応してますか？

携帯の全機種が同じブラウザ搭載してると思ってんですか

>>806
Android, iOS搭載のWebkitエンジンのブラウザ、Opera、 Firefoxなら対応してるでしょう

UTF-8でCSSなどをつかってShift_JISのフォントにする事は可能でしょうか？

>>804
ｈｔｍｌ4でもaタグに入れるブロック要素をインライン要素に変えればいいじゃん
html5でその書き方がおｋだとしても気持ち悪いからするべきじゃないな
hrefないのは中にブロック要素いれて、hrefあるのは中にブロック要素いれない
って使いわけると精神衛生上うけつけない

>>809
お前は、utf-8、シフジス、eucがなんなのかまるで分かってないｗ
それらは文字エンコードだ
フォントとは何も関係がないｗ

>>810
ブロック要素をインライン要素に変えるって
まさか、display:block;にしとけばいいとかじゃないですよね？

聞きたいのは
↓のスマホサイトみたいので、「金利・外国為替」とかの見出し部分を
hタグにしたい時の書き方です。
http://www.smbc.co.jp/smartphone/

ソース見るとこんな感じで見出しはマークアップしてません。
<li class="c_icon service_list"><a href="/smartphone/kinri/index.html">
<img src="/smartphone/image_uniq/icon_top_kinri.png" width="52" height="52" alt="" />金利・外国為替<br />
<span>各種ローン金利、外国為替相場等</span>
</a>
</li>

↑間違いました
×display:block;
→○display:inline;

>>804>>810
これまでフレーズ内容 (インライン要素またはテキスト) のみに限定された内容モデルが変更され、フロー内容 (ブロック要素) も含むことができるようになりました。
また、href 属性のない a 要素はリンクが設定される可能性を示すプレースホルダを表すようになりました。


こう書けば勘違いしないで済むかな？
これまでのブラウザの挙動がHTML4.01等と異なっていたから、HTML5ではそれにならってる

>>814
つまり>>812で例に上げたソースをHTML5で記述し、見出しにする場合、↓は文法的にＯＫという事でしょうか？

<li class="c_icon service_list">
<a href="/smartphone/kinri/index.html">
<img src="/smartphone/image_uniq/icon_top_kinri.png" width="52" height="52" alt="" />
<h3>金利・外国為替</h3>
<p>各種ローン金利、外国為替相場等</p>
</a>
</li>

そこにh3使うのは変だと思うけど、少なくとも文法違反ではない

>>810
HTML4ではそれも違反
インラインボックス=インライン要素だと思ってないか？

>>816
ありがとうございます。
それがＯＫだとわかるとスマホサイトでだいぶ作り易くなりますね。

草案だしユーザースクリプトに使う程度で

>>818
一個一個マークアップするのと
こうやって全体をマークアップするのがいいのか
SEO的にどうなっていくんだろうな

>>803
その通りです。box２つ並べるべきなのかどうか悩んでいました。
並べれば簡単に解決するんですけど
>>792のデザインを考えてマークアップするのは変です〜という文章が気になって。
プロってこういう風に考えてるのかなあと、今週末色々と見てました。

でもdiv box２つ並べたサイトが圧倒的に多かったので
こちらでもいいような気がしてきました。どうもアリガトンです。

プロはそれどころじゃない

だな。命けずってるからな

プロはデザインを考えてマークアップしちゃうからな

SEO考えなくてもいいところは気楽でいいよな

SEOを考えたマークアップ≠文書構造を基準にしたマークアップ

SEO云々で変なの売りつけられてるところは可愛そうにおもいます。

SEOって業者に依頼したらいくらすんの？

>>820
内部施工でどれだけ影響あるかとか全くわからないっす。
SEO関係ないですけど、
スマホだと視覚的に1つのブロックが1つのリンクエリアになっていないと
とてもタップしにくいし使用感も不快なので、スマホサイト作成で今後かならずこの形に
ついては皆さんも一度作成するかと思います。
（HTML4できちんと書いてきた人は違和感を覚えるかと。）

ちなみにjQuery Mobileだとaタグエリアの処理はCSSでやらないでjqueryでやってました。
HTML4のPCサイトでもそういうjs使ってるとこをちらほら見かけますね。。

jsは他の部分に使いまくるのでこの草案が通ってくれないと困りますねぇ

>>828
私の知ってる会社は年1千万くらい。（年間売り上げ3億くらいの会社）
トヨタとかドコモとかはSEOなんて特別意識してないんだろうか？

>>830
してるだろ
ドコモなんてNNTなんだから系列がするっしょ

<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php
echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>

これ、を表示させると２行になりますが、表示の雰囲気を変えないで１行で表示させるにはどうすればいいでしょうか？
　

>>832
要するに<h1>タグと<h2>タグを１行で表示したいってこと？

あぁ。

>>834
なんの感想なんだ？www

>>833
そうです。よろしくお願いします。

ブロック要素をインライン要素に変えるなりしてcssで調整
それにしても汚いソースだなh2の中にspan入れる意味あんの？

つか、
<h1>〜〜</h1> <h2>〜〜</h2> と書くと自動的に改行するじゃないですか。
これを改行させない方法を知りたいのですが。

>>838
>>837

>>799
>>742
ほんとうに優しいレス感謝です！

念のためテキストエディタで直接入力したものも、Dreamweaverにペーストすると
半角のダブル引用符に変換されてしまいます。

これを回避するために今は、左ダブル引用符は「＃左＃」、右ダブル引用符は「＃右＃」と
置き換えしてからDreamweaverにペーストして、
最後に「& l d q u o ;」「& r d q u o ;」などに置き換えをしています。

この手間を何とかしたいです。
皆さんは問題ないみたいですね。私の環境だけなんでしょうか……。

このサイトのヘッダー部分と同じように組み立てるにはどうしたらいいでしょうか？
よろしくおねがいします
http://www.mtfuji-hotel.com/


・ページは900ｐｘで設定しておりmargin-left: auto;　margin-right: auto;で中央で表示されるようにしています
IEでは中央で表示されるのですがhttp://jsfiddle.net/KEFZN/30/では中央で表示されていません。何故でしょうか？

・『トップページ〜韓国語』が右側で表示されません右側で表示させたいです(<right></right>で囲んでもtext-align: right;でやってもダメでした)

・左側には『ロゴ』、同じ行の右側には『電話』と『インターネットの方はこちら』を２段にして表示する方法が分かりません


つまりhttp://www.mtfuji-hotel.com/と同じ配列で組み立てたいです

タグですhttp://jsfiddle.net/KEFZN/30/

841です。

・ページは900ｐｘで設定しておりmargin-left: auto;　margin-right: auto;で中央で表示されるようにしています
IEでは中央で表示されるのですがhttp://jsfiddle.net/KEFZN/30/では中央で表示されていません。何故でしょうか？
↑
中央表示されているようなのでこの質問は取り消しでお願いします。

>>838

>>837の言うようにdisplay: inlineを指定して
インライン要素にするか、あるいは
floatを使用して回り込ませればいい

<right>タグって初めて知った・・・ってググったら、ネーじゃんwww

…right。その通り。よく気付いたね。

>>844
あなどるな。もしかしたらHTML6.5で審議中のタグかもしれん

<center>はあるのになんでだろうね

アイツはもう消した!

俺も新しいHTML考えてみただがどうかな？

<opai style="houkyou-top:90cm; position:absolute; top:+30 +10 +20 +10; chikubi-color:#472F1F;">
chinko
</opai>

<chinko style="bokki; hardness:70%; min-height:10cm; color:#FDBBEE;"></chinko>

あれ？　<chinko>タグの中に何入れていいかわかんねｗ

Another HTML-lintでチェックしてみたらエラー扱いされたわ

8: line 10: <opai> は不明なタグです。 → 解説 54
8: line 12: </opai> は不明なタグです。 → 解説 54
8: line 14: <chinko> は不明なタグです。 → 解説 54
8: line 14: </chinko> は不明なタグです。 → 解説 54

841です。