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

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

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

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

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

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

■前スレ
【Dreamweaver】HTML/CSS質問・優しく答えるスレ２
http://pc11.2ch.net/test/read.cgi/hp/1245601603/

なぜスレタイ変えたし

なぜ今言ったし
テンプレ案のときに文句言えば良かったじゃん

質問です
今、携帯HPサービスでブログを作っているのですが、auからは表示されないようです
おかしいところがあったら説明お願いします

<font size="2">
<span style="letter-spacing : 2px;line-height : 18px;">
<center>
<TABLE border="0">
<TBODY>
<font size=1 face="Verdana" style="font-size:10px; line-height:18px;letter-spacing:2px;">
<font color="#00ffff" size="3">名前</font>
#blog#(独自タグです。ブログの中身と考えてください)
</span>
</TD></TR></TBODY></TABLE>
</center>

>>4
AUか……古いドコモはtable要素無効らしいから、とりあえずtable要素はなくしたほうが
それに、DOCTYPE宣言がどうなってるか知らんけど、インライン要素にブロック要素は入れられんでしょ

・<font>,<span>が<table>を内包することはできない
・1行目の<font>に対する</font>がない
・2行目の<span>に対する</span>がない
・9行目の</span>に対する<span>がない
・<tr>も<td>がない
タグは小文字で統一した方がいい

Dreamweaverを買いました。
箱の中にたいした説明書がないのですが、使い方のガイダンスは
ヒントやチュートリアルやヘルプから都度探し当てて見ないとダメなのでしょうか？

ググれば解説サイトなんていくらでも見つかるだろ

箱の中にデカイ説明書が入ってる筈だが
お前もしかして割れじゃねぇのか？

>>9
ワークフローガイドって小冊子ですか？
これは機能紹介じゃないですか

紙媒体の説明書は有料だろ

>>7
検索ワード「dwcs4」「調べたい言葉」で
検索するのが一番はやいとおもふ。

アカデミーパックとかは説明書ついてたっけな？

DVD-ROM内のPDFを見ろ。後はVideo Workshop。

コンテンツってDVDとVideo Workshopってのが入ってました
これですか？
灯台もとクラッ氏でしたありがとうございました

質問です。
Fc2のブログのHTML・CSSのことについてです。
記事に画像を貼りマウスカーソルを置くと、画像が1ドット分ほど動き、記事の外線がずれてしまいます。
解決策はあるでしょうか？
　　　　　　＿　　　　　　
￣￣→￣　　　こんな感じです。
　

a:hover img かa:hoverのいずれかにborderが指定されてる予感が

cssに↓加えたら解決するんじゃね
img {
border: 0
}

>>16
a:hover img がありませんでした
fc2共有テンプレート内のkool2karamというものです。

>>17
加えてみましたが解決できませんでした。

暇なのでこのテンプレのソース見てみた

a:hover
{
color:#ccc;text-decoration:none;position:relative;top:1px;left1px;}

を

a:hover
{
color:#ccc;text-decoration:none;}
にしたらどう？

>>19
ありがとうございます。
解決できました。
右側にあるプロフィールの所にも画像をのせてみたのですがこちらも同じ状況になっています。
こちらも>>19さんが教えて頂いたやり方でできますか？

できますか？　って……なんでやってみないの？

すみません。試してみてできなかったので、この方法でできるのかな？
と聞きたかったんです。

CSS内のすべてのcolor:#ccc;text-decoration:none;position:relative;top:1px;left1px;}
を
color:#ccc;text-decoration:none;}
に変更してみたのですが、プロフィールの画像のところだけずれてしまいます。

プロフのところはおそらく.menu_text a:hoverの同箇所を削ればいいはず。

しかしこのテンプレあらゆるhoverにpositoinずれを定義してるね。
あえてやってるんだろうけど、良さがわからない。。

CSSの最後に↓加えたらどうだろう
a:link, a:visited, a:hover, a:active {
top: 0;
left: 0
}

リンク時にずれるのって鬱陶しいだけなのに、なんでわざわざそうするんだろうな

tableの幅を300pxに固定したいのですが文章が長いと改行せずそのまま横に表示されちゃいます。
どこが問題なんでしょうか？

↓html

<table class="sample">
<tr><td>
1234567890123456789012345678901234567890123456789012345678901234567890
</td></tr>
</table>

↓css

table.sample
{
width: 300px;
}

>>24
いえてる、なんで1pxなんてw

>>23
本当にありがとうございます。解決できました。

>>24
ありがとうございました。
また何かありましたら聞きに来ようと思います。

>>25
半角文字等の連続が自動改行しないのは、正常な解釈なのでそのhtmlに問題点はない
はみ出させたくなかったら、br要素等を使って強制改行する

>>28
ありがとうございます。
テスト用の文章が問題だったんですね。
twitterをウェブに表示させたらなぜか改行できなくておかしいなと思ってたのですが今確認したら数字のみ
だとtwitter上でも改行されてませんでした。
普通に発言する場合は特に気にしないでも大丈夫ですね。
無駄に悩んでしまいましたw

word-breakでぐぐれ

>>30
それはIEの独自拡張

その辺りの事情や、>>28に書いてあるような話、どうしてもやりたきゃ
JSでやるしかないといったこともぐぐれば分かるという趣旨で書いた

>>32
table-layout:fixed;を指定して&shy;を使えば良い

な、なんだってーっ

blogの最下部に余白ができてしまったのですが一般的な原因として考えられる事ってありますか？
marginはすべてチェックして0にしたんですけど直らなかったです。

ソース晒せよ

前スレから失礼します。
995さんに教えていただいたやり方で
991の方が解決しました。
ありがとうございました。

よくあるミスを聞きたいんだけど
ソースあげろって言われてもめちゃくちゃ多いよ

よくあるミスって言われてもめちゃくちゃ多いよ
つ http://kissho.xii.jp/1/

要素一つ削ってはチェックしてを全部試してみろよ
簡単な方法だし足りない頭でも原因見つけるくらいはできるだろ
漠然とした質問するような奴は大抵アホみたいなミスしてるだけだからソース晒したほうが早い

繋がった画像を上下配置しようと、marginを０にしてつなげようとしても一枚目が若干右よりになり、また2pxほどの隙間がでます。
（2枚目の画像をfloatで左寄せして<p>を回り込みさせています。）

それでいろいろと、試してみて、1枚目にもfloat寄せることで、解決したのですが？
なんでこうなるか良くわかりません。
margin-left:0　で左への隙間を無くしたはずなのに、さらにfloat:left
で左に寄るとはどういうことでしょうか？

<img id="1"/>
<div id="box">
<img id="2"/>
<p>今日はお盆です。</p>
</div>

CSSつづき
::::::::::::::::
#1 img {
margin-left:0;
}
#box {
margin-top:0;
margin-left:0;
}
#2 img {
float:left;
margin-top:0;
margin-left:0;
}
::::::::::::::::
こうすればOK

#1 img {
margin-left:0;
}
↓
#1 img {
float:left;
margin-left:0;
}
::::::::::::::::

>>41
スレに貼るためのソースに書き直した時に間違えてるみたいで、何を質問したいのかよくわからんけど

とりあえず縦にimgをくっつけたいなら、img要素に vertical-align:middle; を適用すればいい
デフォルトでは vertical-align:baseline; になっているので隙間が出来る

imgもdivもデフォでmargin: 0;だから指定する意味がないと思うんだけど
つか#1 imgじゃなくてimg#1じゃねーの？そもそもIDが数字だけは止めた方がいい

何がしたいのかがいまいち分からないけど、左右にボックスを配置した方が早い気がする
<div style="width: *; float: left;">
<img /><br /><img />
</div>
<p style="width: *; float: left;"></div>
※後続のブロック要素なりなんなりにclear: left;を指定。clearfixの方が綺麗かも

回答ありがとうございました
修正して見たのですが、これで大丈夫でしょうか？
<center>
<TABLE border="0">
<TBODY>
<font size=1 face="Verdana" style="font-size:10px; line-height:18px;letter-spacing:2px;">
<font color="#00ffff" size="3">text!</font>
#blog#
</TD></TR></TBODY></TABLE>
</center>

>>45
間違えました
</TD></TR>は無いものと思って見てください.

tr,tdが無いとかふざけてんのかよ。知識不足にも程があるぞ
つーかそれだとテーブル自体要らないだろ
表示されないのは文法ミスだろうから#blog#の部分も簡略化して晒してくれないとどうしようもないかもな

>>45
ひとの話なにも聞いてないのな。サイト作りは時期尚早かと思われる
掲示板やチャットでのタグ遊びをまだ続けたほうがいい。他の人に迷惑かけないようにね
携帯サイトなんて難易度の高いもんは今は不可能だ

サイト作りはいつ始めても早すぎることは無い

ローカルで勉強してからの方が無難だろうけどな。あんまり汚いソースだと恥ずかしいし

<center></center>
もうそろそろやめた方が

非推奨だね
なんか懐かしい感じのタグだ

Strictや最新版では廃止されてるがな

ヤバい知らなかった・・・

43さん　44さん
ありがとう勉強になりましたあ。

ネガティブマージンを使って、ボックスから画像をはみ出せようと
しているんだけど。
本によって、その画像をわざわざ背景画像にしてたり、してなかったりしている。

そのまんまの画像を配置するより、背景画像として配置するほうがいいの？

>>50
ただの手段なんだから、
変に誇ったり自負したりしないかぎりソースをどう言われようと恥じることは無い
ただの手段なんだから

divばっかりよりはタグの意味が分かるだけいいかもな

俺のサイト、無知なまま、ただただXHTML1.1に準拠させなきゃってやってたから、div要素、style属性だらけだ
そもそもstyle属性は非推奨っていう
8月中に修正しようと思うけど

俺はいまだに4.01

ある程度整然としてソースを心がけることは重要ですよ
個人サイトじゃなく企業のサイトなら尚更に

>>56
画像がデザインに関するのなら背景画像、コンテンツに関わるのならimgタグの方が好ましい
マークアップの問題なわけだけど、まぁ好みで決めても大した問題ではないかな
サイトやページのタイトルを画像で表示したいって時には
<h1><a><span>title</span></a></h1>
上記でaをブロック要素にしてバックグラウンドに画像を指定、spanでテキストを非表示にする
ってのが割と良く使われるし双方の妥協点と考えてもいいから知っておくと便利かも

ネガティブマージンもいいけどposition: absolute;の方が使い勝手がいいような気がする
横幅を可変にできるからテキストでも上手く使えるし汎用性が高い

>>57
綺麗であれば誉められることはあっても貶されることは無いわけで
慢心せずに向上の意思を持つことはあらゆる意味で良い事だよね

フレームとマージンの同時併用って出来ますよね？

フレームは上手くいくんですが
マージンがちゃんと表示されません・・・

alpha editを使い
デスクトップでプレビューしてるのですが・・・

<html>
<head>
<title></title>
</head>

<frameset cols="200,*,200">
  <frame name="" src="1.html" noresize="noresize" frameborder="0" />

  <frame name="" src="2.html" noresize="noresize" frameborder="0" />

  <frame name="" src="3.html" noresize="noresize" frameborder="0" />

  <noframes>
    <body leftmargin="150px" rightmargin="150px">
        </body>
  </noframes>
</frameset>
</html>

マージンってBODYに書き込むんですよね？

マージンもいくつか種類があって
他にも何種類か、試したんですが全くだめです・・・
根本的に書き込む位置が間違っているのでしょうか？

>>63
一度noframes要素の意味を調べたほうがいい。しかもleftmarginとかはIEの独自拡張だ
あとまだこのレベルなら、今からframeset要素にはまらないほうがいい。もう廃止された要素だから

frame使うサイトとかこの世から消えればいいのに

疑似フレームってメニューを追加/削除する時めっちゃ大変じゃね？

PHPで呼び出すとか

grepで置換したらいいだけ

そやね

>>62
ありがとう。勉強になった。

リストを横に配置してメニューバーを作っていこうと思い
調べていたのですが、ｈｔｍｌが
<ul id="menubar">
<li>ホーム</li>
<li>新着情報</li>
<li>製品案内</li>
<li><会社概要</li>
<li>サポート</li>
<li>お問い合わせ</li></ul>
そしてｃｓｓのほうが
ul#menubar {
margin: 0px;
padding: 0px;
}
ul#menubar li {
list-style-type: none;
float: left;
margin: 0.3em 0.1em;
border: 1px gray solid;
padding: 0px;
でした。そして最終的なｈｔｍｌが
<ul id="menubar">
<ul id="menubar li">
<li><a href="/">ホーム</a></li>
<li><a href="info.html">新着情報</a></li>
<li><a href="prod.html">製品案内</a></li>
<li><a href="comp.html">会社概要</a></li>
<li><a href="supp.html">サポート</a></li>
<li><a href="cont.html">お問い合わせ</a></li></ul></ul>でした。

ul#menubar {
margin: 0px;
padding: 0px;
}

ul#menubar li {
list-style-type: none;
float: left;
margin: 0.3em 0.1em;
border: 1px gray solid;
padding: 0px;
display: block;
}

<ul id="menubar">
<li><a href="/">ホーム</a></li>
<li><a href="info.html">新着情報</a></li>
<li><a href="prod.html">製品案内</a></li>
<li><a href="comp.html">会社概要</a></li>
<li><a href="supp.html">サポート</a></li>
<li><a href="cont.html">お問い合わせ</a></li>
</ul>

これでよくね？

これでもちろんうまくいったのですが、
自分なりに少しいじって身につけようと思い
ｃｓｓの#の前のulを消して、ｈｔｍｌのｉｄの指定を両方
<ul id=...>から<div id="menubar...>という具合に
変えてやってみたら横並びのリストから普通の
上からのリストに変わってしまいました。
これは何故なのでしょうか？
あといつも質問させてもらい回答してもらったときに
ul#headerという風に回答してもらう時があるのですが
#の前にulなどを足すことによりどういった意味があるのでしょうか？
調べてもあまり情報もでてこず
少し分かりにくかったのでよかったら説明のほう御願いします。

たしかにググってもちゃんと解説してるサイトは出てこんな

くっつけてかくと、両方に該当する要素にしか適用されない
ul#aaa　 → ID名aaaが指定されているul要素
ul.aaa 　 → クラス名aaaが指定されているul要素
.aaa.bbb → クラス名aaaとbbbの両方が指定されている要素

>>73
>ul#headerという風に回答してもらう時があるのですが
>#の前にulなどを足すことによりどういった意味があるのでしょうか？

IDがheaderの<ul>タグという意味です。

IDはタグ関係なしにユニークなはずじゃなかったっけ

>>76
つ 外部CSS

idの場合はページで単一だと決まってるから要素名を付けるかは好みになる
classの場合は要素名を加えることで、同じクラス名で、異なる要素に異なるプロパティを指定できる。↓サンプル
<div class="hoge">
<p class="hoge">text</p>
</div>
div.hoge {
width: 100px;
}
p.hoge {
border: 1px #000 solid;
}

逆に要素を指定したくない場合は*.hogeとすれば.hogeと同義だから、
要素名を書くか書かないかは統一した方が見易いかな

>>74
三つ目はIEで正しく動作しない

ご回答のほうありがとうございます。
ということは
ul#headerという風にｃｓｓで指定をしたらｈｔｍｌのほうでは
<ul id"header">という風にしか記述できないのでしょうか？
あと#headerという風に書いててもｈｔｍｌで
<ul id"header">と書けばうまくいくということでしょうか？

それとｄｉｖでやったら上手くいかなかったのは
単純にｄｉｖは複数行の文章をグループ化する
　　　ｕｌはリストを作る
といったタグの意味の違いでできなかったのでしょうか？

＞前者
そいうこと

＞後者
どちらにしても、div要素の直下にli要素は書けんぞ

>>79
><ul id"header">

<ul id="header">ね。タイポだろうけど

テーブルのセル幅を均等にしたくて以下のようにしました

<table border=1>
<td width=50%>a</td>
<td width=50%>aaaaa</td>
</table>

だけどtableを入れ子にすると上手くいかない…どう書けば良いですか？

<tablel><td>
<table border=1>
<td width=50%>a</td>
<td width=50%>aaaaa</td>
</table>
</td></table>

すみません>>82の<table>が<tablel>になってました。

>>82
<tr></tr>タグは忘れずに入れてね。

・内側のtableタグ
・内側のtableタグを内包するtdタグ
・外側のtableタグ

のどれかに幅を設定してあげればうまく行くと思います。
例：

<table>
<tr>
<td width="200px">
<table border=1>
<tr>
<td width="50%">a</td>
<td width="50%">aaaaa</td>
</tr>
</table>
</td>
</tr>
</table>

>>84
上手くいきました。ありがとうございました。

>>84
width属性に%以外の単位はつけれんぞ

クォーテーションで括らないとか懐かしい

width属性自体過去の遺物だがな

CSSがいまいち覚えられません。
みなさんはどうやって覚えたのですか？

>>86
すみません。

修正
<td width="200">

昔過ぎて忘れていたにしてもお粗末。

>>89
手段のための目的
目的のための手段

どちらが身につくかは自分で考えるといい

>>89
XHTMLもCSSも、初めは掲示板やチャットで無知な人同士と遊んでて身に付いた

最初は<span style="font-size: 100px;">とかで面白がってたんだよなぁ
htmlとかcssとか知らない人とのチャットなら盛り上がったりするし

あるあるｗ

>>89
全部覚える必要はないです。
<div><span><p>のレイアウトに使う基本的なタグと
margin、padding、border等の基本的なCssが分かっていれば
それなりのページは作れますよ。

floatかpositionが使えないとまともなレイアウト組めないよな

急な用件で、とりあえず画像を入れる必要があったとき。
<img/>に何か囲む？

pとか、div とか、それとも何も囲まない？

>>96
そこでテーブルレイアウトですよ

テキスト類以外は囲む必要ないだろ

テーブルレイアウトとか面白くもないネタ書き込むやつってなんなの

>>99
ちゃんと img も囲めよ。

こまけえことはいいんだよ（AA略

imgって囲まなくてもよくね？インライン要素のままだとあれだけど

そもそも>>97は何をいってるのか

いやあ。なんとなしに意味無く囲む癖があるので、
みんなどうしてるのかなと。

とくに囲む必要もないんですね。。

どんなページになんのためにどんなimgを挿入するかによるだろ

マークアップ的には囲む必要は一切なし
よっぽど複雑に枠線やら余白やら付けない限りは単一で問題ないだろ

すいません
IE6からIE7にしたら自分が作成したHPだけゴシック体から明朝体？になって
しまいました
FFではちゃんとゴシック体のままです
IE7のバグでしょうか？

IEのフォント・デフォルト設定が
明朝になっていませんか？
　

>>109
すいません
事故解決しました
IE7とビスタの組み合わせによるバグでした
http://chiruchirupon.blog119.fc2.com/blog-entry-52.html
vista最低ですわ

2分で分かることを調べる前に聞くお前が最低ですわ

すいません
原因はわかったんですが解決はしてませんでした
回避策がないみたいです
IE7の問題ではなくてIE7とXPでは起こりません
IE7とvistaのときだけ起こる現象です
みんな困ってるようなのです

>>110のリンクに解決策書いてあるじゃん
UTF-8にしろよ

流石は夏

おっ「夏だな厨」か
夏真っ盛りだな

これはいい晒し。>>110のブログも夏まっさかりだね

>>113
ありがとうございます
この際ですのでUTF-8にします
ちなみにz-indexのバグはさらにIE7でひどくなってますね
IE6だと何とか回避できたんですがIE7では無理ですね
FFだと全く問題ないんですが

おっ「夏だな厨か」厨か
夏真っ盛りだな

z-indexで難しいバグなんてなくね？
selectはoverflowで対応できるしobjectはtransparentでいけるしインラインフレームはそもそも非推奨
他になんかあったかな、

くやしいね〜

>>1
>ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
>
>類似質問大いに結構。分からない人は何回聞いても結構
>(X)HTML/CSS/Dreamweaverの事なら何でもOK
>ただし、JavaScriptやPHPなどはスレ違い/板違い。該当スレ/該当板でどうぞ
>
>回答してくれる方は優しい人のみ！
>質問者に対して暴言を吐く人は このスレを見るな！！
>
>質問側も節度あるレスで！
>質問前にスレ内を検索しましょう
>
>■次スレについて
>基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
>重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
>立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

別スレに書いたんだが、かなりの過疎スレだったので
もう一度、、、文字コードについて伺いたい。4


shift-jis を　ISO-2022-JP
に変換したいんだが、DWでそんな機能ある？

CSSのリンクカラー指定について質問させてください。
同一ページ内で2種類の色を指定したいのですがどう記述すればよいのでしょうか？

a:link { color: red; }

1種類目の基本的な色が↑だとしてある範囲のみで2種類目の色を指定したいんですけどうまくいかないんです。

長さの指定はemを使った方がいいってあるけど、imgにemで長さ指定したら、崩れちゃうよな
divとかで囲んで、親要素との兼ね合いで上手く割り切れるようにしたら出来るかもしれないけど

いや、でも文字のサイズを大きくしたときに画像が滲まないようにしたいってニーズに応えるなら
デザインのためではないimg要素を使った画像だけはpxで指定した方がいいのか……

>>122
上手くいかないって何が？　普通にclass属性で指定すればいいんじゃないの？

>>124
2種類目が反映しません。
指定方法がわからないんです。
a:link { color: red; } だとa全部って事ですよね？

それを指定した上で　test.a:link { color: blue; } 　みたいに書いて<a href="xxx.html" class="test">として
やればいいんでしょうか？
cssの部分の書き方がわからなくて。

埋め込みタグの動画が表示されん…
flashはきちんと表示されてるし、タグもきちんと貼り直したのに…

ほんのさっきまで何も問題なく動いてたのになんで…
埋め込みタグの動画だけブロックされる設定てありますか？

IE8のせい…じゃないよな…。
さっぱりわからん、誰か助けて

ごめんなさい出来ました
aにclassを指定しても意味なかったんですね

>>125なら
a.test:link {...}

>>127
CSSの指定方法見直せ

test.a:link { color: blue; }
↑これはcalss名「a」が指定されたtext要素（存在しないけど）に適用するスタイルシートだ

>>126
動画ってなんだよ。mp4ファイルか？

>>128,129
すいません基本がわかってなかったみたいです。

ついでに教えて欲しいんですけど最初の要素は必ず書く必要があるんですか？
何個かウェブサイトのcssを見ていたんですけど必ず指定してるわけじゃないというか要素が無いものも多かったです
test:link {...}とだけ書いておいてtableやaなど複数に使うのが正しいのか同じ内容でも要素別に書くのかどちらが正しいんでしょうか

>>130
MP4です、というか、ようつべにうpしたのを引っ張ってきてます。

他のサイトのも見れないようなのでPC側の問題かな、これ…
そしたらスレチになるし、ちょっとググリます。

>>131
＞最初の要素は必ず書く必要があるんですか？
ない。
ただ、たとえば .test と書くのは *.test と書くのと同じで「testクラスを持つ全ての要素」を
意味するので、影響範囲が広くてうっかり他の部分を上書きする可能性がないこともない。
要するに「意味」をきちんと分かって使っていれば、後になって自分が読むときに
ああ、これはこういう意図で書いたんだっけな、と思い出せるので、
一番重要なのはそこだろうな、と思う。

>>133
ありがとうございますめっちゃ勉強になります！
要素名を書いておけばその要素以外でクラス名を指定しても無効なんですよね？
使う要素が決まっているなら指定しておくと安心って事ですね

>>134
その理解で合ってる

>>135
ありがとうございますスッキリしました！

IE8でflashget.exeがエラーを起こしてたみたいです・・・
FirefoxでいじってからIE8を設定しなおして解決しました。
完全スレチでした失礼しました。

寝ますぉ、疲れたし。

初心者です。どなたか教えて下さい。
当方、個人サイトを運営している者なのですが
IE以外の他のブラウザ(例えばOpera)では、当サイトの画面が真っ白になり
サイトが見れない場合があるのですが原因がさっぱり分からず、困っています。

サイトデザインは
ホームページヴィルダーV9　+　CSS
を使っています。
当方のパソコン環境は
WindowsXPのSP3
です。

あれ？スレ立て人変わったんですか？神様見習いさんがまったくの素人から

成長していく様相を個人的に応援してたんですが・・・・・

質問です

使用しているのはcs4です。

下記のサイトで紹介しているような、
「 " 」で囲まれた範囲や、「 > 」から「 < 」で囲まれた範囲を
選択する方法はありませんでしょうか？

ttp://hyper-text.org/archives/2006/09/hidemaru_macro_html.shtml

とても便利なので、dreamweaverでもこのような機能を仕様したいのですが…

>>138
「ヴィ」ルダーって綴りからしても絶対おかしいだろ、ってのは置いておいて。
たとえばタグの閉じ忘れがあるのにIEは頑張って解釈してくれるから表示できるとか、
何かIE依存のタグなり何なりがあるとか、JSがおかしいとか、
そもそも自分のPCに入っているブラウザがなんか変だとか、
色々原因は思いつくものの想像でしかないので何とも言えない。
まずは空っぽのHTMLファイルを適当な名前でアップして
他ブラウザでも表示できることを確認して、
それから徐々に内容を書き加えて問題のページに近づけていけば
原因の切り分けができると思うよ。

google chrome 2で
body {font-family:メイリオ;}
が反映しません。chromeでメイリオにさせる方法知っている方教えていただけないでしょうか

>>142
メイリオフォントは入ってるんだよね？
なら以下の表記を試してみては？

font-family: 'メイリオ',Meiryo;

一度horomeの設定を見直したほうがいいかも

>>138
たぶんHTMLソースが間違ってるんだと思う。
最近のブラウザは親切設計で、タグが間違ってたり足りなかったりしても
独自に解釈して表示してくれます。

ただブラウザによって解釈の仕方が違うので
Operaでは表示されない状態になってるんだと思う。

>>141、>>144
アドバイス、ありがとう御座います。
自分なりに後は解決に努めてみます。

質問です。
一つのボックスの中に、<img>画像を左寄せにして、右側に<p>テキストを流し込みます。
そのときわけあって、テキストだけをボックスの中のTOPからマージンをつけようとすると
右側の画像も一緒にマージンがついてしまいます。

p {
margin-top:100px;}
img{
float:left;}

しかたなく、imgに対してネガティブマージンなどをかけたりして対処していますが、
基本的なことなのに？スマートではないなと思ってます。
テキストだけをマージンさせるベストな方法はなんでしょうか？

ごめん間違えた

右側の画像も一緒にマージンがついてしまいます。
↓
左側の画像も一緒にマージンがついてしまいます。

そこはpadding-topが良いのでは

>>146
おそらくHTML上でp,imgの順番にしてるんだろうけど、逆にしたら直らない？
<img />
<p>テキスト</p>
みたいな感じで
まぁpaddingでも直るんだろうけど

>>149試してみたけど全然見当外れだった。すまん
スマートとは言えないけど↓でもできる。*pxの部分は画像の横幅に合わせて調整
p {
padding: 100px 0 0 *px;
position: relative;
}
img {
position: absolute;
top: 0;
left: 0;
}
<p>
<img />
text
</p>

148さん　
ありがとう、paddingが簡単でよさそうですね。

149さん
ありがとう、絶対配置の方法もあったんですね。

勉強になりました。ありがとうございました。

失礼します
背景を右上固定にしたいのですがどうやってもセンターに表示されます。　何故だ…
centerを全部rightにしてみたり、ポジションをrightに、100%に、
seesaa 背景　右上　出ない　等など検索してみたんですが
何をやっても真ん中から動いてくれません。
ご存知の方お教えください。

http://apsenyou.seesaa.net/

background-attachment:fixed;
background-position:left;
background-image:url(http://apsenyou.up.seesaa.net/image/nuko.jpg);
background-repeat:no-repeat;
text-decoration: underline;

これのbackground-position:left;をrightにしろ

>>153
バカ過ぎﾜﾛﾀ

>>152
http://blog.seesaa.jp/css/common-header.css
の
body{
padding-top:27px;
background-position:50% 27px;
}

これをright topに置き換え

>>153
ああ、すいません。
センターから動かなくてあれやこれややったときにleftにしたまんまでした…

rightにしました。でもやっぱり動きませんorz

他に判る方いらっしゃいませんか…

>>152
background-position:left;
を
background-position:right center !important;
にしろ
>>153
適当なこと教えるな

background-position:right top !important;
だミスった

>>155
ああ、それが原因だったんですか！
seesaaでデフォで弄れるCSSとは別のCSSだったんですね…
どおりで。すっきりしました、ありがとうございます！

>>158
>>155さんのを見て、
別CSS用意してHTMLから弄らなきゃだめかなーと思ったんですが
!importantをつければ別CSSより優先されるのですね！こんな便利なのがあったとは…
本当にありがとうございます！

!important
使いすぎるとどのCssが適用されてるのか分かりにくくなるお

今からhtmlを勉強したいのですが
xhtmlの開発を中止してhtml5に策定を進めているそうなんですけど
今からxhtmlを勉強するのは時期が悪いでしょうか？
html5に備えて何から手をつけるべきですか？よろしくお願いします

>>161
HTML4.01→XHTML1.0→XHTML1.1→(X)HTML5（予定）
普通に現在のHTML最新版であるXHTML1.1の文法に従って書けばいい

XHTML2.0は、br要素廃止とかimg要素廃止とか色々あるけど、今のXHTML1.1にはそれほど相違点はない
XHTML2.0の新要素が追加されなくなっただけと考えれば、別に問題はない

>>161
基礎文法はあまり変わらないので、xhtmlを勉強しておけば、html5に移行した後も役に立つよ。

HTML5に統合されるのであってXMLライクなXHTMLが今後策定されなくなるわけではない

>>162-163
ありがとうございます。xhtmlを勉強していきたいと思います

これは罠だから気をつけろ。HTML4だけでおk

HTML4なんてもう使われてないぞ
4.01なら生存してるが

HTML4を覚えておけばタイムマシンで過去に戻っても大丈夫だな

HTML4って具体的に今とどう違うの？
もはや紹介してる日本語サイトは無いみたいだけど

つ[ttp://www.w3.org/TR/html4/appendix/changes.html]
英語読めないというのは却下。


…読めるんだったらココいないってのも却下。

すみません、初心者です。
Dreamweaver4でサイトを作ろうかと考えています。
パソコンはmacの10.3.9というバージョンのものを使用しています。
Classic環境でWEBサイトを作ることはナンセンスなことなのでしょうか？
GoliveCSを持っているのですが、Dreamweaverの方に魅力を感じています。

スレ間違えました。すみませんorz

DWで、HTML作業をしているとき、
CSSの問題を教えてくれる波線が出てくることありますよね。

みなさん、この波線が出たらチェックしますか？
それとも表記に問題なければ無視しますか？

チェックして、クロスブラウザに関するのだったらIETesterとかでテストして、問題があったら必要な時だけ対応、問題がなければスルー

>>173
気になるからチェックする

<form action="http://www.google.co.jp/search" method="get" target="_blank">
<input type="hidden" name="as_epq" value="">
<input type="hidden" name="as_occt" value="any">
<input type="hidden" name="as_sitesearch" value="XXXXXXXXX.com">
<input type="hidden" name="num" value="10">
<font size="-1" color="#ffffff">サイト内検索：</font>
<input type="text" size="31" name="as_q">
<input type="submit" name="btnG" value="検索">
</form>

で検索を置くと下に1行ほどの余白が強制的に発生するんですがこれは仕方がないことなんでしょうか？
なんとかこの余白を排除することは出来ませんか？

>>176

.search{margin:0;}
.search p{margin:0;}
.search span{font-size:smaller;color:#ffffff;}


<form action="http://www.google.co.jp/search" method="get" class="search">
<p>
<input type="hidden" name="as_epq" value="" />
<input type="hidden" name="as_occt" value="any" />
<input type="hidden" name="as_sitesearch" value="XXXXXXXXX.com" />
<input type="hidden" name="num" value="10" />
<span>サイト内検索：</span>
<input type="text" size="31" name="as_q" />
<input type="submit" name="btnG" value="検索" />
</p>
</form>

質問です。
Dreamweaver8をVISTAで使っています。
XPのころから使ってますが、
デザイン表示でdiv枠(ダッシュの枠)をラインを選択して
枠内にカーソルを移動させると、そのdiv枠の簡易的なcss内容を表示してたんですが、
VISTAに変更してからその簡易表示が一瞬はでるんですが、
サブリミナル効果並みに一瞬で何が書かれているのか見ることもできません。

VISTAではただ表示されないバグなんでしょうか？
それとも再インストなんかで直るもんでしょうか？

バグならあきらめます。

pは要らないよな。マークアップ的にもデザイン的にも。むしろ余計なものは無い方がいい

じゃあdivか？

HTML4（）ならいらないなｗ

段落にする必要がない
formで意味合いは示してるわけだし

もう許してやれよ

>>182
で、divにしろってことでしょ？

そんなところにdivもpも無くていいんじゃねーの？
入れる意味あんの？

>>177
レスありがとうございます。
思い通りの形になり、助かりました。

>>185
ヒント：inputはインライン要素

formはブロック要素

9: line 3: <input> を 1行目の <form>〜</form> 内に書くことはできません。 → 解説 43
9: line 4: <input> を 1行目の <form>〜</form> 内に書くことはできません。 → 解説 43
9: line 5: <input> を 1行目の <form>〜</form> 内に書くことはできません。 → 解説 43
9: line 6: <input> を 1行目の <form>〜</form> 内に書くことはできません。 → 解説 43
9: line 7: <span> を 1行目の <form>〜</form> 内に書くことはできません。 → 解説 43
9: line 8: <input> を 1行目の <form>〜</form> 内に書くことはできません。 → 解説 43
1: line 8: <input type="text"> には value 属性で初期値となるテキストを指定しておきましょう。 → 解説 173
9: line 9: <input> を 1行目の <form>〜</form> 内に書くことはできません。 → 解説 43

pが無ければこうなる

>>188
インラインの中にブロックを書けないのは基本中の基本だが
pの中にdivが書けない
bodyの中にインラインが書けない
などXHTMLは要素の区別が厳密になっている

strictを選ぶか無駄な要素増やすか、ならSEO的に後者の方が実害が大きい
1.1なら元より選択肢は無いわけだけど
strictを選ぶ絶対的なメリットがあるなら俺が間違ってるけど、そうでないならどうだろう

SEOスレでやれ

71のものです。遅くなってしまいました。
答えてくれた方々ありがとうございました。
勉強になりました＾＾

タグ本来の意味通りにマークアップしようと試行錯誤して時間食ってる奴見ると反吐が出る
仕事でもマジ使えない
実際の仕事で求められるのは正しいマークアップよりもメンテンナンスのしやすさだ
覚えておけ

質問です。

●CSSの記述
.photo{
float: left;
width: 130px;
height: 130px;
padding-left: 15px;
margin-right: 10px;
margin-bottom: 10px;
display: block;
position: relative;
}
.photo li{
position: absolute;
top: -12px;
left: -10px;
}

●本文の記述
<ul class="photo">
<li><img src="photo1.png" width="155" height="142"></a></li>
</ul>
<p>ここに本文が入ってます（本当はもっと長いです）</p>

上のようなセットで、写真があり、回り込んで本文、というセットが3つほど縦に並んでます。
IE6.0以降、Firefox3以降で正しく表示されていますが、Netscape7で正しく表示されず、
写真が上の方の隅っこ（全て同じ位置）に重なってしまいます。

.photo li{　以降の記述の解釈の問題かとは思いますが、
上手く、同じように表示される方法はないでしょうか？

ネスケは・・気にしなくていいと思うが

>>196
本来というか一般的にはそうなんでしょうが、
私の会社では、IE禁止でNetscape標準なのです。（多分、昔のウイルス対策なんかの名残、メーラーもHTMLが見れるものが禁止だったり
どうしても無理というのなら切り捨てる方向で提案してみますが、
解決策があるのなら解決したいと考えています。

分かりにくいかもしれませんがBlogではなくHTML/CSSで製作したWebサイトで
Blogの新着記事のようにRSS配信するのは難しいでしょうか？
もしスレ違いでしたら誘導して頂ければ幸いです。

>>194
もちろん規格準拠前提でな

>>197
WWWにつないでいないPCで見るためのHTMLってこと？

>>197
IE禁止でネスケって…Firefoxなら分かるがネスケはセキュリティやばすぎ、どんな情報管理してるんだよ

>>198
まあスレ違いなんだが。
RSSってのは単なるXMLテキストであり、自分でサイトを更新するたびに
手書きでRSSを書き換えればブログ等と全く同じように利用できる。
また、サイトの中の文章を適当に解析して、日付っぽい文字列から
RSSを勝手に生成してくれるwebサービスもある（名前は忘れたが）。
要するに難しくはない。手間が余計にかかるのも多分間違いない。

>>198
すでに書かれてるけど
RSSはRDFっていって、ただのXMLファイルなので
自分で規格にそってXMLファイルを書いておけば静的に作れる。

通常はCGIに自動で作成させるのがデフォ。
正直、手作業で書いてるやつはいないと思う

>>200
そのサイト自体は一般に公開されてるのですが
社内の偉い人が、ネスケで見て「崩れてる」って文句言うわけです

>>201
現状は内部でもFirefoxに移行しつつありますが…何かそういうところだけ10年前から時が止まってる感で…

ところでCSSの中身なんですが、
むしろNetscapeの解釈のほうが正しいような気もしているのですが、
position: absolute;で動かして、「元の位置から絶対指定で」動かせるのって正しい解釈でしょうか？
Netscapeだと、写真が全部同じ位置に来るのは、ブラウザの隅っこからの絶対指定と判断されてる気がします。

>>204
むしろNetscapeで見たらページ表示せず、乗り換えの警告を出すのが望ましい
セキュリティアップデートが終了したOSやブラウザでネットに接続するのは基地外

absoluteは位置指定されているもっとも近い祖先要素が基準
元の位置が基準なのはrelative

お答えいただき有難う御座いました。
CGIの件が気になったので個人で調べてみようと思います。
スレ違いだったようで大変申し訳在りませんでした。

>>206
RSSを自動生成してくれるサイトもあるからがんばってね

ｌｉｓｔの横並べに挑戦していたのですが
ｌｉｓｔを書き終えた後と次に記述してあるｈｒの
間に行間ができてしまったのですがこれはなぜでしょうか？
ｈｔｍｌのほうが
<ul class="header1">
<li class="header1-1">2009年08月19日(水)</li>
<li class="header1-1">何の日？：バイクの日</li>
<li class="header1-1">有名人の誕生日：ふかわりょう</li>
</ul></ul>
<span class="headerhr"><hr></span>
ｃｓｓのほうが
ul.header1{margin:0px;
padding:0px;}
li.header1-1{
list-style-type:none;
float:left;
margin:0.3em 0.1em;
}
.headerhr{clear:left;}
となっています

208なのですがｈｔｍｌの</ul>を一つはずしたら
治りました＞＜；
無駄なレスすいませんでした。

ロケマンショー

>>194
そもそもの趣旨が違うけど、まともな制作現場なら横着せずにSEOが重視されるよね
まぁ今時ソースいじってメンテするなんて面倒なことしないしどうでもいいかもしれないけど

>>195
ネスケは入れてないし入れるつもりもないから試せないけど↓だとどうなるだろう
もしくはposition使わずにネガティブマージン使うといいかも
というか、paddingやmarginを抜けばいいだけのように思える

ul.photo li{
width: 155px;
height: 142px;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: auto;
}

>>211
レスありがとうございます

書いていただいた指定ですと、全ての画像がブラウザの右下隅に固定されてしまいました
IE、ネスケ、Firefoxで全てそうなったのである意味ブラウザ間の差異はありませんでしたがｗ

実のところ、paddingやmarginはあまり問題ではないように思っています。
というのは、>>195では.photoと.photo liの指定がありますが、
.photo liのほうを削除し、.photoのほうの設定のみにすれば、
見栄えは悪くなりますが、全てのブラウザで写真が正しい（意図した）位置に表示されるからです。
それを、その後の記述でposithion: absolute;で動かすと、ネスケだけが変な位置に移動してしまうのです。

>>205
遅くなりましたがレスありがとうございます
ネスケに関しては、確かにそのとおりですね。
あまりこだわり過ぎず、切り捨てるほうがいいのかもとも思います。

absoluteの解説もありがとうございました。
急にサイト更新係をやらされて、知識が付け焼刃なもので、理解が半端でした。

>>212
絶対配置はposition: relative;の効いてる祖先要素を基準にするから
ネスケ以外ではbody基準なんてないはずなんだけどなぁ
ところでul要素を使ってるのは何か意味があるの？
普通に↓だけで問題無いと思うんだけど。少なくともブラウザ間の差異は無くなるし、
単に余白が必要なだけならmarginを加えればいいような気がする
見栄えが悪くなるってのがどんな風になのか教えてくれれば調整できるかも

div.photo {
float: left;
width: 155px;
margin-right: 10px; /*右側の余白*/
margin-bottom: 10px; /*下側の余白*/
display: inline; /*IE6の左右のmarginが2倍になるバグ回避*/
}

<div class="photo">
<img src="photo1.png" width="155" height="142" alt="photo1" />
</div>

外部CSSファイルを使ったサイトを作っています

とあるjavascriptをアイフレームでフレーム右側（main.html）の一部にに表示するようにしています
そのスクリプトをクリックするとページが開かれるのですが、この表示先をアイフレーム内ではなく
トップページに表示するようにしたいのです

divでクラス指定して、スクリプト内をクリックしたら（新しいページが開かれたら）
そのターゲットを「main」にするにはどうしたらよいのでしょうか？
うまく説明できなくてすみません；

何を言いたいのかほとんど分からないけど
<a href="hoge.html" target="_top">リンク</a>

jsに関することならスレチ

>>214
今色々調べていたのですが、ネスケではfloatを設定した要素を基準にしようとすると
無視されてしまうというバグがあるみたいですね…うーん。

ul要素は…正直良くわかりません。
divが入れ子になるから…とかでしょうか…関係ないかな。
これの元を作った人はプロで、でも今はもうそことは契約してないので聞けないのです。

見栄えというのは、画像が完全な四角形でなく、写真の左上肩にはみ出すようにタイトルが乗っているのです。
で、このタイトルを、マイナスのポジションではみ出させて、
写真そのものの上のラインと左のラインが、文字列と揃うようにデザインしてあるのです。
なので、ポジションを移動させないと、写真の左上のタイトルの上と左に文字列が揃ってしまうので…
上手く説明できませんが。

それと、正直なところそんなにCSSにも詳しくないので、あまり大掛かりに手を加えてしまうと、
別なところに支障が出ても困るので、必要最小限の修正で何とかなるならそうしたいところです。
HTMLの構造についても同様で、できるならレイアウトとかは触らないで済ませたいです。

はあ…トップページのお知らせをちょこっと文章変えたり、
コピペでページを追加してちょこっと変更したりするだけの仕事だったはずがこんなことに…

>>215
<a>タグの中にtargert="○○"をつければいいんでない？

>>217
せめて提案したことくらい試して結果を書いてほしいな
ulかdivかはどっちでも問題ない。spanをブロック要素にしてもいいし
floatした要素の子にposition: relative;用の要素を用意すればどうだろう
概略だけどこんな感じ
<div style="float: left;">
<div style="position: relative;"><img /></div>
</div>


ネスケでネガティブマージン使えるかは知らないけど↓でも大丈夫だと思う
div.photo {
width: 155px;
height: 142px;
}
div.photo img {
margin: -12px 0 0 -10px;
}

<div class="photo">
<img src="photo1.png" width="155" height="142" alt="photo1" />
</div>

>>217
宣言は何で書いたの？

>>219
色々ありがとうございます
今から試してみます。
意味を理解するのにも一苦労です…

>>220
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HPBで更新しようとしたらこれがHTML4.0の宣言になってしまい
IEでの表示が崩れたのがことの発端でした

すみません教えてください。
仕事でDW使っていますが、素人同然です。

CS3のときは、テーブルでセル選択→プロパティで「中央揃え」選択すると
該当tdタグ内に<div align="center">が入り、そのセルのみ中央揃えができました。

ところがCS4で同様のことしようとすると、CSSの詳細設定のような
画面が出てきて、色々試してみるのですが、そのセルのみ中央揃えに
することができません。

選択セルのみ中央揃えにする方法を教えてください。
そのときのタグが<div align="center">になっているようにしたいです。
（他ページと仕様を揃えたい）

ＩＥと火狐以外のユーザーなんてマイナーなんだからシカトしてもいいけどな
対費用効果の問題

売り上げが4%とか増えたら大喜び、てな感じなのが小売業の世界なので、
そう言いたいのは山々なんだがそう簡単にはいかないのが悲しい現実。
まあ一番の癌はIE6なんだが。

マイナー云々以前にサポート切れのブラウザは無視するべき
ウイルスページにでも飛ばしてあげたらその人のためになるんじゃないか？

>>219
>>214の記述試してみました
.photoに適用してみたところ、>>195で後半の.photo liを削除したときのような表示に見えました。
確かにこれならどのブラウザでもそれなりに見えるのですが、>>217に書いたようなレイアウトが無視されることになるので、
できればちょっとずつ上と左に画像をずらせたらありがたいのですが…

>>219のも試してみました。
div.photo imgとあるのを　.photo.liに入れてみましたが、
画像と文字のマージンが無くなって、文字が画像にくっついてしまいました。
画像の位置は移動していませんでした。
でも、挙動はブラウザ間に差異はなかったです。

IE6未満、ネスケ全部はJavaScript無効でも任意のプログラムを実行できる
特にFlashは最新のバージョン（10.0.32）未満だとブラウザ問わずやり放題、古いブラウザは新しいFlash入ってないしね！

>>226
お前にあいそうなスレを見つけてやった。こっちでやれ

【未導入】アンチウイルスソフト反対派【断固拒否】
http://pc11.2ch.net/test/read.cgi/sec/1167669722/

古いバージョン使う奴らのせいで

相次ぐサイト改ざん攻撃、「Genoウイルス」感染PCが関与か
Webホスティングサーバに対するブルートフォース攻撃が過去数週間で急増している。サイト改ざんも相次いでいるという。
http://www.itmedia.co.jp/news/articles/0908/19/news020.html

Web攻撃の急増で深刻な脅威に、Fortinetの報告書
フィッシング詐欺は過去最高の増加率を示し、マルウェアも急増した。エクスプロイトは過去最高に達している。
http://www.itmedia.co.jp/news/articles/0907/08/news017.html

>>228
すみません、そちらに移動する気はありませんがそろそろ諦めようかと思ってます。

レス下さった皆さんありがとうございました。
明日会社に行って、ネスケ対応を諦めるかposition: absolute;を諦めるか相談してみます。

>>216 >>218

jsの挙動についての質問でもなく、aタグも使ってないのですが…
うまく説明できそうにもないので取り下げます
失礼しました

こんばんは。
現在ＩＤを使用して横幅いっぱいとボックスの上のすき間いっぱいに
背景色を適用したいのですがどのように指定したらよいのでしょうか？？
現在はこのように指定しております。
#header{background-color:#A9A9A9;
width:100%;
margin: 0;
padding: 0;
height:100px;}

上のすき間ってなんだよ

>>232
・何がしたいのかよくわからない
・HTMLも書いて

htmlのほうはまだコレだけしか書いていないです。
<div id="header"></div>
これらをｈｔｍｌファイルの一番上に記述していて
ブラウザには高さが１００ｐｘ、横幅が１００％の
背景色:#A9A9A9のボックスができているのですが
横幅100％を指定しているのでまず横は画面いっぱいに
:#A9A9A9の背景色が適用されると思ったのですが中途半端に足りなくて
あとこのボックスを上の画面上にぴったりくっつけたいのです。
どうすればよろしいでしょうか？

divだけですか？

>>235
bodyのマージン

bodyのマージン・・・
これはｃｓｓのほうをいじるんですか？

body{
margin:0;
}

ありがとうござます＞＜
239さんのやり方でうまくいきました。

そういうことか

リセットcssを使うとよいよ

bodyだけじゃなくて

*{
margin:0;
}

やった方がブラウザごとの表示のズレは少しはなくなる
と思うんだがどうだろう

Opera って margin じゃなくて padding じゃね？

個人的には一切合切を全称セレクタでリセットすると後々面倒だから、

html,body,div,h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,p,blockquote,th,td {
margin:0;
padding:0;
}

のように一部のブロックレベル要素だけにしている

デフォでmarginもpaddingも0のやつまで入ってるのはなぜ？

こまけぇことはry

まじで、CSSの解釈統一してほしい
ブラウザ増えすぎでわけわかめ

>>248
切に思うわ、それ

IEが増殖してるね

IE6しぶといな‥

友人がSafari1使っててびっくりした。親から強制させられてるとか

>>252
>Safari1

？

4じゃないの？

これからHTMLについて学ぼうと思うのですが
現在手元にある本が4.01の本なんですがこれからの主流はXHTMLだの
来年9月にはHTML5.0が勧告されるなど正直どれを勉強したらいいかわかりません
とりあえず4.01を勉強してみればいいのでしょうか？

>>254
いくらここが「優しく」スレだからって
ほんの少し前に上ったばっかりの話題すら読んでないのはいかがかと……
>>161で同じ質問が出てるよ

基本的な部分は変わらんのだから好きにしたら良い

勧告されても業界が使うまでには間があるから
今あるデータを扱えるように4.01を学ぶべき

html4.01とxhtml1.0の両方を理解してれば問題ない

>>253
Safari1.3使ってたんだよ

サイトにBGMを付けるときって、midファイルにa要素でリンクが最善かな

非表示にしたフラッシュつかって大音量で

それ、ページが変わったら止まる

ページ全体をフレームでｗ

frameset要素は廃止された

廃止？誰が？

>>265
日本語でおｋ

html4.01で一通り思ったとおりのサイトが作れてるぐらい慣れてりゃ
後でどれにも対応できるからな

レベル低いなw

Strictで作ってればだいたい問題ないだろ
XHTML1.1で作るに越したことはないが

strictのメリットなんて大して無いし、実際にはブラウザ間の差異が無い範囲でSEO優先した方がいいよな

ブラウザの解釈に甘えてもな。HTML5は、4で言うStrictのみだし
汚いHTMLでも全部理解出来るから、SEOなんざ関係ないってGoogleの中の人が言ってなかった？

>>271
言ってないよ。
言ってたのは、CSSでのレイアウトでも、フルテーブルレイアウトでも
ロボットが認識します（その技術は持ってます）よって話。
よって、SEO業者のいうCSSレイアウトのテンプレが、テーブルの糞サイトと比較して
必ずしも有利になるとは限らないってこと。

テーブルじゃなくてフレーム

汚いHTMLは不利とか言ってるけど普通にIBMのビルダーがトップに来たりするんだが

そりゃビルダーでいれたらトップにくるだろ

ﾊﾞｶｽｗ

ある検索語で検索したページのトップが、ビルダーで作ったページだったって意味じゃないの？

不利って言うか迷惑
禁煙の場所でタバコ吸うやつと一緒だな

>>268
レベル高いなｗ

>>277
>>274からそんなことは全然うかがえん
日本語の勉強したほういいよ>274

そうでないとすれば274の意味は俺にもわからん

エスパーじゃないから274の日本語理解できない

>>274はSEOについて一度調べてみるべき

なんかこの…アレだね
「簡潔に持論を展開すると難癖をつけられるからそれは避けるけど
それでも人のレスは叩きたいから、ぼやかしぼやかし匂わせつつ…」って流れさぁ
見苦しいね
俺のこのレスみたくハッキリいってミホ

どこに書けばいいのか分からん

自分のサイトの文字がFirefoxで見ると小さくなってしまいます
IEは正常に表示されています
Firefoxで他のサイトを見ていると普通のサイズなんですが自分のところだけ小さいです
今日は特にいじった覚えはないんですが…どうしてでしょうか？　

>>274の言っているとおり必ずしもW3Cに適合しているサイトが
検索サイトで高順位に表示されるとは限らない現実。
CSS Validation ServiceやMarkup Validation Serviceでノーエラー
であることより、検索ワードの設定方法のほうが重要。実際SEO対策を
謳っている製作会社のHPにもエラーは随所にある。

>>284
Glazoomインスコして100%にしてみたら

>>284
曖昧な質問は止めろ
サイズはどう指定してる？13pxとか。あとフォントも

>>286>>287
Glazoomインストールして見てみたら直ってた　すいませんでした…

何でいきなり自分の所だけ小さくなってたのかは分かりませんが
直ってるぽいので気にしないことにします
ありがとうございました！

Ctrl+マウススクロールで拡大縮小だから、いつのまにかやってて再起動で戻ったんじゃね
Glazoomは小さいモニタでも大きいモニタ用の確認ができるから重宝する

DWCS3でXHTMLを新規で作ろうとすると
XML宣言が入っていないのですがこれは設定で変えれるものなんですか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
</head>

<body>
</body>
</html>

↑初期のままだとこんな感じ

テンプレート作って設定すればいいんじゃないかな

>>290
<?xml version="1.0" encoding="UTF-8"?>
とかでIMEに辞書登録しておいたら？

もしくはDWでテンプレ設定にするか

つ：スニペット

>>290
ttp://www.atmarkit.co.jp/fwin2k/win2ktips/282filenew/filenew.html

<h6> と <hr> を同じ太さにしたいのですが，CSS にどう書けばよろしい
でしょうか? ちなみに，
h6 {
　margin: 0;
　padding: 0;
　font-size: 100%;
　font-weight: normal;
　display: block;
　text-align: center;
　background-color: #F5F5DC;
　border: none;
}
になっていて，現在は見た目が同じになる，
hr {
　background-color: #F5F5DC;
　height: 0.9em;
　border: none;
}
にしているのですが，これであっていますでしょうか?

あってるかどうかってなんだよ。したい様になってるならそれでいいだろ
そもそもh6とhrを同じ太さって訳分からん

基本的には height の値を両方で合わせて指定すればいいはず。
h6の方ははみ出さないように文字の大きさも適当に設定。
その書き方だと見かけの太さ（高さ）が一致するのは「たまたま」であって、
違うブラウザを使っている場合はいくらでも変わる可能性がある。

>>297
それでは，hr の太さを h6 の太さに合わせる (h6 の太さは変えたくない)
ことはできますでしょうか?

body要素から直接継承させるみたいな指定は出来るのかな？

>>298
つまりブラウザによって異なるh6のデフォルト値を使いたいということ？

微妙に分かりづらいな。
つまりh6要素の高さのデフォルト値なんてブラウザによって異なるはずなんだが、
それぞれ異なるデフォルト値をh6の高さとして採用したいということ？
そんなことして意味あるのかどうか知らんけど、CSS hackでブラウザごとに
値をハードコーディングするとか、JS使うとかぐらいの方法しか思いつかない。

>>298
<h6>h6</h6>
<h6><span style="display: none;">hr</span></h6>
こんなアホみたいなデザイン止めた方がいいけどな

display: none;じゃなくてvisibility: hidden;だったわ

そんな手が……

>>295
hrもh6も
両方ともheight:○○pxで同じ値じゃだめなの？
ピクセル指定しないと、ブラウザによって見え方が違う気がする

HIMLで文章を本みながら打ち込んだんですが、メモ帳で作ったのを
完成系を見るにはHP作ってからでないと見えないのですか?
作った文章はどうやってみるんですか?初心者すぎてすいません

**.htmlで保存してダブルクリックでもすればブラウザで見れる
IE6とかで確認するんじゃなくてFirefoxとかせめてIE8くらいにしといた方が無難

>>306
その程度の知識だと後々困るだろうから早いうちに
htmlファイルやサーバーについて調べた方がいい
あとメモ帳よりもterapadとかezhtmlっていうエディタを使ってみるといいよ

どーもです。

>>300-301,305
言い忘れましたが，ブラウザーによる違いをなくす為に，
* {
　margin: 0;
　padding: 0;
　line-height: 1.2;
　font-size: 100%;
}
を指定しています。これでもブラウザーによる違いが出てしまうのでしょ
うか?

xhtmlでdivボックスを組んで、CSSで天地左右の中央に置きたいのですが、
左右はセンターになっても天地がどうしても上寄りになってしまいます。

ちなみにcssから抜粋すると↓以下のように書いてます。

（略）
body {width:100%;
background-color:#FFFFF;
color:#ffffff;
margin:0px
}

#box{width:700px;
margin:auto;
}

#top{text-align: center;
}

#middle{text-align: center;
}
#bottom{text-align: center;
}
（略）

vertical-alignなどをどこかに書き加えるのでしょうか？
よろしくお願いします。

※追記です。

分かりにくいのですが、

BOXの中に
TOP
MIDDLE
BOTTOM
が入ってる
という構造です。

http://d-graff.de/fricca/center.html
http://d.hatena.ne.jp/brazil/20060519/1148041647

上下中央寄せの基準となるボックスは？

>>311
vertical-alignは高さの異なる要素同士をそろえるためのプロパティだからボックスに直接指定しても意味がない

画面中央にボックスを配置したいのならテーブルを使うのが一番手っ取り早いかな
ハックを利用してIEではposition、その他ではdisplay: table-cell;を指定することで
divでも同様のことができるけど、それは「div vertical-align」でググれば解説してるとこがいくつか見つかる

>>314
boxです。

>>315
ありがとうございます。
テーブルでは出来るのですが、divで出来ないかな、と思い
色々と試していました。
display: table-cell;ググってみたのですが、テキストの天地は可能なようですが、
画面に対してdivのボックス自体を中央というのはなさそうですね…。

>>318
テキストを上下の中央に配置できるんだから
ボックスも配置できるに決まってるだろ
テキストをそのままサイズ指定したボックスに置き換えてみろよ

>>317
そもそも表示領域の縦幅を基準にする指定はない。PHPでも使えば？
ページの縦幅を基準にする指定と勘違いしてないか

上にひょろながいbox作ればいいじゃん

Firefoxのwindow.innerHeightと同じ値をIEで取るようにするにはどうしたらいいですか

今はdiv要素をappendChildしてスタイルをposition:absolute;bottom:0px;したものをoffsetTopで取っています

>>321
>>1参照

私を忘れないで〜

釣りおっつ

>>322
書き込むスレまちがってましたごめんね

作成したページが真っ白になってしまいます。このような問題について何か心当たりがある方はいらっしゃいませんか？

フレームを使用し、外部cssファイル呼び出しているページをIEで閲覧すると真っ白になります。
firefoxとSafariでは正しく表示されました。IEではcssファイルを呼び出すタグを消去した場合には正しく表示されました。

フレーム内に呼び出している個々のページそれぞれはIEでも表示されますが、デザインが崩れてしまいます。
cssに問題があるかと考えW3C CSS検証サービスを用いて確認したところ、評価はエラー無しでした。

indexとcssどっかにうｐしろよ

中身が見えなきゃ何も言えんわ

>>326
>フレーム
フレームw

>>326
htmlに問題があるぞ＞フレームを使用

>>326
フレームを使わないことにします。ありがとうございました。

floatでleftを指定しているのに<div>同士が重なるのってなにが問題ですかね
FireFoxだと重なってしまって?IEだと正常に横並びになるんですが・・・

スクショください

なんでわざわざ大文字にするのかね
てかソース貼れよ。widthの指定がおかしいんだろ

>>326
HTMLの構文がおかしいときも白くなるよ

とりあえず、CSSとHTMLで怪しい行を消したりして
原因をつめていくしかなんじゃないかな？

文字コードあたりでも白くなったりするぞ

あげ

<div aling="center"></div>で文字を中央寄せにしているのですが
HTMLチェックで
<div> に他のHTML用の属性 `align` が指定されています。
と言われてしまいました

<p aling="center"></p>でも同じこと言われました
他の方法で中央寄せにする方法ってありますか？

すいません自己解決しました
CSSでtext-alignを使って代替指定が出来るということがわかりました

ちょっと調べたらわかることなのに書き込んでしまって申し訳ないです

alingってなんだw

ただの打ち間違いだろ
わざわざ揚げ足取らなくていいよ

imgタグにheightとwidthを指定すると
IEでは正常に表示されるのですが
Firefoxだと若干ボケて表示されてしまいます
両方ともで正常に表示させるにはどうすればいいんでしょうか？

よろしくお願いします

>>342
その大きさに予め画像をリサイズしておく，じゃだめ?

>>342
ボケるのは拡大表示してるからじゃないの？
何故IEだと正常に表示されるのかわからんが

Google Analyticsのタグを入れたいのですが、<body></body>のタグが無いのですが、自分で勝手に入れても問題は無いでしょうか？
この場合は<body>はhedeの下に入れておくべきでしょうか？

>>345
自分の持ってるサイトにAnalyticsのタグ入れたいんでしょ？
bodyタグが無いっておかしくない？

frameつかってんのかもね
frameのファイルには入れなくて良いと思う

>>345
フレームは嫌われるから止めた方がいい
どうしてもって言うなら実際に表示してるページに入れればいいんじゃないか？
main.htmlとmenu.htmlならmain.htmlのbody直下に入れるとか

自分はフレームが便利で好きだ
今は使ってないけどさ

フレームで何してんの？
他の要素とかで代替できないフレームなんてないでしょ

メニューまでスクロールしないで済むじゃん
もちろんフロートとかでもできるけどﾌﾞﾗｳｻﾞなんかの調整がめんどい

それはデザインによるだろ？ポジション使えばメニューの固定もできるし
フレーム使うメリットなんて皆無
phpとか使えない鯖ならメンテし易いのかもしれないけどそれも置換ソフトで解決するし

position:fixed は便利だけどIE6考えると地味にめんどい

>>351
メニューが常にサイドにくるようにJSでやればいいじゃん

テキストエディタで書いたプログラムのソースコードをそのまんまコピペして
タブなどのインデントをHTML文章上にそのまま反映させたいのですが、
どんなタグで囲めばよかったでしょうか。

忘れてしまって、思い出せなくて。

>>355
サイト作るなら、まず辞書サイトを探せ

奴らはフレームが好きなわけじゃないんですよ

最近position: absoluteを知ったんですが
便利すぎてほぼすべてのレイアウトこれでしてるんですけど
使いまくっても問題ないですか？

・ブラウザで拡大・縮小したときにどうなるか
・「この辺にこういう要素を挿入したい」となったときどうなるか
・例によってIE6のバグがめんどい

この辺を考えた上で、メリットがデメリットを上回るなら問題なし

>>358
ブラウザ毎にちゃんと表示されてれば無問題
むしろページに関係ある内容を上の方に、メニューなど関係の無い内容を下の方に記述することが
SEOに繋がるとか言われることもある。実際どうなのか俺は知らんけどデメリットにはならないかな

>>352,354
だからﾌﾞﾗｳｻﾞなんかの調整がめんどいわけよ
今はポジションでやってるけど、各ブラウザのアップデートで
いつの間にか崩れたりしてるしさ

ばーかスキルないなら死ねよ

「難しい」を「易しい」にするのはスキルだが、
「面倒くさい」を「たやすい」にするのは慣れだよな

面倒って感じてる時点で技術不足なんだけどな。つーか経験も技術のうち

>>361
フレーム廃止の件もあるし加えてユーザビリティ考えればフレーム使うなんてありえないよな
メニューの固定はIE6に対応させるためでもたった7,8行必要なだけだし明らかにポジション＞フレーム
ブラウザのアップデートで崩れるのは記述が甘いだけだろ。つーかポジション使ってるんなら>>352と同意見じゃね

ですよねー

IE対応って、JS書いたり余計なボックス用意したりでしょ？
頭を使う余地の全くない、単なる作業はいくら慣れても苦痛だけどなあ俺。
それともこれが仕事だったらそんなことを感じる余裕もなくなるんだろうか。

>>366
「fixed ie6」でググってごらん
ボックスを増やすってやり方は分からないけどJSに関してはコピペせずに
参考にしながら自分なりに記述加えたりしてれば退屈ではないと思う
頭使う余地が無いってのは間違いなく思い込み。苦痛を感じるかまでは知らんけど

>>362
だから今はフレーム使ってねーって言ってんだろ文盲

調整が面倒ってこととアップデートで崩れるってことに対してじゃね？

会社のなのですがバージョン４あたりです。

長文のテキストを
ドリームウェーバーで開けたhtmlファイルにコピペすると、
改行が正しく反映されないです。
一個一個シフト押しながら改行し直さないといけなくなります。
この作業を簡略化する方法っていったら、どんなのがあるでしょう？

> ドリームウェーバー

昔のスポーツカーにソレックスとかウェーバーつんでたお

そのクルマで彼女と二人出かけたのが
デズニーランド

うちはデザイン会社にあるウェブ担当だが、もちろんデザインが偉いのね。
デザイナーさんが、デザインしてその通りにマックで見れなきゃ
怒られるわけよ。もちろんＩＥも大切なんだけどマックのサファリで
どう見れるかが一番重視される。もう毎日なみだ目、ただでさえＩＥ６で
苦労しているのに。。。。。

フルＣＳＳなんだけど、HTMLの構文の重要性はされてなくて、デザインの為に
無駄なdivタグをつけまくり。

もうしに足す。

IE6 must die

誰も持たなかった発想を教えてやる
俺たちが退屈せずに住むのはIE6のおかげ

IE6が無ければ”専門職”としてのウェブデザイナーは成り立たなかったであろう

>>374
普通に標準に忠実にやればSafariは大甘解釈でちゃんと表示してくれるじゃん
だいたい、ビルﾀﾞｰのどこでもなんとかモードでつくられたサイトまで
わざわざサービス旺盛にちゃんと表示して見せてくれるのはSafariぐらいだぜ？
大サービス甘あまじゃん？
MacのSafariでみれないならWinのSafariもFxもOperaもズタボロだろそもそも

IE6がなかったら、今までの仕事時間は3分の2で済んだかも知れん。

XHTML 1.0 Transitionalを新規ページで作成を行い、HTML 4.01 Transitionalで作ったページのソースをそのまま貼り付けましたら、
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
にてチェックをしましたら、大きな減点が出ます。この場合は、もう一度タグ流用せずにを最初から作り直した方が得策でしょうか？

画像を踏んだら指定の他サイトに飛ぶようにリンクを貼りたいんですがどうすればいいですか？
後任意の場所にインラインフレームを挿入したいんですがドリームウィーバーはどうやってインラインフレームを挿入すればいいんでしょうか？

>>380
そのサイトに準拠させたいのであればその方が良いと思いますが、
XHTMLとHTMLの表記方法の違い
（閉じタグのない要素の表記方法とか属性は全て小文字でとか）
を分かっていなければそもそもHTMLのままでいいと思いますよ。
html5という新しい規格も生まれそうですし。

>>381
通常は
<a href="移動先URI"><img 属性省略></a>
でいいと思いますよ。
Javascriptを使えば<a>タグ使わなくてもできますけど通常はしません。
Javascriptをoffにしている環境では無効ですから。

DWは「挿入」->「HTML」->「フレーム」で。

DwCS4で
<?xml version="1.0" encoding="UTF-8"?>
を挿入すると、デザインがおかしくなってしまう(ボックスが左よりになる)のですが対処法はありませんか？
実際にブラウザで確認すると正常なのですが、Dwのプレビューだとおかしくなってしまうのです

>>383
XML宣言を記述する必要はないと思うけど。
エンコードにutf-8を指定している場合は、XML宣言を省略する
ことが認められているわけだし。

記述することが推奨されているけどな
DWのビューアーはいかれてる報告多数から気にすんな

DWのプレビューは信用するな

でもプレビュー崩れるとイライラするんだよね

IE６をスタンドアロンで入れようとしたのですが、
リンク先が消えていました。

いろいろ探しているうちに、「IE６撲滅運動」が
されているような記事があったのですが、関係しているのでしょうか？

これからはサイトの作成時にIE６用の修正はしないでよいのでしょうか？？

>>384-387
ありがとうございます。でもやはりプレビューがおかしくなるのは気になるので、XML宣言は一番最後に挿入することにします。
答えてくださりありがとうございました。

IETesterｵｽｽﾒ

W3C 準拠のブラウザーでの表示の違いが出ないように，リセット CSS で
リセットしているのですが，リセットの仕方はこれで十分でしょうか?
http://www.edu.tuis.ac.jp/~s09015ki/

その前に公開プロフィールはやめといた方がいい

>>388
別にIE6に対応する必要は皆無だけど
やりたいなら『IETester』を使った方がPC変にならんし楽

>>391
グロ注意

開いて2秒で閉じた

>>391
見た目に不満を感じていなければＯＫ。
おいらはがっちりリセットする派だけど最近はリセットしないのが流行ってるらしい。

>>391
あっちこっちで愚問を垂らすな

リセットもクソもあるのか　ってのは言いすぎ？

大体Yahooから持ってきて十分かって失礼すぎるだろｗ

>>394
弘たんの顔はグロじゃないもん

>>368
フレームの話なんかしてないぞ頭悪いな
さすがクソスキルww

なんでそんなに必死なんですか

流れたレスをいちいち掘り起こすなよ我慢しろよ

>>382
ありがとうございます

>>355
<pre></pre>

>>396
Fx 3.5 と IE 8 では違いが出ないことがわかっているのですが，世の中
に星の数だけあるブラウザー全てで確認するのは不可能なので，きちんと
リセットできているか診断してほしかったのです。

>>339
しかしながら，Yahoo! からもってきたそのままの状態ではリセットが不
十分で，
http://pc11.2ch.net/test/read.cgi/hp/1249471196/
のスレで質問して修正したのです。(私はこのスレの167です。)

>>402
>>403
お前らが我慢しろクズ

可哀相です

いつまでも粘着しつこい

>>407 小学生の「男子うるさい」に対する反応に似てるな。「お前も喋ってるだろ」みたいな

あったあった……涙が出そうになるぐらい懐かしいｗ

>>410
うわー自分のこと見えてないよ

スルースキル検定絶賛実施中

いい加減にしとけよｗｗ


:beforeと:afterについてだけど、実際に何か利用できることってあるんだろうか
もちろんIE6やその他のブラウザにも対応させることと、jsは使わないことが前提として
divとかにlist-style-type: decimal;を適用したときに火狐で起こるバグへの対処くらいしか思いつかないんだけど

てめーがいい加減にしやがれ

流れは読めた

お前らいい加減にしろよ

>>414
a要素でアイコン使うときとか

a[href$=".zip"]:before{content: url("moz-icon://.zip");}

before,afterはユーザースタイルシートで活躍する

flashやりたくてこの世界に入ったのに
いつまで、僕はＣＳＳと格闘するのだろう。

Adobe AIR製ソフトやFlashコンテンツを作成できる無償の開発環境「FlashDevelop」
http://www.forest.impress.co.jp/docs/review/20090824_308521.html
memo

DWCS3を使っているのですが
list-style-imageで少し大きめの画像を選択してしまうと
文字が
＿＿_
|　 　 |
|＿＿|　あああああ

という感じで下側に表示されてしまうのですが
（四角いのが画像のつもりです）
縦中央に文字を持ってくるにはどのようにすればいいでしょうか

vertical-align

vertical-alignは画像にしか使えんだろうが

display:table-cell;
でも追加しとけ

>>421
line-heightを画像と同じ高さに設定

>>424
画像が消えてリスト文字が一列に並んでしまいました

>>425
すいませんいまいちわからないです
レイアウトが崩れてしまいました

CSSのソースは
ul {
list-style-image: url(list.png);
}
li {
padding-bottom: 5px;
}
こんな感じで
list.pngの画像サイズは20x20ピクセルです

>>426
list-style-imageを使わない

効率良く多数の画像ファイルをHTML化してハイパーリンクさせる方法ってないですか？
今やってる方法だと一つずつHTML化してハイパーリンクしていかないといけないからめんどくさくて

>>427

ul {
padding: 0;
}
li {
background-image: url(list.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
list-style: none;
padding-bottom: 5px;
padding-top: 5px;
}

これで解決しました
ありがとうございました

ホームページにうｐしたら画像が表示されないんですけど
何が原因ですか？index.htmlファイルがあるフォルダと画像のhtmlファイルがあるフォルダは別の階層です
一応HPに使う素材は全て同じフォルダにまとめておりますが画像ファイルとindex.htmlがあるファイルは共通フォルダの中の別々のフォルダです

index.htmlの画像表示の部分のソース書けば一瞬で解決するから書いてみ

フレームの境界線を破線でひきたいのですが、
ＩＥだと表示されてもfirefox、Operaだと表示されません。
表示される方法はありますか？バグでしょうか？

フレームはやめとけって散々書かれてるだろ・・・
非推奨　バグも糞もない　調べるのも面倒

>>432
いまどき
フレームは流行おくれ

フレームはユーザビリティ、アクセシビリティ、SEOの観点から見て奨励しない

>>431
すいません言ってる意味が良くわからないです・・・・
画像表示の部分のソースはどこを見ればわかりますか？

<img src="〜
から始まる1行を書くだけ

質問を御願いします。lightboxを入れたのですが、

<link href="../../../css/lightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

記述を行い。

<p align="left" class="style1"><a href="images/main-01.JPG" rel="lightbox" title="image01">
<a href="images/main-01.JPG" rel="lightbox" title="image01">
<img src="images/s/main-01s.jpg" alt="001" width="300" height="189" border="0" /></a></a></p>

と続けて記入をしても、上手く出来ません。タグが間違っているのでしょか？

ツッコミ所満載だな

>>428
画像ファイルをHTMLファイルの変換することは出来ません

>>438
とりあえず辞書サイト探して、a要素の項目見とけ
あとlightboxはうざいからやめれ

>>440ありがとうございます。
アホな質問をしてすいませんでした。

Webデザイナーの方に聞きたいんだけど、こういうのってやっぱりすごいの？
http://www.cuir-hair.jp/index.html
ブログ
http://ameblo.jp/ena-bombe/entry-10329046467.html#cbox

初心者の意見としては簡単そうだし、なんか目がチカチカする。

Flashでループさせてるだけ

ブログはアメブロだしな・・

>>443
色彩心理学とか配色に関してきちんと勉強してるデザイナーはほとんどいない
加えてマークアップやユーザビリティを考えない人が多いから苦労するのはコーダー
実際仕事してるとクライアントが無茶な注文してきたりもするので一概には言えないんだけど

主観だけどその二つは凄く微妙
美容室ってジャンルから考えればSEOは必要ないしコーディング自体は正直どうでもいい
とはいえデザインを見てもセンスが感じられない。だから微妙
後者はインパクトがあるのはいいんじゃないかな。ただ読みづらいしGIFはどう考えても失敗
全体的にもパッとしない印象。正直このレベルでデザインしてることに驚いた

>>443のFlashの方だけど、こんなんに4人チームは必要なし。
一人で3日でできる。

こんなのに3日もかからないわｗ

企画から含めて画像用意したりロゴ作ったり、コンテンツも用意して一人で二日以内とか凄いなｗ

いっそフルフラッシュにした方が良かったような気がするのは俺だけ？

>>430
パスがまちがってんだろ

>>433-435
ありがとうございました

マジツッコミみっともない
しかも長文て

なら張るなよ

批評をみっともないとか言っちゃったらおしまいだろ

Webデザイナーの方から見られても、やっぱりいまいちでしたか。
あのブログを見て、これぐらいでWebデザイナーと堂々と名乗れる事に少しびっくりしました。

相対パスってドキュメントとかサイトルートの二つあるみたいなんですけど
どうすればいいんですか？

>>457
＞DWヘルプ？
＞ただし、このようなパスの使い方を十分に理解していない場合は、ドキュメント相対パスを使用することもできます。

>>458
回答ありがとうございます
確かによく理解してません・・・・というかドキュメント相対パスがなんなのかもわかりません・・・

HTMLの<!DOCTYPE や<!-- <!CDATAなど<の後に!が続くタグってどのように意味づけられてるんでしょうか。
上の個々の意味はわかるのですが、!をつけるタグを通じての意味が知りたいです。
あるいは総称を教えてくだされば、後は自分で調べます。

<!XXXX>
これはタグではなく宣言

宣言で調べたらすぐにわかりました、ありがとうございます。

CSSで2カラムの段組を作ったんですが、フレームページのように
左メニューから右側にリンクさせてページを表示させたい場合は
どうすればいいでしょうか？
宜しくおねがいします

リンク貼れば？

>>463
表示させたいページに普通にリンクを張ればおｋ

>>440変換というか
複数の画像ファイルのhtmlファイルを一気に作成する方法ってないですか？

コピペ

画像ファイルのhtmlファイル　で伝わるわけないと思うんだけど

>>466
特にページ装飾しないのであれば
画像に対してそのままリンクするだけでブラウザに表示される

>>463
フレームページの様にするにはフレームを使うしかないです。

>>469
すいません多少の装飾はします

>>471
どういうソースを生成したいのか晒してみろよ

ファイル名変わるだけならphpとかperlでやった方が良い
perlならローカルでファイル操作もできるし

共産党売るせえ

質問です。
http://nagamochi.info/src/up31490.jpg
こんな風に、テーブルの任意の行の外に付加情報を出したいんですが
TABLEの外（右）側の狙った行に表示するのってどうやるんでしょうか？
ぐぐって調べたけどわかりませんでした。

最後の列のさらに次の列に、枠線のないtdを一列付け足す
もしくは最後の列のtdの中でposition: absolute;などで強引に右に浮かべる
どう考えても前者が無難で管理しやすい

おお、枠線のないtdってできるんですか。
調べてみます。

>>464-465
トンクス

CSSのみでプルダウンメニューを作成する際、IE6に対応するためテーブルが必要になってくるようなのですが、
これはブラウザのバグを利用したものなのでしょうか
IEに対するハックや、プルダウンメニュー内のテーブルの役割までは理解できるのですが、
テーブルを入れることで、なぜIE6に対応させることができるのかが分かりません
どなたかご存知の方がおられましたらご教授お願い致します。

そんなことはありませんYoー

テーブルだとブラウザ間のバグが少ないからです

>>471
それを簡単にやりたいってんならPHPとかperl行き

>>481
言葉足らずだったようです申し訳ありません
プルダウンメニューは主にリストタグを使って作るものだと考えてください
テーブルタグを使うのはIE6への対応のためのみのようですので、
ブラウザ“間”の問題は元より何もありません

>>476
調べてみたら、tdタグで枠線の指定はできないみたいですね…。
TABLEの中の一部のTDだけ枠なしってできないのでは？

>>484
<td style="border:none; border-left:1px solid #000000;">

外付けにしても、上下左右個別指定してもいいけど

colspanntoka

rowspaでやれば

>>484
できないわけがない。ただ、面倒だからposition使ったほうがはやい
「border css」で調べてみな

cssでIDセレクタの指定をする際
#container や #navi でなく
div#container や ul#navi と書いた方が良いですか？

また、1箇所しか存在しないのにIDでなくclassを指定している人をたまに見るのですが
どんな意味があるのでしょうか？
後々同じ指定をする箇所が増えるかもしれない場合は解るのですが、
そうとは思えない箇所でもclassにしていることがあります

どれも間違いでは無いから好きに書けばいい
色々な書き方をしてるのは社内のルールだったり性格とか癖じゃない？

むしろ「1箇所限りか、複数か」という、数の違い程度の問題ならば
それこそ大（class）が小（ID）を兼ねてると思うんだが。
数の違い本位でやるとしたら「しまった、これは一箇所限りだからIDにしなきゃあな」とか言って作ってんの？

のちのち同じ指定をする箇所が増える可能性がないクラス名が想像できないんだが

箇条書きで、項目の一個一個にアンカーとかスパンのタグをかけてあるんですが
行間隔をあけるのに、つい<br><br>を使っちゃいましたところ、変なことになりました。

IE7で、（ちなみにfirefoxでは正常だった。3.5）

　あいうえお

　かきくけこ

　さしすせそ

　たちつてと

　なにぬねの

となる筈が、実際は

　あいうえお

　かきくけこ

　さしすせそ


　たちつてと

　なにぬねの

になってしまいます。かましてあるタグのあたりは何度も何度も見直して、
しまいには「さしすせそ」周辺だけ最初から書き直したんですけどそれでも治りません。

続きです。
試しに反転させて見ると

　あいうえお■
■
　かきくけこ■
■
　さしすせそ
■
■
　たちつてと■
■
　なにぬねの■

ってなってて、（実際は正方形じゃなくて縦長の長方形です）
「そ」の後ろにつくはずの<br>一個がなぜか下に行っちゃった？とは思うんですが、
なんで「さしすせそ」だけこんなことになるんでしょう？しかもIEだけ。

<ul>
<li style="margin-bottom:文字サイズ;">
あいうえお
</li>
<li style="margin-bottom:文字サイズ;">
かきくけこ
</li>
<ul>

こういう感じでやったらいいんじゃね
無理やりかもしれないけど

↓の部分にアフィリンクを入れたのですが何度いれても表示がされません
位置を変えても表示されず。これまでこんな感じでできたのに困ってしまいました。
全く見当がつかないのでズバリ教えていただけると助かります。
<body>
<div class="pass">
<div class="p_title">$file にはダウンロードパスが設定されています</div>
<FORM METHOD=POST ACTION="$set{'base_cgi'}" name="DL">
<table summary="passform" class="passform">
<tr><td colspan="2">
<input type=hidden name=file value=$no>
<input type=hidden name=jcode value="漢字">
<input type=hidden name=mode value=dl></td></tr>
$d_com$d_date$d_size$d_mime$d_org
<tr><td class=\"p_count1\">カウント数 / 制限</td><td class=\"p_count2\">
<iframe src="$set{'http_html_path'}$set{'print'}$file" class="p_ifrem" frameborder="0" scrolling="no" title=\"カウンター\">カウンター</iframe></td></tr>
***ここ***
<tr><td class="p_pass1">PASS</td><td class="p_pass2><input type=text size=8 name="dlkey"> <input type=submit value="DownLoad" class="p_submit"></td></tr>
</table>
</FORM>
<div class="p_back"><a href="$set{'http_html_path'}">[戻る]</a></div>
<div class="p_fotter"><a href=\"http://sugachan.dip.jp/download/" target="_blank">Sn Uploader</a> ＋ <a href="http://www.candy-cgi.com/" target="_blank">CANDY CGI</a></div>
</div>
</body></html>

アフィ厨Uzeeeeeeeeeeee!>>495
>アフィ

a href=\"

>>492です。
なんとなく、全体を囲ってあったテーブルにwidth:100%;をつけてみたら
治りました…訳わからんしorz

でもありがとうございました。お邪魔しました。

他人の金儲けに協力は出来ないな
そのソースも他人の物だし楽して儲けようって考えが甘い

超初心者です

AAAという文字列にカーソルを合わせると
隣のフレームのBBBという文字列が赤色の四角囲まれる、とか

どうやればいいか教えてください

はい！反省して自力で頑張ります。
アフィ厨で済みませんでした。
処理が途中ってのが原因みたいとわかったのでいろいろ試してみますわ

>>500
そんなん無理。とりあえずフレームやめれ

え、無理なの？
色が変わるだけでもいいんですけど

フレームで疑似的に同じページ内に表示しているだけであって、本来別のページじゃないか
どうやれってんだよ

そういう操作があるのかと思って。
別ページのパスを入力して、とか。

JS使えばできるが、スレ違い

AAAという文字列にカーソルを合わせると
隣のフレームのBBBという文字列が赤色の四角囲まれる、とか

＞となりのフレ−ム
意味がわからん
フレームで作って
右のとこのにカーソルあわせるとと左のフレームの挙動を一緒にしたいのか？

>>500
フレームじゃなくて、overflow: scroll;とか使えばCSSだけでできんこともないけど、
初心者には教えても絶対理解できない
JS使うにしても時間かかりすぎるだろうから諦めた方がいい

>>500
onmouseover=""

>>507
今カーソル合わせた語句AAAについて
隣のフレームにあるBBBの項目をクリックすると詳しく調べられますよ、的なニュアンスで

右のフレーム読んでて、AAAにカーソルが乗ったとき
左のフレームのBBBが赤文字になったり、四角で囲われたりしたら分かりやすいかなと思って。

それなら語句AAAにリンク付けた方が楽だし親切

>>510
えっと・・・本来フレ−ムて
naviがわりに使うんだけど
フレーム使わないでＪＳでそこにカーソルあわせたらリストでるようにしたほうが
ユーザビリティ的にもいいと思うんだが

>>512
間違ったこと教えんな

>>513
指摘もしないで
煽るだけなら馬鹿でもできるぞ
ガキは死ね

でも必ずクリックさせたいわけではないんですよね
あとフレームも必要なんです。
リストも必要で無い場合はまず出したくない。

例えば、左に国の名前が一杯並んでて
右に歴史の文章とかが並んでるとする

右で読んでる話がアメリカの話にさしかかったとき、
左フレームの「アメリカ」の文字が赤くなるとか「」が付くとか四角で囲われるとか、何でもいいんですが、

あ、今アメリカ関係のこと読んでるんだな、と視覚的に分かる。

且つ、アメリカってどんな国だったっけ？と思った場合は、今変化してる左のアメリカの文字をクリックし、それについて詳しいページに飛ぶ、というような使い方をしたいのです。

話をページで分けて、左のフレームにいろいろ突っ込めばいいんじゃないの

まあどっちにしてもＪＳなので違うスレだな

>>515
>>500の方法でやるとしたらjsスレに行ったほうがいい。フレーム使うのならjsじゃないと不可能
もちろん先に自分でできるとこまで調べろよ。そんなに難しくないから根気良くやれば絶対できる
「他の方法ありませんか」みたいなの聞くのはスレチだから無しな

>>515
どのあたりでフレームが必要なのか

そんな意味のないUIなんて何の役に立つんだ

優しく答えるスレ・・・

うん、優しく答えてるね

javascriptでやるならパラメータ渡してフレームを毎回リロードしたらいけるかもね

>>519
左の国名はスクロールさせたくない
右の文はスクロールが必要なくらい長い

1つのページだと文章を下にスクロールすると、やがて国名が見えなくなる

positionで解決
もしくは右側をoverflow
そもそもフレーム使う場合はjs使うしかないからこの話は終わり

>>521
スレチには一変した顔を見せるスレ

<div id=aaa">
<a href=""><img src="111.jpg" width="100" height="100" /></a>
</div>

#aaa { background: url(222.png) no-repeat 0 0; }

こんな感じで1箇所で2枚画像を表示させたいんだけど、222.pngのヨコが150くらい
ある場合はどうすれば表示できますか？100までしか広がらなくて。

imgで指定してるほうが文章に関係する画像で
CSSで指定してるほうが飾り付けなの？

>>528
そうです！装飾部分の222.pngはbackgroundでどうしても表示させたくて。一つの括りで
ご教授いただけたら嬉しいです

#aaaのwidthを指定すればいいだけじゃね？

>>530
ウィーバーつかってたからwidows:になってましたorz
解決できました有難う！

３キャリア対応の携帯サイトを作っています。
キャリアを判別してformの入力モードを切り替えているのですが、ドコモだけ上手く動作しません。
Eメールアドレスの入力のところは半角英数字にしたいのですが、istyle="3"とinputタグに指定しているにもかかわらず
実際には全角英数字モードになってしまいます（実機とシミュレーターで確認）。
ソースはXHTMLで組んでいるのですが、XHTMLではistyleは効かないのでしょうか？

>>532
その通り。XHTMLモードでは代わりにこうかく
style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;"

>533
なるほど。
やはりそうだったんですね。
色々検索して調べてみます。

こんにちは。

ページの横幅ですが、７６０pxぐらいで作ってあるサイトが多いようですが、
（ある教本には８００以内で作るように書いてありました。）
今時、横幅８００pxの画面で見ている人はほとんどいないと思い、
私は８７０pxで作成をしていました。
大きな問題などありますでしょうか？

ご意見、よろしくお願いします。

ノートの人がお前のサイトみないだけ

でかい時は950pxで作ってますがなにか

>>535
たぶん>>536の言うとおりだと思うけど、アクセス解析入れてみれば？

>>535
ヤフーがリニューアルした頃から企業サイトでも800pxベースから1000pxベースが増えてきた
今時800pxのディスプレイなんてノートでもあんまり見ないから気にしなくてもいいかもしれない
ただ、ブラウザのサイドバーなんかを考えると結局は800px程度がいいかな
ウィンドウに合わせた半リキッドレイアウト（最大の横幅も指定する）にするのが一番

超初心者の質問なんですが今からHTML4.01とXHTML1.1を学ぶ場合
XHTMLを学んだほうがいいのでしょうか？

いみわからん
XHTML1.1やるんだろ？

スレ違いだったら申し訳ない。

レタッチャーからwebデザインに転職したいんだが、
html、css、dreamweaverの参考図書を教えてほしい。
htmlは高校の時勉強してたから大体わかる。
初心者でも分かり易くて、長く使える逆引きみたいなのがほしい。
自分でも調べてるんだか、おすすめがあったら教えてほしい。お願いします。

Google

>>542
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらお
ttp://d.hatena.ne.jp/yaneurao/20090318

がお勧めかな。
ボクは初心者なのでデジハリが出してるカラフルな本を最初に読んだ。

>>542
ほとんどの本は個人で書いてるものだし間違いが多いから
ネットで2,3辞書サイト見つけるべき
書籍はHTMLポケットリファレンスってやつがマシかな。もっといいのあるかもしれないけど

>>544
ありがとう！
自分も勉強時間はひと月で設定してたからありがたい。
カラーだとモチベーション違うよね。
>>545
ありがとう！
いくつかネットで初級から中級のサイトは調べてて、今書籍買う前に勉強してるよ。
HTMLポケットリファレンス 調べてみるよ。

質問です
XHTMLからCMS（wordpress）にデザインそのまま移行したいのですが
どこか参考になるサイトってありますか？
テーマ自作は必須でしょうか？

画面中央に高さ・幅９５％のdivタグをposition:absoluteと設定して表示させています。
divタグの下にあるテキストボックスやリンクなどの部品には触れられないように
したいのですが、Firefoxでは可能でもIE6では触れてしまいます。
background-colorを指定しdivタグの範囲内を塗り潰せばIEでも触れなくなりますが、
透過状態のままで実現させたいです。

IE6でも触れなくする事は可能でしょうか？

background-color:transparent

圧縮したZIPファイルを訪問者がダウンロードできるようにしたいんですが
どうすればいいでしょうか？

事故解決しました

>551
どうした！？大丈夫か！？

>>542
ごく簡単なHTMLの説明

http://www.kanzaki.com/docs/htminfo.html

pukiwikiで自作スキンを作りたいのですが
pukiwikiのCSSをDreamweaverでデザインを見ながら編集することって出来ますか？

自分のＨＰにアップしたらＩＥのタグのほうに無題ドキュメントって表示されるんですが任意の文字に変える方法ってないですか？

<title>無題ドキュメント</title>
ここをいじればいい

>>556
ありがとう＾＾

<style type="text/css">
div {
width: 200px;
max-height: : none;
background-color: red;
float: left;
clear: left;
}
</style>
<body>
<div>
ボックスの中の文字
</div>
<p>ボックスの外の文字</p>
</body>
</html>
---------------------------------
↑このHTMLで
一番上の画像が現状です
http://www.xepid.com/src/up-xepid8891.jpg
左側のボックスの縦幅を画面最大にしたいのですが
max-height : none;
height : 100%;
とかでは間違っているようです、どう入力したらいいでしょうか？

また、広告のせいなのかもしれませんが
float: left;だけで左にボックス、右に文字になると思うのですが
clear: left;を付けないと�@のようになってしまいます。
図の一番下が理想ですが・・・

>>558
headタグなくね？
や、省略できるから別にいいけどさ

>>558
それはページの縦幅に合わせる指定
表示領域の縦幅に合わせる指定なんて存在しない

あと図が意味わからん。どれが�@なんだ

あふぃ乙とでも言っておこうか

�@と書いてある部分の下です

理想、の上の部分までです。

とりえあず図じゃなくてソース張ってみれば。広告の

>>561
どうみてもジオシティのでふぉ広告だろ・・・

質問するときは、状況を再現できるものを示せ

>>558
Javascriptを使えばできますけど、
（縦幅を取得して高さを設定するとかね）
あまり効果的でないので、
左右の要素を合わせた背景画像を使ってやった方がいいかも。

例えば
赤300px白600px計900px幅の一枚の画像を用意して縦に敷き詰める、とか。

すみません
アドバンストHTMLエディタの製作途中のプレビューにも表示される広告のせいでした
ジオクリエータの方でプレビュー見たらちゃんと出てました

<style type="text/css">
div { width: auto;
height: auto;
position: auto; }

div.AAAA { overflow: hidden; }
div.BBBB { overflow: auto; }
</style>
</head>
<body>
<div class=".AAAA"
style="
width: 200px;
height:100px;
background-color: white;
color: blue;">
</div>

<div class=".BBBB"
style="
width: 100px;
height:100px;
background-color: blue;
color: black;">
</div>
</body>
</html>

↑
上ので

AAAAは200×100の白ボックス
青文字
はみ出してもスクロールせず

BBBBは100×100pxの青ボックス
黒文字
はみ出したらスクロール

というのを
を作りたいのですが、
overflowが機能せず
AAAAははみ出したらボックスが伸びて行きます
BBBBもはみ出したらボックスが伸びて行きます
どう修正したらよろしいでしょうか？

初歩的な質問です。
XHTML Mobile Profile 1.0 を使って制作できますでしょうか？
反映されないとかありますか？

いきなりなんぞ。DWの質問？

あ、Dreamweaverを使いXHTML Mobile Profile 1.0 で
制作できるか知りたいです。

Dreamweaver cs3でＨＰ作ってます。
横並びのメニューボタンから下へプルダウンメニューが出るのってどの機能でできますか？
横並びのメニューボタンは画像を使いたいんですが、Spryだと文字リンクがでてきます。
8だとビヘイビアで出来たみたいなんですが、Spryを試しても分かりませんでした。
よろしくお願いします。

>>568-569
＞div.AAAA { overflow: hidden; }
＞class=".AAAA"
class名には��.�≠ｪ付いてるのに、style要素内のclass名の指定には��.�≠ｪ抜けてるぞ
そもそもクラス名に��.�≠ﾍ使えない

みなさんは、htmlの記述をどう書いていますか？
私の書き方だと

<div>
<table>
<tr>
<td>
<a href="/hoge.html">
<img src="hoge.jpg" alt="hogehoge"
width="100" height="100" border="0" />
</a>
</td>
<tr>
<table>
</div>

こんな感じなんですが、しつこいですかね？

<div>
<table>
<tr>
<td><a href="/hoge.html"><img src="hoge.jpg" alt="hogehoge" width="100" height="100" border="0" /></a></td>
</tr>
</table>
</div>

こういう感じが一般的なのでしょうか？それとも何か決まりってありますか？
どうか回答よろしくお願いします

うわっそういえば半角スペースは認識されないのか…

<div>
　<table>
　　<tr>
　　　<td>
　　　　<a href="/hoge.html">
　　　　　<img src="hoge.jpg" alt="hogehoge"
　　　　　　　　　width="100" height="100" border="0" />
　　　　</a>
　　　</td>
　　<tr>
　<table>
</div>

こんな感じです。すいません

普通にインデントつけてありさえすれば、自分が見やすいように書けばいい。
テキストエディタで書いてる物好きでもなければ
ブロック単位で閉じたり開いたりできるわけだし。
あまりにも行数が増えると思ったら適当に統合すればいいよ。
なんなら適当なサイトのソースを読んでみればいい。

border　はCSSでやった方がいいんじゃね？

一人で作成・運営するサイトならば、ソースの整形は個人個人の好きなように。
複数人で運営するなら、参考書などによくある形に整えるのがいいかと。

>>577,579
早っ！ありがとうございます！
実はこの板xhtml時代になってから初めて来て、
前々から思っていた疑問をぶつけてみました
最初からフリーでやっているので自信が無いんですよね
ソース関係のスレ見てきます

>>578
CSSがあるときはそうですね〜
デザインと記述を完全に分離するのが夢ですが、
<div>はできるだけ増やしたくないという葛藤が…ｗ

hogeが気になる

>>581
プログラマーだったときの癖っす。メタ構文変数ってやつです
インデントしないと落ち着かない癖も、プログラマー時代からきています

ソース関係のスレ見ましたが、ほんとに十人十色なんですね
左詰めしてないのは間違っているという方もいるんですね

手持ちの解説書ではほとんどが
<p>hogehoge</p>
と書いてありますが、ブロック要素なんだから
<p>
　hogehoge
</p>
だろ！と思ってしまう。でもただの自己満足とわかりました
これ以上は該当スレでやった方がいいですよね、皆様ありがとうございました

ブロックでもテキストノードのみだったら改行しないな

ＣＳＳで、％　em exは、何を基準にサイズ設定するのですか？

>>584　ggrks

改行すると余計なスペースが入ったりするブラウザがあるよね・・・。

改行は半角スペースとして扱うのがデフォだと思うが

>>576
テスト                      テスト
  テスト   

節子、それ半角スペースやない。no-break spaceや

>>584
親の要素。

<body>
<p>Text</p>
</body>

の場合<p>は<body>を基準にする。
で<body>はブラウザの初期値を基準にする。

宜しくお願い致します。
フレームで左右を二分割し、
左側に目次、右側に内容を表示し、
例えば左側の目次の「Bについて」
をクリックすると、
右側の内容の項目が「Bについて」
という項目までワードのハイパーリンクのようにジャンプする、
というものを作りたいと思います。

左側のフレーム内(目次)は、
クリックしても変化は無いものにしたいです。

アンカーポイントを使ってハイパーリンクさせたいのですが、
左側の目次をクリックしたとたん、不変であってほしい
左側のフレーム内でアンカーポイントを打ったところへジャンプしてしまい、
出来ません。右側のフレームの文章の指定した項目にジャンプしてほしいのですが。

つまり、クリックした左フレームは無変化で、
右側の別フレームだけがハイパーリンクで指定した文章の項目まで
ジャンプして欲しい。

のです。

どうすればいいのか分からず困っています。
ご教授宜しくお願い致します。

たぁげっと

http://www.shoshinsha.com/hp/ref/html/a_target.html

>>592
>>593
有難うございます！！！
早速解決しましたぁ！

感謝！

もしかして
ヤフーのアドバンストHTMLエディタやジオクリエータって
正常に表示されない事ある？

HTMLの作り方とかのページでサンプルのHTMLを入れても
全然サンプル通りにならなかったり、真っ白だったりするんだけど。

ソースは？

この使用例の
http://www.tagindex.com/stylesheet/box/overflow.html
2個めのボックスのサイズ変えるにはどうしたらいいですか？

div {
width: ***px;
height: ***px;
margin-bottom: 1.5em;
background-color: #ffffff;
border: 1px #c0c0c0 solid;
color: #000000;
}

>>598
http://www.tagindex.com/stylesheet/basic/index.html

困っています。
IE6でなんですが
ブラウザーの文字サイズを大きくするとカラム落ちが発生します。
通常サイズ(中)だと問題ないのですが・・・どなたか回避方法を分かる方
いらっしゃいますか？？
ちなみにフロートさせてる子要素全体の幅は親要素の幅より6px位小さく
余裕を持たせているのですがそれでもダメみたいです50px位余裕を持たせると
カラム落ちしなくなるんですがさすがに50pxも余裕を持たせるわけにはいかないので現実的ではないのです

問題の場所はページ右エリアのの緑背景の部分です。
各ファイルのアドレスを下記に記載しますのですいませんが宜しくお願いします。

※一部CSSの記述内に別ページに使っている記述で今回のページでは使用
していない記述がありますが気にしないでください。

■HTML
http://sangoclip.web.fc2.com/lesson03_02/jyuken/
■デフォルトCSS
http://sangoclip.web.fc2.com/lesson03_02/shared/css/default.css
■リセットCSS
http://sangoclip.web.fc2.com/lesson03_02/shared/css/reset.css

ハックしたら？
もしくはＩＥ６用にｃｓｓ作るとか

<!--[if IE 6 ]>
<style>
/* IE6用のスタイルシートだよ！！ */
</style>
<![endif]-->
これではだめかな

やっぱハックか振り分けですか〜
んーーその方法は一番最後の手段にしたいと思っていまして
通常の文字サイズでは問題ないので後一息なんですが・・・
この問題の解決策はハックか振り分けになっちゃいますかね？？

>>600
Firefoxでも文字を拡大したらずれたよ。
「6px余裕を持たせる」んじゃなく、「（たとえば）0.5em余裕を持たせる」んじゃダメなの？

初歩的な質問です

今までDreamweaver 8を使用していたのですが
お試しでCS4を使用してみてます。

8は”フォントサイズ指定”と”行揃え（中央揃えなど）”は下のプロパティ部分にありましたが、
CS4ではどこに行ってしまったのでしょうか？
探し出せずに困っています。

>>605
非推奨だからプロパティからなくなった。
使うときはコードビューでタグ手打ち。

>>606
ありがとうございます
CSシリーズは購入するのは止めて
慣れている8を長く使って行きたいと思います。

趣味なら別に構わないけど、もし仕事なら非推奨の要素使うのはどうかと思う

ＨＴＭＬ・ＣＳＳを理解していないとＣＳ４は使いこなせないかもね
ただ今はそれが推奨ですからね
後々じわりじわりと困ってくるんじゃないですか

<font><b><i>とかも非推奨になるんですかね

b要素は非推奨ではないが、次期勧告で完全に廃止予定
i要素は非推奨で、次期勧告で完全に廃止予定
font要素は最新の勧告で完全に廃止された

font 非推奨
b i 単純装飾ではなく、通常ではなく強調するまでもない雰囲気を表す

HTML5仕様書(Draft)より

いつの間にかテキストエディタで全部書くようになったんだけど、
最近のDreamweaver使った方がチェックとかいろいろ楽なんですかね？

NoEditorとhtml-lint使った方が楽かと

>>614
一度使ってみます
ありがとう

お世話になります。
<li>と<ul>で

ひらがな
　あいうえお
　かきくけこ
　さしすせそ

のように表示させたいのですが、IEじゃなくてファイアフォックスで表示させると

ひらがな
　　　あいうえお
　　　かきくけこ
　　　さしすせそ

と、インデントが大きくなってしまいます。（ちょっと極端な表現になりますが）
これってどうやって直せばいいですか？

>>616
現状のhtmlとcssのソース見せて

<li style="list-style:none;">ひらがな
<ul>あいうえお</ul>
<ul>かきくけこ</ul>
<ul>さしすせそ</ul>
<ul>たちつてと</ul>
</li>

実際にはインデントは全角1文字ぐらい多いだけですが、直ってほしいです。
CSSファイルは使ってません。

なんていうか……根本的にhtmlを勉強しなおした方がいいと思う
<li>は、必ず<ul><ol>のどっちかの中に無いといけないし
<ul>の中に直接文字列は書いちゃいけない

あ、ほんとだ。ごめんなさい出直してきます。

たびたびすみません。出直しました。以下ソースです。
<html><head>
<style type="text/css">
<!--
#links {
padding:10px 10px 0px 20px;
width:190px;
margin:0px;
}
#links .side {
margin-left:16px;
margin-bottom:16px;
}
#links ul {
margin-left:3px;
}
-->
</style>
</head>
<body>
<div id="links">ひらがな
<div class="side">
<ul style="list-style-type: none; list-style-image: none; list-style-position: outside;">
<li>あいうえお</li>
<li>かきくけこ</li>
<li>さしすせそ</li>
</ul>
</div>
</div>
</body></html>

>>621
DOCTYPE宣言とtitle要素は省略してるだけだろうけど、style要素内にコメント書くな

>>621
ブラウザ間のリストの余白の差異をカバーするには
ulに対して
margin: 0 0 0 ●em;
padding: 0;
を指定するのが無難　とする考え方がある
http://www.tagindex.com/stylesheet/list/margin_padding.html

>>623
うまくいきました！！
ありがとうございました。

>>622
コメントアウトしてるのは、script要素の中にjavascriptとかを書くのと混同してるんだろうよ。

Dwのデフォ設定でコメントアウトになってるよ

>>625
混同というか、同じ理由じゃないの？

どの文字コードでもいいってサイトなら
結局なにが一番いいんですか？

UTH-8

>>629
ミス
UTF-8

UTF-8(BOM無し)

>>630-631
ありがとうございます

w3cのチェックで一度utf-8のbomがどうたらっていう警告が出て
terapadにソースをコピーしてutf-8でもう一度保存しなおしてから
もう一度チェックかけたら警告出なくなったんですけど

bomっていったいなんなんですか？

TeraPadの場合、UTF-8NがBOM無しね
詳しいことはWikipedia

エンディアンってのがあってだな、
http://ja.wikipedia.org/wiki/%E3%82%A8%E3%83%B3%E3%83%87%E3%82%A3%E3%82%A2%E3%83%B3

UTF-8/UTF-16の場合、そのファイルがリトルエンディアンで書いてあるのか
ビッグエンディアンで書いてあるのかをはっきりさせるため、
ファイルの先頭に特殊なコードを置いておくことがある。
これがバイトオーダーマーク、略してBOM。
一度テキストとしてコピー・ペーストするとBOMはおそらく消えるので、
BOMが無駄に付いてるとか内容と矛盾しているとかいう警告だったんだろう。
あと今後は意味が分からないからって警告を読み飛ばしたりしないように。
とりあえず検索すれば絶対に関連する情報は出てくるはずだから。

>>618
あほすぎるww

どこの誤爆だ

上手く説明できるかわかりませんが
よろしくお願いします。

外部CSSを使っているのですが、気がついた時には
一部のページで一部のスタイルが適用されていなくなっていました。
HTML上でスタイルを上書きしてもいませんし
正しく動いているページもあるのでCSSが間違ってるということも考えにくく…

以前は適用されていたのにいきなりこうなってしまい何が原因かわからず困っています。
どうすれば正しく適用されるのでしょうか？

一部適用されないならちみが間違ってるんじゃね

>>637
正しく動かないページが間違ってるんじゃね？

>>637
正しく書かれているCSSを正しく読み込んでいればそのようなことは起こりません。

>>639
それも考えたので新しくページを作り、そこにリンクさせてみたのですが
やっぱり一部分でおかしくなってました。

このときにわかったことは　テーブル内でおかしくなるということ。
テーブルの外では同じページでも正しく動いていました。
でも他に正しく動いているページでもテーブルを使っており
その中で動作させているはずなのに問題ありませんでした。

いいからzipでうｐしろよ

コピペしないで１から作り直せ

>>643
新しいページはメモ帳を使い、全て手打ちで作成しました。

内容を見なきゃ具体的なことは何一つ言えないんだし、
直接見られるのが恥ずかしければ「あああああ」とかに置き換えて
zipにまとめてどっかにうｐすべき

コピペしろよ！

>>633-634
なるほど
詳しく答えていただきありがとうございました

今パソコンにFirefox、IE8、Safariをインストールしていて
作ったホームページのチェックはこの３つで行っているのですが
友達のパソコンがIE6で今日そのパソコンで見てもらったところ
レイアウトや色までもがかなり変わっていました・・・
IE8とIE6を共存させることは出来ないんですよね？
なのでIE6でチェックしたい場合はどうすればいいのでしょうか

>>648
出来るｇｇれ

>>648
IETester

ぐぐったら最初Standaloneってのが出てきたんですが
さらにもっとよく調べたら
Microsoftが出してるIE8、IE7、IE6での表示プレビューができる

Microsoft Expression Web 3 SuperPrevie for Internet Explorer

っての見つけました

それ有料ソフトじゃね

無料だと思うんですが・・・

これです
http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en

Expression Web SuperPreview for Internet Explorer is a standalone,
free application with no expiration and no technical support from Microsoft.

だってさ。
Firefoxでのプレビューも見たければ有料版があると。
これ便利だな、俺も落としておこう。
なお.NET Framework 3.5 が必須だということらしい。

>>637です。
内容を見ないとわからないとのことだったので
少々恥ずかしいですが少しのファイルをzipに纏めてうｐさせていただきました。
どのうｐろだを使えばいいかわからなかったので
ぐぐって最初に出てきたところにしましたが大丈夫だったでしょうか？

ttp://www1.axfc.net/uploader/Sc/so/33631.zip
ダウンロードキーは私の最初に書き込んだレス番号とさせていただいています。
お手数掛けますがよろしくお願いします。

>>655
ごめんだけどどこが適用されてないのかわからない
一見ちゃんと適用されてるように見えてるけど？

>>656
リンクにカーソルを合わせたときに
リンクされてる部分の上下にラインが出るようにしてあるはずなのですが
問題のある(？)ページのテーブル内では下にしかラインが出ないんです。
一応PC2台で確認したんですが自分のところだけなんでしょうか…

>>657
CSSのa{ }にline-height入れてみ

例
a {line-height:1.1;}
a {line-height:20px;}

>>657
CSS見にくすぎるからもうちっと簡潔に書こうな
古いビルダー使ってんだな・・・

>>658
書き込んでみたところ無事に表示されました！
本当にありがとうございます

CSS見にくすぎですか…スイマセン
自分への説明文と後に置換での色変更を考えてたらああなってしまいました orz
ビルダーは知り合いから譲り受けたものを使っていたのですが
気がついたら次々と新しいバージョンが出てまして今更感から買い替え逃してます

メモ帳でやれ

>>660
HTML4のTransitionalだからかな
xhtmlで書いたら元のCSSでも大丈夫なんじゃね？
フリーのテキストエディタのほうが使いやすいと思うぞ

NoEditorオススメ

最初はメモ帳での作り方で覚えたので
ビルダーで基本を作りつつメモ帳で修正する形ですよ(つд｀)

他に使いやすいソフトがあるならそっちも試してみようと思います。
アドバイスありがとうございました！

>>587
SGMLでは、開始タグの直後、および終了タグの直前にある改行文字は無視されることになっています
そういうブラウザを見つけたら、ブラウザの作者に報告しておくとバージョンアップの際に改良してもらえるかもしれません
この場合悪いのはHTMLではなくブラウザの方ですから、HTML文書の作者には改行を削除せよというような注意をすべきではありません

IEもFirefoxもOperaも、改行は半角スペースとして扱うけどあれって間違いなの？

サイトのロゴを<img src="" />で表示させるんでなく
CSSを使ってbackground-imageで表示させようと思っているんですが
その場合<div style="background-image:url();"></div>てな感じで
（リピートとか色々省いてます）
divの間を空にしてもいいんでしょうか？

またほかにやり方があればご教授願いたいです
お願いします

>>667
空にするのはあんまりよくないらしいよ
よくあるのは、サイト名とかを入れておいてネガティブマージンで見えなくする方法かな

>>668
いまネガティブマージンについて調べたのですが
サイト名をmarginでマイナス指定してページ外へ
移動させるということでいいんでしょうか？

text-indent-9999px;
margin-left:-9999px;

>>670
ありがとうございます

はじめましてリンクの画像の上にマウスをやったら

画像がすこし白がかかった感じになるサイトを良く見るんですけど

あれはどうやるんですか？

javascriptで書き換える
詳しくは「画像 onMouseOver」でグーグルで検索

つ hover擬似クラス

hover

cssでのロールオーバー？

>>627
リンクで無い場合はjs。リンクならcssだけでできる



<a><span>リンク</span></a>

a {
display: block;
width: *px;
height: *px;
background: url(*) 0 0 no-repeat; /*通常時に表示する画像*/
}
a:hover {
background: url(*) 0 0 no-repeat; /*オンマウス時に表示する画像*/
}
a span {
display: none; /*もしくはネガティブマージン*/
}



二つの画像を一つにまとめてbackground-positionを使うやり方もある
CSSスプライトって方法な

リンクじゃなくても出来るけどな
IE6に描写バグがあるだけで

CSSだけじゃリンクでないのは面倒じゃね？余計なtableタグとかハック使わないといけないし
少なくともIE6はhover擬似クラス対応してないし
サポートの続いてるブラウザ切り捨てるのは論外だろ

IE6 must die

セキュリティアップデートが終わったブラウザに対応するのは論外だと思うが
まともにサポートされてないブラウザだったら、サイトの人が減る心配ないならむしろ切り捨てるべきじゃない？
見れないってわかったら、まとまなブラウザに乗り換えるだろうし

a:hoverにはIE6も対応してますよ

皆が皆“ブラウザ”を理解してればそれが一番なんだけど、実際はそうはいかないよね
日常的にインターネットを利用しない人からすればOSに標準装備されてるブラウザしか使わないし
ブラウザをバージョンアップさせたりできる人ってのは案外少ないもんだよ
対応させるさせないは個人の自由でも、人に教えるときくらいは
ブラウザによっての差異がないもの教えるか、差異がある場合にはその旨を書き加えてもいいんじゃないかな

質問です

>>668-671の
サイト名をネガティブマージンでずらす方法
（あと非表示にする方法も含め）って

画像オン・CSSオン　⇒画像が表示される
画像オフ・CSSオフ　⇒サイト名が表示される

から重宝してるんですが

画像オフ・CSSオン　だと画像も
サイト名も表示されなくなるので何とかしたいです。
（img つかって alt のテキストを表示させるのは無しで）
普通にサイト名を書いて、その上に画像を背景にした要素を
重ねるとかもやってみたんだけど他にもっといい方法ってないでしょうか。

>>682
Windowsのデフォルト設定なら、すでにIE8にしてるはず。2000以外は
意味不明な固執してる人以外は、コンディショナルコメントで乗り換え方書いとけば、移行してくれるんじゃないかな

＞普通にサイト名を書いて、その上に画像を背景にした要素
これでいいじゃん。一番いいのは、画像ファイルに文字を入れないことだと思うけどね

>>683
それより楽な方法なんて無いんじゃないかな
というか、そこまで考えないといけないユーザーなんて0.1%もいないぞ

>>684
2000は現役。50代くらいの人は吃驚するくらい何も知らない・できない人が多いよ
仕事でそういう人に色々と教えることがあるんだけど、電話通じてブラウザアップデートさせるのに1時間近くかかることも珍しくない
やっぱり対応させるに越したことはないんじゃないかな。できないわけでもないし

画像をリピートさせてサイトの両端に影作ってるサイト
色々教えてくだしい

なんでimg使いたくないの？

昔alt属性に散々弄ばれて借金残して逃げられたとか

あー、altはめんどくせー野郎だよ
オルタって読むのかオルトって読むのか知らねえけどな

代替え表示なんだからオルタナティブに決まってんじゃん

alt使わずにテキスト隠そうとするとかgoogleに対する挑戦行為だろ

ただまんどいだけです

>>691
ただ、altaではなくaltで止まってるからなあ

じゃあオルツか

オルツだったらaltsだろうな

ちょっと調べてみたけど、オルトが正しいらしい
オルタネイトの略だからオルタって読んでたよ

orz

>>698
これ難しい
おるず　か　おーず　かで悩む

おるぞって読んでる

オルツだろ…

ちんこです

オルツだな

　終　　了

あなたの人生を終了してください

</人生>

>>703
は空の人生だから
<人生　/>

<人生 hp="close" />

初心者です。よろしくお願いします。
DWを使っています。
当初1台のPCでDWを使ってHP制作をしていました。
最近、もう一台PCを購入し同じDWをインストールしました。

ここで質問なのですが、
２台目のPCでも１台目と同様の作業は可能なのでしょうか？
現在１台目のPCでしか作業できません。
２台目のPCで作業できる方法があれば教えてください。

よろしくお願いします。

１台目アンインスコしろよ

>>708
同時に二台以上のPCで使うことは出来ない。
新しいPCで使えるようにライセンスを移行する手順はDWのバージョンによって少し違ったと思う。

会社で買うときとか、一台に一つ買わなきゃいけないのかな

>>711
会社は複数で使える法人パックある

スレ違いっていうか板違いだ

まあDWの質問であることには違いないなｗ

>>711
大抵のソフトには「XX台までインストール可」っていうライセンスや、
同一所在地なら無制限に使用可っていうライセンス（サイトライセンス）がある

サイトライセンスとかボリュームライセンスとかいうやつ

オレは
<人生 clear="all" />

opacity:0のくせに

>>717は「誰にも頼らず、寄っかからず生きる」って意味なんだろうか？

すべてクリアしたってことだろ

一からやり直すってことじゃね？

div#wrapper {
width:700px;
margin:0 auto;
}

でサイト全体を中央寄せにしてるのですが
一番上になぜか隙間が空いてしまいます・・・

どうにか上部の隙間の無くしたいのですがどうすればいいのでしょうか

例
http://www.css-lecture.com/template/2008/0527/sample02.html
これの上の隙間を無くしたいんです

おまえらは人生

マージン　0


だろ？

div#wrapper

↑

absoluteで位置固定

<style type="text/css">
<!--
body {
margin: 0px;
text-align: center;
}

#wrapper {
width: 800px;
margin: 0px auto 0px auto;
text-align: left;
border: 1px solid #FF0000;
}
//-->
</style>

>>722
body{
　　　　margin:0;
}

オレは
<人生 style="display: none;" />

>>726-727
ありがとうございます
うまいこといきました

すいません
あなたは最初から存在してないのでnoneしなくても見えません　

ｵﾚﾊ
<meta http-equiv="Cache-Control" content="no-cache">

だ！

>>729
死ねクズ

<body>



</body>

これだけ遅れて便乗するからにはよっぽど自信作なんだよな

だまれky

ｋｙね
便利な言葉じゃのう
寒い便乗ネタの連投は笑いの空気読めてるんか？ｗ

aky乙

つまんえ

href

を心の中でハーフと読んでいた。。

a href　を　あ ふれふ　って読んでる

hyper referenceの略だからエイチレフ

俺みたいな中途半端にしかHTML、CSS使えなくて
JavascriptもActionscriptも一切扱えないけど

知り合いが働いてる超ちっさい会社から
サイト作成依頼されて3〜5ページ5万くらいで作ってあげて

口コミで広まって結構小企業のサイト作成依頼されて

なんかそれで自身沸いてきて会社設立しようと思うんだけど
やっていけるかな

非標準のページを増やすだけだからやめなさい

ホームページ制作は営業力勝負の3K現場ですよ

商用のサイトを独学て作っておりますが 例えば休暇案内などを全ての頁一括で反映させるのはどうしたら良いでしょうか?
調べてみるとiframeでいけそうなのですが余り他で使われてないようで心配です また検索窓もあわせてそこに設置したいと思ってます 初心者ですいませんがよろしくお願いします

>>743
ドキュタイプやらXHTMLは分かってるつもり

>>744
ありがとう
それ聞いて希望無くしました

Dwってjavascriptの開発環境としてつかえるのでしょうか？
使えるとしたらjavascriptのコードの入力補助みたいな機能はあるでしょうか？

htmlである < って打ったら色々候補がでてくるようなもの

>>745
object要素を使う
PHPが使えるなら、そっちのほうがいいだろうけど

>>747
あるアルよ

actionscriptやavascriptは勉強してて楽しいんですけど
CSSはなんかこう、ムズムズするんです
カチっとしてなくて気持ち悪いんです
float:leftで（自分を基準に）なんで右に動くんですか？
CSSきもちわるい

>>750
お前は自己中心的すぎる。もっと相手の気持ちを考えろ

>>750
CSSやらんでええわ

left側からfloatするんだから右に行くより他ないだろ
脳味噌腐ってんじゃねーの？

>>751
相手の気持ちを考えるのがコツか・・・
なるほど

>>752
じゃあ、CSSをやるべき人はどういう人なんですか！

検索窓用のテキストボックスを設置したんですが
ブラウザによってコロコロサイズが変わってしまいます。
固定するためにはどうすれば良いでしょうか？

>>754
スタイルシートたんの目線で物を考えられる人だよ！

>>755
テキストボックスのフォントを固定

>>751
>>756

CSSにムカついて適当に書き込んでみたけど、俺に足りないものが少し分かった気がするｗ
2ちゃんで何かに気づいたのは初めてかも
ありがとうございます、頑張ってみます


>>753
だ　か　ら　left-side:floatとかだったらまだ解るんだよ
left　【側】　はどこから来たんだ？
もうどうでもいいけど

>>758
おまい、頭かたいなぁ　苦労するだろうよ

例え話
float　はテトリスと同じで最初に落ちた（定義された）ものが優先。
壁際に落としたもの（float:left;　でもfloat:right;）でも
そいつは壁にくっつくんだ。
くっついたらそいつも壁になるんだ。
だから2つ目のfloat:left;は最初のものの右に配置される。
最初のはもう壁だからな。
逆も同様。

残りのスペースに入りきらないときは下にずれるんだ。


わかるか？

パズル的な展開が脳内でパパッと出来ないなら向いてないわ。
ギミックやフェイクやハックを考え付きも出来ないだろうしな

何かの拍子でプロパティが固定されなくなってしまったのですが
元に戻す方法がわかりませんでした。

どなたか親切な方、お教えいただけませんか？

>>757
ありがとうです。ただボタンをCSSで画像にしてテキストボックスの右横に配置してると
テキスト枠が下にずれるんですがなんとかなりませんか？IEです。

>>763
その状況を再現できる最低限のソースを貼ってみて
それから、IEのバージョンは？

>>763-764
http://gm.bpa.nu

>>763
vertical-alignはいじった？

>>749
デフォルトであるんでしょうか？

FFFTPでCGIをダウンロードして
MSワードパッドで編集
FFFTPで上書きアップロードしてHPを更新してるんですが
500エラーが出てなにをやってもダメな状態になるときがあり
その時は新規からやり直すのですが、何がいけないんでしょうか？

おまえワードパッドって。Shift_JISしか読めんし、いらん情報付加されるだろ
メモ帳の方がましじゃん

>>769
まじで！？そんな単純なことだったの
そこらへん調べてきます。ほんとありがとうございます。

ワードパッドって（笑）

しつこくてすいません
http://www.dotup.org/uploda/www.dotup.org118647.png
のような感じでjavascriptの入力補助的な感じの機能はDwにあるんですか？

あるという回答をいただいたのですが
Dw初期状態のままで機能するのでしょうか？

秀丸erだから分かんない

marginをまとめて設定する時にautoを使いたいんだけど
#xxx {margin: 10px auto 0 auto;}
みたいな感じでautoと数字を混ぜても大丈夫？

あとmargin: 0;とかpadding: 0;って0の場合はわざわざ指定しなくていいと思うんだけど
htmlとかbody要素には一応0でも指定しといたほうがいいみたいなのってある？

>>774
autoと数字を混ぜるのはおｋ
marginやpaddingの0指定は、むしろ必要
bodyやdiv、pなんかは、ブラウザごとに異なるmargin等がデフォルトで設定されているので
綿密なデザインをしたい場合は、1回リセットするのが通例

>>772
この画像のやつはなんてやつ？

>>775
ありがとう！
ブラウザごとに違うなんて知らなかったよ
0指定しとくわ

ついでに教えて欲しいんだけど幅500pxの中に350pxのコンテンツ？があってそれをセンター寄せにしたい場合って
left,rightをそれぞれautoにするのと両方75px指定するのとどっちがいいのかな？

両方75pxだといろいろあってIEだとズレたりするから、autoでいいんじゃないかな

>>778
ありがとう！
autoを使うね

掲示板に書き込まれるスパムをアクセス制限かけたいんですが、
htaccessをかけようとしました。
.htaccessというファイルを作ったんですが、アップロードができません。
どうすればいいでしょう。

ソフトはＦＦＦＴＰを使っています。

.htaccess　FTP　やり方　でググれよ

.htraccessって一から作るもんだったっけ

>>780
激しくスレ違い

スレッド立てるまでもない質問はこちら！（13）
http://pc11.2ch.net/test/read.cgi/hosting/1251535737/

>>766
いじってみたけどなかなかうまくいかないですね。
親切にありがとうございました。

ししし、質問すみません。
CSS初トライ中です。

あ！できた！と思って喜んでいたら、
知人からFireFoxで「レイアウト崩れているよ」との事でがっかりしてます。

このレイアウトなのですが
http://www.mo-bic.jp/test/

FireFoxでは上部にmarginが出てしまいます。
IEで見た時の状態にするには、どうすれば良いでしょうか？
ググってみても、さっぱり解決に至りません。
ググり方が悪いのか･･･。

何方か、良きアドバイスを頂ければ幸いです。
よろしくお願いします。

上記URLのソースは以下です。
<BODY style="margin : 0px;">
<DIV style="background-color : gray; height : 100px;">
<DIV style="background-color : red; margin-top : 10px;">あああ
</DIV>
</DIV>
</BODY>

調子に乗ってあげときます。

DW CS4を使っています

デザインモードで「…」と入力するとコードでは「…」と置き換えられてしまいます
他にも「ω」は「ω」といった具合に

この自動置き換えを停止して、デザインモードで入力したままコードに反映して欲しいのですが、
（「…」とデザインモードで書いたら、コード内も「…」と書かれてほしい）
設定で修正したりできますか？

ご存知の方いましたらご教授お願いします

ああ、WEBに書き込みだとだめなのか
「…」と入力するとコードでは「＆hellip;（半角）」と置き換えられてしまいます
です

よろしくお願いします

&hellip;と書きたいなら、&amp;hellip;と書く

>>789
分かりにくくてスミマセン
デザインビューで「…」と入力したら
コード（ソース）自体は「&hellip;」と勝手に書かれてしまいますよね

そうではなくデザインビューで「…」と書いたらソース内も「&hellip;」と勝手に書き換えないで「…」と書いて欲しいという事です
この勝手に書き換えるのを回避する方法はありませんでしょうか？

>>785
Firefoxな。あとIE8でも崩れるぞ

小DIVのmargin-topを消して、親DIVにpadding-topを指定すればいい

>>790　コードビューで…と入れればいいだけの話。
なぜデザインビューにこだわるんだ？

>>792
そうですよね、失礼しました
今までDW8を使っていて、デザインビューで簡単な小説のようなものを書いていたのです
その歳には「…」などもコードビューで勝手に書き換えられず「…」のままでいけていたので
CS4に変えてからも同じように使えないかと思いまして
携帯向け（ドコモ機種）だと「&hellip;」などがどうも表示されないようなので、
デザインビューで書いた「…」のまま素直に変換しないで記述してくれたらなと思った次第です

無理なようでしたら、コードビューもチェックして書いていきたいと思います
ありがとうございました

>>793
ビューを分割して両方見ながら書く、
または全部書き終わってからソース内一括置換すれば

>>794
ありがとうございます
CS4を使うのであればその方法がベターのようですね
少し手間が増えてしまいますが仕方がないので、それでやってみたいと思います
分かりにくい質問に答えて頂きありがとうございました

>>791
785です。
レスありがとうございます。
当方のIE8ではこんな感じに見えます。
http://www.mo-bic.jp/test/img02.gif

FFではこうです。
http://www.mo-bic.jp/test/img03.gif

DIV1は、上付けにし、
DIV2は、上から離したいのです。

アドバイス頂いた内容ですと、
http://www.mo-bic.jp/test/img03.gif
になってしまいました。

言葉足らずですみません。

アドバイスお願いできませんでしょうか。

>>796
<html>
<BODY style="margin-top : 0px;">
<BODY style= "padding :0px">
<DIV style="background-color : gray; height : 100px;">
<DIV style="background-color : red; margin-top : 0px;">あああ
</DIV>
</DIV>
</BODY>
</html
で行けましたよ。

>>796
ごめんなさい。
margin-topとかつけちゃってた。
<html>
<BODY style="margin : 0px;">
<BODY style= "padding :0px">
<DIV style="background-color : gray; height : 100px;">
<DIV style="background-color : red; margin-top : 0px;">あああ
</DIV>
</DIV>
</BODY>
</html

>>796
また間違えてた；
初心者なんですいません。
<html>
<BODY style="margin : 0px;">
<BODY style= "padding :0px">
<DIV style="background-color : gray; height : 100px;">
<DIV style="background-color : red; margin : 0px;">あああ
</DIV>
</DIV>
</BODY>
</html

bodyが2つとは新しいな

>>797
すみません、何度も。
799のソースですと、赤のDIVが上に食っ付いてしまうんです。
赤の帯だけ、下に下げたいのですが。

赤のDIVのマージンを入れてしまうと、IEでは赤だけ動かせるのですが、
FFでは全体が下がってしまいます。

何故でしょうか＾＾；

>>799
こうしましょうね
<html>
<BODY style="margin : 0px;padding :0px;">
<DIV style="background-color : gray; height : 100px;">
<DIV style="background-color : red; margin : 0px;">あああ
</DIV>
</DIV>
</BODY>
</html

>>801
これじゃだめなの？
<body style="margin:0">
<div style="padding-top:10px;background-color:gray;height:100px;">
<div style="background-color:red;">あああ
</div>
</div>
</body>

>>802
785です。
ぐぐってチャレンジしてみているのですが、一向に解決が･･･。

ヒントだけでも頂けると幸いです。

>>801
��IEでは�≠ｶゃなくて��IE6-7などの古いブラウザ�≠ﾅは

で、>>791で普通に出来るが
文書型宣言入れ忘れて、互換モードとかおかしな表示になってるんじゃないの？

<BODY style="margin : 0px;">
<DIV style="background-color:gray; padding-top:10px; height:100px;">
<DIV style="background-color:red;">あああ
</DIV>
</DIV>
</BODY>

>>803
おおおお！
できました！
ありがとうございます！
804のレスかぶってすみません。

ありがとうございます。
何処がダメだったか、考えてみます。

とりあえずはお礼まで。

またすぐに（汗）質問させてもらう事があると思います。
みなさん、ありがとうございました。

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
</head>

<body style="margin:0">
<div style="padding-top:10px;background-color:gray;height:100px;">
<div style="background-color:red;">あああ
</div>
</div>
</body>
</html>

というか大層なサイト運営してるんだな
http://www.mo-bic.jp/

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<title>無題ドキュメント</title>
<style type="text/css">
body {margin:0;}
div#parent {background:#aaaaaa; height:6.3em; padding-top:0.7em;}
div#parent div {background:#ee2222;}
</style>
</head>

<body>
<div id="parent">
<div>あああ</div>
</div>
</body>
</html>

785です。
貼り付けたソースを見てみました。
<DIV>の中にある<DIV>で、中の<DIV>から調整する事は普通やらないものなのでしょうか？

今の例ですと、
<body style="margin:0">
<div style="background-color:gray;height:100px;">
<div style="background-color:red;margin-top:10px;">あああ
</div></div>
</body>
この場合、中のDIVの上部に10pxのマージンができるような気がしますが。
FFでは外の<DIV>にまで影響してしまいまして。。。

良かったら教えて頂けませんでしょうか。

>>810
それで外のdivに影響するならその方法使わず
さっきのやり方でやればいいじゃないですか

>>809
レスありがとうございます785です。

<div id="parent">
で調整してしまいますと、中に<DIV>が数個存在した場合、
それぞれの余白高さを変更出来ないような気がしてしまいまして。

基本的に、当方のCSSに対する考え方が間違っているのでしょうか＾＾；


>>808
そのサイトは表レイアウトなので、なんともなかったのですが（汗

>>811
レスありがとうございます、785です。

812に書いてしまいましたが、中の<DIV>が複数の場合、
どうやって調整していいものかと考えております。

すみません、質問ばかりで。

position: absolute;を使ったらいいんでないの？

>>814
レスありがとうございます。
恥ずかしながら、そんなものがあるの知りませんでした＾＾；
チラッっと調べた限り、それで解決できそうです。

無理な方法で皆さんに質問していたようです（滝汗
ご迷惑をおかけしました。

詳しく勉強してきます。
皆さん、ありがとうございました。
またよろしくお願いします！

初心者が初心者にでたらめなことを教えるのは辞めて欲しい
容量埋めと同じ

>>816ここは匿名掲示板だから仕方ない

>>815
確かにそれは見ててイライラしたわ
body2個あるとかなめてんの？

こういうところなら訂正されるからまだましだけど、よそで知ったかされると糞ページが増えるからやめてほしいね

>>819
心が狭い奴だなｗ
ちゃんとした情報欲しけりゃ本買え

私のはてなダイアリー（http://d.hatena.ne.jp/en-do/）のCSSについての質問です。 ブラウザによって、本文の左端が切れて表示される事が有るのですが、原因が分かりません.. - 人力検索はてな
http://q.hatena.ne.jp/1252585689

if IEを使って適当にやってみたら
IETesterとか使って

>>820
どういうこと？

amazonアフィリとか貼り付けてここでチェックすると「embed」とかimgの最後の/とかのエラーがいっぱい出てくるんだけど
スルーしていいの？

http://openlab.ring.gr.jp/k16/htmllint/

>>824
サイトをXHTMLで書いてるからだろ
アフィリのソースもXHTMLに書き変えろってこと
分からないならサイト自体HTML4.01で書けよ

最近CS4に乗り換えて

fontのタグが無くなっていたので、なんとかスタイルシートで置き換えましたが
今度はtableの色指定(bordercolor)が無くなっていて苦戦しています。

tableに色を付ける方法はCS4では手打ち意外に無いでしょうか？
手打ちだとページ数が多すぎてちょっとキツイです。

CSSで書く方がずっと楽じゃない……？

DWはCSS扱えるでしょ？

どう考えてもCSS使うべき
そんな古い手法は早急にやめたほうがいい

CSSモードに切り替えてtable部分をクリックしても
枠の幅や行・列
余白・間隔・ボーダーしか出ずに
色の項目が出ないんですよね

CS4を使っての、CSSでのtableの色指定のやり方が分かりません

>>830
ttp://hp.vector.co.jp/authors/VA022006/css/index.html
最初から最後まで読めばCSSが使えるようになる

それくらいのCSSも分からんでよくサイト制作しようと思うな

http://gm.bpa.nu

>>831
これは読む気になれんわｗｗ
確かに正しい知識はつくだろうけど

俺は分からないことがあったらググって
だんだん知識つけていったって感じ

>>831
すげえな、よくこれだけまとめたなw
しかもトップページに戻ると他にもたくさん書いてるしw

逆に見づらい
こんな難しく書くとCSS勉強したいって人
やる気なくなるだろうな

これ2.1？

「使い方」じゃなくて仕様書みたいなもんだからなこれ。
ある程度分かってきたら知識の抜けを確認する意味で
ざっと読んでおくと後々役に立ちそう。

テーブルの挿入で、背景に写真を挿入したところ、
なぜかその写真を複数、縦横に並べた背景になってしまいます。
例えば飛行機の社員を背景にしたら、一機しか写していなく、
そして1枚しかアップしていないはずの飛行機の写真が複数複製され、
縦にも横にも複数コピーされての背景になってしまいます。

どうすれば、このような現象を防ぐことができるのでしょうか？

宜しくお願い致します。

background-repeat: no-repeat;

repeatはずせ

>>840
>>841
早速のご回答本当に感謝します！
早速、Dreamweaverの、表示からコードを選んだのですが

<td height="72" bgcolor="#FFFF33" background="goldbotan.jpg">
<p align="center"><b><font size="5">サービスご案内</font></b><br>

background、というコードはあったのですが、repeatという文字は、
見当たりませんでした。
他に原因があるのでしょうか？

jpgのサイズ指定してください
何も書いてないのでcssだとおもたた

>>842
td要素にbackground属性なんてないぞ
そのソフトおかしいんじゃね？

あるよ

ねーよ

無い

古い規格には存在するらしいが

>>842

いいからもうこうしろよチンポやろうめ！

<td style="background-image:url(goldbotan.jpg);background-repeat:no-repeat;height:72px;">
<p style="text-align:center;text-weight:bold;font-size:14px;">サービスご案内</p>

独自拡張だから、古い規格にも無いよ

ちょっと間違えた

こうな
<td style="background-image:url(goldbotan.jpg);background-repeat:no-repeat;height:72px;">
<p style="text-align:center;font-weight:bold;font-size:14px;">サービスご案内</p>

ショートハンドで書けよ

ショートハンドで書いたところで理解できないだろ
できるだけ分かりやすくするためにこう書いたんだよ

おお！皆さん本当に有難うございます。
レス遅れてすいません。
急用の仕事でPCから離れてました。

>>843
すいません。意味わかんないです。
>>844
Dreamweaver4です・・・。
>>848
出来ました！！！涙！！！
わざわざコードまで書いていただき、
大感謝です！
有難うございます！

m(__)mm(__)mm(__)mm(__)m

>>853
俺はあなたの頭がわからないです

たしかに>>843は意味不明

>>856
お前が馬鹿なだけだと思う

DREAMWEAVERで質問です。
テンプレートを利用して作成した場合、テンプレート内にナビゲーションボタンとリンクを含めてしまえば、ナビゲーションボタンをライブラリに追加する意味はありませんか？

テンプレートで作ってしまえば、ダウン・オーバーダウンの設定はできますが、ライブラリ機能を使うとできないですよね？

>>857
背景画像のサイズ指定とかアホか？

>>859
アホすぎて死ね

四角く切り抜いた画像の角を丸くしたいのですが、

ファイヤーワークス
フォトショップ
ドリームウィーバー

このどれかのソフトにそういう機能はついてますでしょうか？

宜しくお願い致します。

その程度のことがPhotoshopでできないとかあり得ない。
他は知らんけど。

>>861
上二つはそういう画像素材も作れる画像編集ソフト
下のはそういう画像素材を使ったりもしてWebページを作るWebデザインソフト・HTMLエディタ

IEでActiveXを使わずにMIDIを再生させることは可能でしょうか？

FLASHを設置したのですが上下にスペースが出来てしまいます
上下にスペースを作らずにぴったりと上と下にある画像とくっつけて表示するにはどうすればいいでしょうか？
swfobject.jsを使って設置しています

知るかよ、ソース貼れ
フラッシュ張るくらいでJavaスクリプト使わん方がいいぞ

えっ

えっ

えっ

知らないならでてくんなw

これは酷い

どれが酷いん

swfobjectも知らない人って・・・

IE7はエオラス特許の回避が残ってた気がする。

今時企業のページとかしっかりしたところはFLASH直書きしてるところの方が少ないよ

jsファイルの話ならスレ違いじゃね？

>>869
お前のせいで「時報かよ」ができねーじゃねーか
やりなおし

初心者が初心者に教えるのは良いけど著名なライブラリぐらい知っておこうな恥ずかしいぞ

あれってXHTMLかCSSなの？

お前のあれが何を指してるか知らん

どなたか>>864わかりませんでしょうか？

>865
swfの上下に画像を配置しているなら
画像のvertical-alignを疑え。

どのブラウザで現象が起きるか書けば、
もっと、有効な回答が得られるよ！

>>882
あー、きっとそれだろうね。
img {　margin: 0;
　　　　padding: 0;
　　　　border: none;
　　　　vertical-align: bottom;}
これでどうだ？

コンディショナルコメント内にembed要素を書くことにします
ありがとうございました

初心者を一歩出たくらいの実力です
せいぜい50行くらいのHTMLを組んでlintで採点したら、エラー65、-105点となりました
たいがいは直していけそうなんですが、

「<a> に他のHTML用の属性 `target` が指定されています。」

というエラーはどう直せばいいのか、直しようがあるのか分からず、
ひょっとしてDOCTYPE宣言がおかしいんじゃないかと思い立ちました

以下の宣言はどこか変だったりするでしょうか


<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">

>>885
target属性はまじで迷惑だから廃止されたんだよ
最近は中クリックで簡単に新タブで開けるしな

ついでに文字コードはUTF-8（BOM無し）推奨

なんとおおおおおおお
target=_blank前提のサイトにしてました・・・
こりゃまいった

>>885
targetは
xhtml1.1 strictだと規格的に使えない。代わりにjavascript使う。
xhtml1.0 strictやtransitionalだとOK。

違う
xhtml1.1 strictと xhtml1.0 strictは target使えない。
xhtml1.0 transitionalだとOK。

代わりにjavascript使うってなんだよ
廃止された意味わかってんのか？

お前こそjavascript使う意味わかってんのか？
strictに準拠するためだよ

なるほど文法が正しけりゃいいってわけか

果たしてそれは準拠していると言えるのか

準拠はしてるがユーザビリティの欠片も考慮しないサイトだな

strictがメーカビリティに配慮してないから

メーカーって何だよベンダーかデベロッパーか

>>896
メーカビリティって作りやすさのこと？

>>896は>>885に対してのレス？
ちゃんとアンカー付けろよ

targetは新しいウィンドウを開いて操作に慣れない人を混乱させるから推奨されない。
うちのボスは<base target="_blank">なんて使いやがる。
前世紀からの遺物で俺の領分じゃないから見ないことにしてる。

先日、知り合いのＨＰを作ったのですが、今後の管理をお願いされました。
そこで、契約書を作成したいのですが、いまいちマッチしたテンプレートがある
サイトが見つかりません。

書きたいこと↓
�@月額○○○○円
�A支払期日→翌月○○日まで
�B管理内容
�C追加ページ作成など、作業量が多い場合は追加料金が別途必要。

よいサイトがありましたら、ご教示いただけませんでしょうか？

スレ違い

>>899
なんで896だけなんだよ

>>903
>>896だけアンカー先と離れ過ぎてて意味わからんじゃん

文盲か

target肯定派の俺のほとばしるイデオロギーが悪かった事はわかったので
スレの流れを戻してくれ

おちんこびんびん
ほとばしるカウパー

12<img src="hogehoge.gif" alt="" width="5" height="100" />34
とあった場合1234を上揃えにするにはどうすればいいでしょうか

高さそろえろよ

CSSの外部参照について。教えてください（＋＋、）

初心者です。
いくらXHTML,CSSの本や検索をしても中々理解がはかどらず、
思うようにいきません。初歩的な間違いだと思いますが、
どうぞよろしくお願い致します。ｍ（＿　＿）ｍ


index.html,works.htmlとCSSの記述場所を外部参照にし、
HPをつくろうとしています。
XHTMLの内部にCSSを記述すると認識されますが、
CSSを外部参照で指定すると、認識されずここでいう
index.htmlに記述した構文しか表示されないのです。

XHTMLファイルはindex.html,works.htmlで
（biography.htmlやaccess.htmlは後でつくります。）、
CSSはcssというファイルに、中にはstyle.cssがあります。
画像はimgのフォルダにあります。

この回答にある４つの方法も参考にしてみたのですが、
外部参照CSSは認識されませんでした。
​http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1120846271​
(次にCSSが置いてあるディレクトリ内に新規フォルダを作りその中にHTMLがある場合
<link href="../○○.css" rel="stylesheet" type="text/css">とあったので、
今はこう記述しています。<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />）

>>909
どうやってですか？

追加です。

*XHTMLソース
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"​http://www.w3.org/TR/xhtml1"/DTD/xhtml1-strict.dtd">​
<html xmlns=​http://www.w3.org./1999/xhtml"​xml:lang="ja" lang="ja">
<head profile="">
<title>***</title>
<meta http-equiv="content-language" content="ja" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
</head>
<div id="wrapper">
<div id="header">
<h1>***</h1> </div>
<div id="main"> <ul>
<li class="biography"><a href="#">>> Biography</a></li>
<li class="works"><a href="works.html#works">>> Works</a></li>
<li class="access"><a href="#">>> Access</a></li>
</ul>
</div><div id="footer"> <ul>
<li><a href="#">sitemap</a></li>
</ul> </div> </div>

最後の追加です。
*CSS
body,div,ul,ol,li,h1,p{margin:0; padding:0;}
body{ text-align:center; min-width:780px; background:#f5f5f1;
coler:#666666; fontfamily:Tahoma,"Lucida Geande", Arial,sans-serif;
font-size;62.5%;　}
h1{display:none;}h1
#wrapper{width:740px; margin:0 auto; text-align:left;}
#main a {height:100px; color:#ffffff; font-size:1.8em;
text-tramsform: uppercase; text-decoration: none; display: block;}
#main a:hover,a:active{color: #cccccc;}
#main ul{list-style:none;}
#main ul li{padding:5px 0px 5px 0px;}
#header{height:115px; margin:15% 0 0 0;
background:url(.img/image/blue.gif) no-repeat left center;}
.biography{background:url("blue.gif") no-repeat left center;}
.works{background-image:url(./img/works.gif) no-repeat left center;}
.access{background-image:url(./img/access.gif) no-repeat left center;}
#footer ul li {padding:10px; display:inline;}
#footer ul {text-align:right;}
#footer p {text-align:center;}

どうぞよろしくお願い致します。（＞＜）

長いウザイ死ね

自分でファイル置き場間違ってるとかじゃねーの

>>914
通報しました

>>911
どうやっててお前が高さ作ってんだろ？
二つの高さそろえればいいだろ

>>908
img要素に vertical-align:top;

>>918
ありがとうございます
ググってたら見つかったので出来ました

>>917
解決になってない