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

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

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

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

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

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

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

2

質問です。
ドリームウエィーバーのFTP機能が使いにくい

>>3
質問をどうぞ

3じゃないけど。

テンプレートフォルダとか意味ないから上げたくないんだけど
除外ファイル・フォルダって設定できるの？

floatを使ったらborderがおかしくなるのですが、どうしたらいいでしょうか？
<div style="border: 1px solid; width:100px">
<div style="float: left">aaa</div><div style="float:left">aaa</div>
</div>
aaaの部分も親要素のborderでかこいたいです。

あとこのfloatの部分なんですが、
同じような箱を連続で置くようなイメージで、
たまに文字が多かったりするのせいか、ずれて表示されてしまいました。
widthとheightを指定することによりなんとか崩れないようにはなりましたが、
テーブルのようにはみ出ても領域を確保してくれないので、
floatはあらかじめどんくらいのサイズが想定して指定する感じでしょうか？

>>6
＞floatを使ったらborderがおかしくなるのですが
floatしたあとにclear:both入れてる？

＞floatはあらかじめどんくらいのサイズが想定して指定する
ずれるっていうのはカラム落ちって事だと思うけど
普通widthは指定する…と思う

>>7
レスありがとうございます。
<div style="float: left">aaa</div><div style="float:left">aaa</div>
この直後に入れてみたらうまくいきました。

clear:bothは入れてたには入れてたんですが、
どこにいれたらいいのかよくわからなくて、
親要素の<div style="border: 1px solid; width:100px">
ここに入れたり、ブロック終わった後にいれていました。
中にいれなきゃいけないんですね。

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

CS4です。
コードビューでコピペしようとすると、選択範囲がおかしくなってまともに使えない問題の解決方法ってあるのでしょうか？

ググってもハッキリした解決作が出てこないです。
windows7です。
宜しくお願いします。

JavaScriptを外部ファイルではなく、HTMLに直接記述する場合、
以下のようにPCDATAをCDATAとして扱う記述を見ます。

<script type="text/javascript">
//<![CDATA[
//]]>
</script>

ただサイトによって対応していたり対応していなかったり様々です。
IE6では無視さるとのことなのですが、この対応はしたほうがよいのでしょうか。
みなさんはどうされていますか。

XHTML 1.0 Transitional の場合が知りたいです。

別に囲まなくていいよ
<script type="text/javascript">
(function(){
})();
</script>
でおｋ

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

亀だけど、そもそもSCRIPTの中はCDATAじゃないっけ

text/htmlじゃないとコメントとして扱われて動かない時もある

親戚の会社にコーディングを頼まれたんだけど
こういうときって普通はIEの文字ズーム機能に対応させるべきですか？
(font-sizeを相対指定にするってやつ)

em一択じゃない？
pxとかptにしてる人は最近みないよ

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

%とemとの使い分けはどうしてるんですか？

正直好みだよね
おそらく%の方が古いブラウザでも解釈出来るんじゃないかな

うちのドリCS3なんだが、なぜかtabキーおすと>これじゃなく小文字のaと表示される。
色々、環境設定やらメニュー[表示] > コードビューオプション > 非表示の文字 もやってみたが
なおらない
ためしにterapadから>これをコピーしてドリにペーストするとやはりaになる。
直し方を教えてください。宜しくお願いします。

font-size: ％やem; の計算って親要素との掛け算だから面倒・・・
もう、旧IEを考慮せず、pxで良いだろう。

そんないっぱい指定するようなもんじゃないだろ
body table hnぐらいなもんじゃね普通

それに絶対指定するのは宗教上の理由からオススメ出来ない(

http://www.dotup.org/uploda/www.dotup.org1854949.jpg
tableを使わないでspanでこういう感じにしたいんですけどスタイルを色々試してるのですが上手くいかず
解決方法わかる方がいたらアドバイスお願いします

<span class="clas">
<img class="a" src="" />
<img class="b" src="" />
</span>

<span class="clas">
<img class="a" src="" />
<img class="b" src="" />
</span>

<span class="clas">
<img class="a" src="" />
<img class="b" src="" />
</span>

spanだからだよ

display:block

divだと改行されてしまうのでspanにしたのですが
blockでも同じ様に・・・。

float使ってんじゃねえのかよ

画像見れんからあれだけどCSSの部分ものせてみ？

<h1 id="nantoka">
</h1>
と書くのと、
<h1>
<div id="nantoka">
</div>
</h1>
と書くのとでは意味が違うんですか？

いい参考書とかってあります？
現場でもやっていけそうなぐらいの力つけたいんですけど。

>>30
オライリーが無難

>>29
h1のnantokaに挟まれてる場所を指定してるのか
divのnantokaに挟まれてる場所を指定してるのかの違い

内容が見出しならh1
それ以外ならdiv使えば良いよ

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

>>29
<h1>
<div id="nantoka">
</div>
</h1>

は、あんま意味ない。
<h1>だけで簡潔できるなら<h1>にidやclassを振る。
<h1>内にdivを使わなければならない状況がうまれたら（そんな状況ほとんどないと思うが）、div使う。
それだけのこと。

質問
フロートクリアしたいときにブロック要素がいない場合、インライン要素（img）にdisplay:blockでクリアするってのは
あまりよくないことなんですけ？
clearfixとやらを使うべきなの？

つかh1の中にdiv入れられんし

>>36
構造が破綻してなければ問題ないよ

>>37
確かに
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.5

ttp://cpractice.seesaa.net/article/166190556.html
↑の記事を参考にして左250px固定、右可変のを作ったんですが、更にこれをカスタマイズして、
Googleリーダーのような形にしたいのですが、その場合どうすればいいでしょうか？
わかりにくいと思いますので画像にしてみました。
ttp://uproda.2ch-library.com/411313kjp/lib411313.jpg
説明不足であれば補足していきます。
ちなみにいまの状態は、左右にそれぞれheight:100%を指定したので、ヘッダー分がそれに足されスクロールが出てしまっている状態です。

ヘーダーの高さ適当というのはコンテンツの高さに依存するということかな

>>40
html,body{height:100%;} div#header{height:20%;}
div#left,div#right{height:80%;}
全体で指定するなら、wraperを100%で囲う。
または、positionでheaderを固定。
情報量が縦サイズより多くなるときの想定は？

>>29　<hx>に<div>なんて入れた事ないなぁｗ

>>36　<div style="clear:both;"></div>の空要素は本来良くないけど、
clearfixも良い訳ではない・・・
ul li float なら、clearfix か </ul>後にclearする。

こんな問題を定義したら議論する人が増えるよｗ ↓↓

>>42
意味不明

ヘッダーの高さが固定ならこれでいけるかな？
#header-inner、#side-innerは使用していないので無くてもOK
俺はやたらinner作る人なので入れてるだけ

/* HTML */
<div id="header"><div id="header-inner"></div></div>
<div id="content">
<div id="content-inner">
<div id="side"><div id="side-inner"></div></div>
<div id="main"><div id="main-inner"></div></div>
</div>
</div>

/* CSS */
html,body {height: 100%;}
#header {height:150px;margin-bottom:-150px;}
#content {height:100%;}
#content-inner {padding-top:150px;overflow:auto;}
#side {float:left;width:250px;margin-right:-250px;}
#main {float:left;width:100%;}
#main-inner {padding-left:250px;}

どうしても許せないコンテンツ構造があります
それはフッターがブラウザの中ごろとかずっと下とか
ころころと位置が移動してるサイト
コンテンツの長さに関わらず
フッターはブラウザの直下にきてないとね
もちろんおいらはそうなるようにcssで構造組んでる

DreamweaverCS4で
デザインビューで打つとコードはリアルタイムで変わるけど、
その反対はならなくて、
コードを打ったらデザインビューをクリックしないと反映されないのですが、

コードビューでコードを打ったら
デザインビューがリアルタイムに変わる設定とかありますか？

>>45
「ブラウザの直下」をまず議論するかｗ

>>40です
>>44のようにやると、どうもレイアウトが崩れてしまったので>>42のようにヘッダーを%で指定することで妥協しました
ご指導ありがとうございました。headerがpx指定できるようになったらまた来ます

YAHOOとかのページのこういうグラデーションってCSS使ってるんでしょうか？
それとも画像貼ったりしてるんでしょうか？
http://fsm.vip2ch.com/-/sukima/sukima159147.jpg

メニューとかをこういう色合いにしたいのですが、
参考になるサイトとかやり方とかCSSの要素とかあったらお願いします

>>49
普通にBG用の画像をCSSでリピート指定

ヤフーのは、こういう縦長の1枚のBG画像に色々詰め込んで高さ指定で使い分けてるね
http://k.yimg.jp/images/top/sp2/clr/1/clr-101217.png

>>50
ありがとうございます、やっぱり画像だったんですか
確かに一つの画像を分けたら複数読み込む必要ないですし楽でいいですね

>>51
しかし昨今の通信速度ならそれもあまり気にしなくていいよ
むしろ個別に差し替えとかしたい時とかでは逆に更新が手間だ

>>52
これやるの好きなんだけど
作るときすげえ面倒
パスの位置とかメモしたり
ルール考えたり

通信速度というか、接続回数の問題じゃない
大手じゃなけりゃ、ロールオーバー以外では考える必要はないと思うけど

最近独学で勉強し始めたのですが、ヘッダー画像を一番上に隙間なく配置する方法がわかりません。
Dreamweaver　CS5を使用しています。
どなたかご指南お願いいたします！

>>55
背景画像の上部に余白ができる原因は、おそらく、<h1>タグの
マージンだと思う

CSSで<h1>タグのmarginを0にすれば、余白はなくなるんじゃないか

こちとらもネットでチョロチョロ勉強中の身ですが
最初の方の行にこんな感じで書いて一旦リセットしてみてます
*{margin:0;padding:0;}

ボタンをクリックしたときに文字が右下に下がっボタンが凹んだように見えるトリック
あれって文字をどういうスタイルからどういうスタイルにしているんでしょうか？

>>55
まずは>>57と同じことしてみるといいよ
そして検索でCSS リセットなどを調べてみるといいよ

*{margin:0;padding:0;}
このような全称セレクタは使わない方が良い・・・
まずは、
html,body{margin:0;padding:0;}
これで上部の隙間が無くなるはずだが、
>>56 のように、上部ブロックのマージンも効くから

body直下が上部h1の例なら、h1の上部のmarginも殺しとく
html,body{ margin:0;padding:0;}
h1{ margin-top:0; /* その他 */}

但し、これでも隙間が空く場合がある。＞ body直下用の一部のアクセス解析・・・

>>60
なんで全称セレクタ使わないほうがいいの？

>>61
http://ascii.jp/elem/000/000/457/457749/index-3.html#tips4

>>62
良くわからないけど参考ページあんがとう

>>63
*と記述するのは楽だけど、実際の処理には各セレクタ全てに対して処理を行うから、
実際にmargin,paddingを0にリセットしたいものだけを記述する方が負荷がかからないって事じゃない？

全称セレクタ単体で使うことってなくね

単体以外にどう使えと?

* html body{ text-align:center;} * html #wrap{ text-align:left;}

*:first-child+html #nav{ letter-spacing:0;}

こういう使い方もある

>>67
それハックだし、なんか主旨が違う気がすんだよな。

E > * { } とかじゃないの

文章1　　　　　　　　　　　−−−
　　　　　　　　　　　　　　ｌ　　　　　ｌ　
文章2　　　　　　　　　　 ｌ　画像　ｌ　
　　　　　　　　　　　　　　ｌ　　　　　ｌ
文章3　　　　　　　　　　　ーーー　


上のように文章と画像を設置するにはどうしたらいいのでしょうか？

文章1　右に寄せ画像
改行
文章2

とすると画像の大きさの分、左の文章1と文章2の間にスペースが空いてしまいました

伝統のtable使えよ

ちょっと質問です
tableで

|文章１　||文章２ |
|文章４　||文章４ |

の文章を
|　　 文章1　|
と左から30pxの位置に表示させたいのですが
<table>
<tr>
<td>文章１</td>
<td>文章２</td>
<tr>
</table>
をどうやればいいのでしょうか？

>>72
cellpadding

>>73
ごめんなさい、書き忘れてました

<table>
<tr>
<td>文章１</td>
<td>文章２</td>
<tr>
<tr>
<td>文章３</td>
<td>文章４</td>
<tr>
</table>

この文章１と文章２の所だけです、本当にすみません

>>74
だから、そのtdにだけcellpaddingを当てりゃ良いじゃんｗ
cssでやりたければ、そこにpadding当てりゃ良いし。

んなるほど、ありがとうございます！

>>71
すみません、初心者なので、配置の仕方をお教えいただけないでしょうか？
スペースが空いてしまう今の配置は

文章1　<div align="right">画像</div>
<br />
<br />文章2
<br />
<br />文章3

となっています

>>77
単に回り込ませたいだけなら、
<img src="***.jpg" width="50" height="150" alt="" align="right" />
文章1
<br />
<br />
文章2
<br />
<br />
文章3

で良いんじゃない？

回り込ませないで2カラムにしたいなら、ちょと違う方法になるけど。

>>78
できました！
ありがとうございます！

<table><tr><td>hoge<img stype="position:absolute" src="fuge.jpg"><td></tr></table>
この時fuge.jpgがこの<td>〜<td>の中からハミでないようにしたいのですが
解決策あるのでしょうか？
hogeにかぶさって半透明のfuge.jpgを重ねるのが目的です
tableの位置は結構変わります

>>80
tableの位置が変わるってことは、absoluteじゃなくてrelativeで指定です。

やりたいことから察するに、htmlの組み方自体から代えないといけなさそう。
上記のソースをちょっと代えてっていうレベルじゃないような〜。

考え直して見ます
やっぱり構成が悪いですな

すまん
日本語で頼む

>>80
日本語難しかったけど自分なりに解釈してみたよ

<body>
<div style="width:248px;height:250px;position:absolute;top:50px;left:120px;">
hogehoge<br />
hogehogehoge<br />
hogehoge<br />
hogehogehoge.
<div style="position:absolute; top:0px; left:0px;opacity:0.5;background-color:blue;">
<img src="###.jpg" width="248px" height="250px" style="opacity:0.5;" />
</div>
</div>
</body>

細かいところは自分で直してね(はーと

補足?
全体を包んでいるdivの位置がずれても
画像を内包しているdivは上位のボックス左上を参照しているらしいので
全体を包んでいるdivの位置を動かしてもズレないらしい…
自分が解りやすいように色々と余計なオプションを書き込んでしまったので取捨選択して下さい

Dreamweaverでイメージ挿入してその画像を好きな位置にドラッグ&ドロップで移動させたいんだけど
どうすればできますか？

>>86
ソースの事分からないで直感的に操作したいって意味なら、
http://www.non-period.com/be/dw/8/038.html
この辺見てみれば良い。

ただ、あんまオススメはしない。

分からないことがあるので質問させてください。

950pixelという幅を指定したCSSを作成したとします（これをCSS-Aとする）。
CSS-Aの中に、さらにバックグラウンドの画像を表示させるためのCSSを作成します（これをCSS-Bとする）。
CSS-Bはpixel数を指定するのではなく、表示ウィンドウの幅に対する割合で表示するようにしたい場合、
どのようなCSS-Bを記述すれば上手くバックグラウンドの画像を表示させることができますか？
つまり、CSS-Aを飛び出してCSS-Bの画像が上手いことウィンドウ幅に対する割合で表示できるようにしたいのですが・・・。
具体的に言えば表示ウィンドウ幅に対して100%で表示をしたいと思っています。

なお、負のpixel数を使用して無理やり飛び出させて表示すると、CSS-Bの中に含まれているテキストがずれてしまうので、
それ以外の方法で分かる方、いらっしゃいましたらご教授願います。

日本語でおｋ
つかソース貼れ

>>88
サイズ固定した中にウィンドウサイズ可変のCSS？

>>87
レイヤーなんか使う人いるの？見たことない

>>91
他人の作業なんか知らんよ。
俺は使わん。故にオススメしない。

ついでに言っとくと、DWで言ってるレイヤーってのは単にposition:absoluteのDIVで、
それを直感的に移動させたり出来るってだけで、俺はその辺は手打ちするって意味ね。

>>89
ソースもなにもありません。
こういう状況で、どうにかしろって言われてるんです。
ホームページ作成すらほとんどしたことない自分には
何をどうすれば解決できるか分からないんです。
というか、解決できるのかすら分からない状態です。

>>90
そうです。
解決策があればご指導願いたいのですが。

>>94
やれる人間に外注する。

>>94
<div class="cssA">
<div class="cssB">
</div>
</div>

これ崩しちゃダメってんなら無理じゃないかね。

<div class="cssA">
</div>
<div class="cssB">
</div>

こう代えられるなら、対処のしようもあるかもしれんけど。

>>95
以前はcss詳しいというか、ネット関係に詳しい人がいたんですけどね。
辞めちゃって、詳しい人が誰もいないという状況に。
外注で見積もり取ったら馬鹿みたいに高い値段ふっかけられたから
自分達でやれって言われたんですよ。

>>96
上のパターンです。下のパターンに変えられればいいんですけど、
今使ってるソフトだとそれが出来ない仕様なんですよ・・・。
やっぱり無理ですかね？
ここだけやればいいから！って言われて色々調べてみたんですけど、
解決策がみつからなかったんですよね。

>>97
DWのテンプレートか何か使ってんのかな。
それなら、テンプレートの方を編集すれば良いと思うけど、
あなたが弄ったら大惨事を招きそうな予感がするｗｗ

>>98
DWじゃないです。
どうやらこの問題を解決するのは難しそうですね。
もうきっぱりあきらめて不可能ですっていってきますかね。
ぶん殴られるかなｗｗ
かまっていただいてありがとうございました。
それじゃ失礼します。

cssを難しく捉え過ぎじゃないかなー？
もっとプロックとして<div>でとらえたら
イージーにできない？

>>99
希望している作りと同じ
若しくは似たような動作をするサイトは無いの?

>>97
#cssB に position: absolute; を指定する

IE6は無視してOKって案件で、
テクスチャの上に複数のグラデーションが重なってるデザインなのですが、
ここは透過PNGを多用して画像容量を最小限に抑えるべきでしょうか？

おっぱいシティーを使うのもあり?

htmlのテキスト入力欄をいっぱいつくって、submitボタンを押したら
自動的にxmlファイルができあがるような方法はあるのでしょうか。

>>105
JAVASCRIPTでそこそこやれるけど、ファイル書き出しまでは難しい。
ボタン押したらテキストエリアにXMLソースが表示されるまでならやれる。

>>106
質問がわるかったです。
改めると、例えば
テキストの入力欄が３つあって、
3箇所を埋めて、submitボタンを押すと

<?xml version="1.0" encoding="Shift_JIS"?>
<book>
<title>
万葉集
</title>
<writer>
額田王
</writer>
<price>
2000
</price>
</book>

を吐き出すための
phpなどでxml作成用のサポートツール？はないでしょうか。

普通に書けばPHPで

>>107
吐き出すって具体的になんなのだ？
106で言ってるのは、その生成されたxmlをテキストフィールドに表示するからコピぺして使えって意味なんだが、不足か

ファイルに出力か？

>>109
むー、おれにもわからんのよ。
例えば、万葉集のwriterが3人だとしたら、

<writer>
柿本人麻呂
</writer>
<writer>
額田王
</writer>
<writer>
小野小町
</writer>
としたい。

そのために、2つ目のボックスの右には2個以上の場合のボタンがあって、それを押すとテキスト入力欄がひとつ現れる。
これは、はじめに宣言しておく。
(writer)+
このようにメタ文字を書いていれば、追加ボタンが表示される。
入れ子構造を表現する場合とかも定義できる。
というような一例だが、xmlファイルを表示/書き出しをサポートするツール？
のようなもの。
というニュアンスです。

日本語でおｋ

20回くらい読んだ後にアニメを見て
もう一回ココ見たら理解できたんだけど
そんなスキルは無かったと自分に愕然としました

どんな規模の文章をタグ付けしたいのかわからないけど
ワザワザブラウザでやるより
別の方法を考えた方が良いと思う
タグに内包させたい文節毎にコピペしないといけなさそうだから
素直に対応したテキストエディタかなにかでやった方が早そうなんだけど

実は、データベースのデータ作成方法なのよ。

例えば、友人の家族構成を入れるデータベースを作りたいとする。
今までのデータベースだとカラムをあらかじめ準備するわな。
本人名
本人年齢
本人血液型

妻帯者がいるかもしれんので
妻名
妻年齢
妻血液型
もカラムを準備する

親も同居してるかも知れんので
本人父親名
本人父親年齢
本人父親血液型

本人母親名
　　・
　　・

同居してるかもしれない妻の親、親の兄弟（人数不確定）、子供たち、孫たち、
など、あらかじめ準備するカラムは膨大になる。

これを解決するのが、xml。（たぶん）
xmlを直接操作できる命令を今時のデータベースは持っているらしい。

そこで、データをどのように簡単に作成するかだが、
社員全員にそれぞれの友人たちの家族構成を入力させるとすると
ウエブで簡単に入力できるようにしたらよいだろう。
これは例だけど、
そこでウエブのコンテンツをどうするか。これを悩んでいるのよ。

tableで
<tr>
<td>ｱ</td><td>ｲ</td>
</tr>
<tr>
<td>ｳ</td><td>ｴ</td>
</tr>

ｱとｲの境界線は取り払わずに
ｱｲとｳｴの境界線をなくしたいのですがどうしたら良いのでしょうか？
cellspacingだとｱとｲの境界線も消えてしまうのですが

cssで必要な所にクラスでボーダー入れました

<head>
<style type="text/css">
.bl{border:1px solid black;}
</style>
</head>
<body>
<table>
<tr>
<td class="bl">hoge</td>
<td class="bl">hoge</td>
</tr>
<tr>
<td class="bl">hoge</td>
<td class="bl">hoge</td>
</tr>
</table>
</body>

なるほど、消してボーダーをいれればいいんですねありがとうございます

上だけど何か違うよね
出なおしてきます

>>111
JavaScriptでやったらって106で言ってるじゃん。

画像を切り取る？みたいな話を聞いたんですが
例えば100×100pxの画像を
50px*50pxと4分割する事とかできるんでしょうか？
左上、左下、右上、右下と

i.imgが100×100pxの画像だとするとどのようにCSSを記述すればいいんでしょうか？
というかどんなCSSの要素を使えば良いんでしょうか？

>>121
area要素

>>122
ありがとうございます
分割や切り抜きで検索しても出てこなかったので助かりました

同じページを複数作る為にソースをコピーして新しいファイル作ったら文字化けするんですが
何故なんでしょうか

>>124
保存するときコピー元と同じ文字コードを指定してないから

>>125
有難うございます
やってみます

携帯サイトとＰＣサイトに振り分ける方法に、
ＨＴＭＬのメタタグで
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=
で、このメタタグのURL=に、
ＰＣサイトのＵＲＬを入れて飛ばすことによって
振り分ける方法があるけど

この場合、スマートフォンの場合はどうなるの？

というのは、スマートフォンに関しては、ＰＣサイトと全く同じにしたいんだけど
（つまり、スマートフォン用のページを別に作るのではなく
ＰＣサイトをスマートフォンユーザーに見てもらいたい）

スマートフォンユーザーもＰサイトのＵＲＬに飛ばしたいんです。

普通にUA見てLocationヘッダで振り分けたほうがいいんじゃね

>>128
それって、CGIとか使わんといかんのだろう？

>>128
それって、CGIとか使わんといかんのだろう？

そうだな

DreamweaverCS5 でソフトの機能を重視した参考書でお勧めのありますでしょうか？
書店で見るのはHTMLやCSSやレイアウトの解説が大部分を占めているようなのばかりで。
サイト設定関係の解説が詳しいと特に助かります。

そんなの見ればわかるやろ。
どこがわかんないのだ？ここで質問しれ

でもほかに方法はない。ほかに方法があったら教えてほしい

質問です
同じページ内に他の情報を追加させていくやり方を探しています。
具体的には、ブログなどで次のページへとやらずに《次を読み込む》で次の10件が前の10件の上に読み込まれるというもの。
Googleの画像検索にちょっと似てる。
さらに、シンプルに画像タグを追加読み込みさせるやり方も考えています。

どうすれば一番やり易いでしょうか、ご教授ください。

それjavascript。スレチ

>>135
それ、相当ハードル高いよ

XHRで読み込んでDOM書き換えるだけじゃね

<form>
数字入力<br>
<input type="text">
</form>
とやると数字入力とインプットに結構間ができちゃうんですが
この隙間を無くすにはどうしたらいいんでしょうか？

<input type="text" style="margin:0">
初心者にありがちな思い込みだけどmarginとかpaddingの初期値は0じゃない

ありがとうございます！

すんません、教えてください。人の書いたCSSが複雑でわかりずらいですんけど、これって慣れの問題なんですかね。
ドリとか使いこなせてこれば慣れてくるものなんですか。

先ずは簡単なヤツでもいいのでゼロから手打ちで作る

と全然理解できてない僕が言ってみる
いじりだした頃よりは理解力がチョットだけど上がってる

>>142
そりゃCSSに精通している方が早く解読？できるかもしれないが、
その人の書き方の問題もあるので、一概に慣れとは言えないと思う。
他人の書いたCSSを修正することほど面倒なことはない。
「なんでこんな書き方してんだよ・・・」
ってのがいっぱい出てくるし。
「これ、イチから書いたほうが早くね？」
ってのもある。

だから、他人が見ても分かりやすいように書くようにしなければならない。

>>143

どうしても手打ちが嫌いなもので。


>>144

ありがとうございます。

例えば、HTMLなら、ドリとかから見てソースが破綻してなければ、
テキストエディターでソースを追っかけるよりも楽だとおもうんですが、
CSSの場合はそのへんは期待できないですかね。

>>145
気持ちは分からなくは無いが、そういうアプリケーションじゃないぞ。
イラレやフォトショもそうだけど、アプリなんてのは元々アナログ手作業なものをデジタル化して、
あくまでも効率を上げる為のツールなんだ。
楽に出来るようにはなっているけど、物作りの根本的な知識や理解が無いやつが使っても、
そのアプリを最大限利用できるわけがない。

ドリも同じで、HTMLやCSSの知識、ウェブ全体の仕組みを理解していて、手打ちでコーディング
出来るヤツにとっては、さらに効率化を図ってクォリティの高い仕事を素早く出来るようになる。
分からない、覚えたくないってヤツが楽にして使う為のものじゃないと思うんだ。

俺はそういう風に現場で後輩達に指導している。

>>146

ご意見ありがとうございます。

もし別のご意見の方がいたら、お願いします。

こんな感じで
￣￣￣￣￣￣
一行ごとに下線引く方法ってありますか？

>>148
text-decoration:underline;

>>147
手打ちが嫌いなら無理だし
理解したトコロで何の意味も無いのだが…

気に入らない出来合いの効果を直せるのは
手打ちが出来るヤツにしか不可能だろ

>>149
理由なくaのラインだけしか使えないと思ってました！
なるほど。

>>147
うちの会社にも、仕事上の意見が食い違うと、賛同者が出るまでいろいろな人に電話を掛け続ける人がいるが、正直困った人。

>>146
イラレは特に、postscript を理解してると操作が楽だな。

>>153

もし、そういうことならなら、仕方が無いです

ウム
仕方無し仕方無し…

>>148ですがすいません
文字のしただけではなく文字がある行の下はMAXまで下線ニョーンみたいなのってできますか？

あるリンク用の画像（.png）を、
カーソルが上に来た時だけ別の画像に差し替えたいのですが、
そういったことはどうやれば実現できるでしょうか。

一応、目的を書いておきますと、
画像にカーソルを重ねても画像が変化しないと、
その画像がハイパーリンクであることに気付いて貰えない可能性があると思って、
カーソルを重ねた際にリンクであることを伝えるために視覚的な変化を付けたいのです。

>>156
listとmargin-bottomじゃダメなのかい？

>>157
ロールオーバーなんて、色々やり方あるでしょい。

>>159
ありがとうございます。
その「ロールオーバー」という言葉を教えて頂いたお蔭で
後は自力で検索して何とかなりそうです。
どうもありがとうございました。

<div id="main">
<h2>テーマ</h2>
<div id="conte">
なんとかかんとか
</div>
</div>
として、mainのheightは指定しないで、
内容量によって伸びてくれたらいいなって思ってるんですが、
閉じタグもちゃんとつけてるのに、伸びてくれません。
なにか考えられる原因ありますでしょうか？

mainとconteの間に文を入れると伸びてくれます。
ボックスの中にボックスだと自動に伸びてくれないのでしょうか？

内容量で変わるはずだけどなぁ
考えられる原因としてはdivとか親要素にCSS適用しちゃってるかブラウザのバグだと思うよ

普通は変わるね。
floatとか指定してたら高さがなくなってしまうことはあるけども。
そういうことでもなさそう。
各ブラウザで同じ感じなのかね？

RSSの枠を大きくする方法
それとRSSと記事本文の距離を離す方法
それとRSSの枠を2枠にする方法


質問ばかりで申し訳ないがよろしく頼む

こんにちは。質問させてください。

表のセルの背景をCSSで管理しているのですが、
複数のセルの背景をまとめて変更する方法はありますか？

すごく昔に使っていたDWでは、別のウィンドウがあり
それをクリックしたらまとめて変更出来ていたのですが、
現在CS４では出来ません。

ひとつひとつはクラスの変更で出来るのですが、
まとめて選択し変更すると元のままです。

分かりにくいかもしれませんがもしわかる方いらっしゃいましたら
よろしくお願いします。

>>164
width: いっぱい
margin: いっぱい
border-style: double

>>166
せめてマトモな回答してくれ

ちなみにサイトキャプってきた、こんなにRSSの枠が小さくて不便なんだ
http://www.dotup.org/uploda/www.dotup.org1918810.jpg

枠が大きくなれば2枠じゃなくて1枠でもいいかなーと思ったりしてるけど
誰か回答頼んます

追記
RSSの枠が小さいし本文との距離が近いし不便なんだ

ちなみにRSSの枠の設定はこんな感じ
連投すまぬ

<div style="width:450px;height:100px;overflow:auto;background-color:#FFFFFF;scrollbar-arrow-color:#000;scrollbar-base-color:#ccc;border-top-style:groove;border-left-style:outset;border-bottom-style:groove">ここに文字を入れる</div>

あ、枠の大きさについては自己解決
出来れば枠を2枠にする方法も教えてほしいなあ（ﾁﾗｯ

ついさっきブログ開設したんだがどれくらいでHPの検索に引っかかるようになるんだ？

HPって検索事業もやってたのか

インデックスされるまでの時間によるんじゃない

あ、枠を二つにするっていうのも自己解決出来た

後はRSSの枠と記事の距離を離したい、という質問だけなんだけど・・・
誰かお願いします

>>171
ブログではなくてhpの話だけどGoogleは結構すぐだった(3日ぐらい)
yahooはなかなかいつまで経ってもという感じだったちなみに3年前の話

>>174
お前はやれば出来るこだから、それも自己解決しろ。

>>171
内容によっては半日かからずに検索のトップに上がった経験有るよ>google

>>163
ありがとうございます。
float指定してました。
それで調べたらclearfixっていうので解決させることがわかりました。
でもいろいろやり方があったり、Netscapeにまだ対応させていてシンプルじゃなかったり、
うまくいかなかったりで混乱しました。

今回はそのページだけだったので、苦肉の策をとりました。

今後のために、みなさんの俺はこのやり方でやっているという意見を
聞かせてほしいです。

ホームページを作ろうと思っているのですが、CSSの内容がhtmlにちゃんと反映されません。
何かcssの記述の手順に問題があるのでしょうか？

html, body{
margin: 0; padding: 0;
text-align: center;
}
div, p{
margin: 0; padding: 0;
}
#header{
width: 100%;
background-color: #000000;
margin-bottom: 5px;
}
.header_container{
height: 100px;
width: 500px
background-color: #ffffff;
border-bottom: 1px solid #a9a9a9;
margin: 10px 0px;
}
.header_text_location{
font-size: 120%
font-weight: bold;
color: #ffffff;
line-height: 100%;
padding-top: 5px;
padding-bottom: 5px;
}

html側は以下のように記述しています。
とりあえずヘッダーだけを表示させようとしています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>test</title>
<meta name="description" content="">
<meta name="keywords" content="test">
<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/test.css">
</head>
<body>
<div id="header">
<div class="header_container_100%">
<div class="header_text_location">
header
</div>
</div>
</div>
</body>
</html>

分かる方よろしくお願いします。

よくみたら間違いがあったので訂正します。

css

.header_container{
height: 100px;
width: 500px /* 「;」を追加 */
background-color: #ffffff;
border-bottom: 1px solid #a9a9a9;
margin: 10px 0px;
}

html

<body>
<div id="header">
<!-- 次の「header_container_100%」を「header_container」に変更 -->
<div class="header_container_100%">
<div class="header_text_location">
header
</div>
</div>
</div>
</body>

訂正は以上です。
IEやFireFoxで表示させると、「#header」のcssは反映されるのですが、
「.header_container」のcssが完全に無視され、
「.header_text_location」の一部だけが反映されたりします。
文法ミスなどがありましたら、ご指摘をお願いします。

>>180
header_container_100%　っていうタイプミスなだけじゃなかと？

>>181
別に問題なく反映されるけどね。つかなんでコピペでそういうグダグダな間違いすんの？
参照してるtest.cssを保存してないとか低レベルのミスもしてそうだな。

>>182

実際にはタイプミスはないのですが・・・。
ブラウザで表示させると、「.header_container」のcssがまったく反映されず、
「.header_text_location」のなかのcolor、padding-top、padding-bottomの項目だけ反映され、
font-size、font-weight、line-heightが反映されないような状況になります。

cssを初めて書いてみたのであまりよく分からないのですが、cssの中身の一部だけが反映されるってことはあるのですか？

>>183
保存はちゃんとしています。
テキストの大きさや太さもちゃんと変わりますか？

今別のパソコンにデータを移して試してみたのですがやっぱり
正しく反映されない状態でした。

ソース全部そのまま貼ってみ

>>185
「.header_text_location」のfont-size: 120%の後に「；」が
書かれてないのが原因じゃないか？

>>184
「.header_container」　で　color、font-size、font-weight、line-height　を指定したって、
その後の　「.header_text_location」　でまたそれらの値を上書きしとるわけよ。
だから「.header_container」の効果が見えないってだけのこと。

セミコロンが所々抜けてるのと header_container_100% を修正すればいいんじゃないの
http://jsfiddle.net/z9cwD/1/

CSS初めてなんだったら細かいことは気にせずもっとじゃんじゃん作れよ

まさかとは思うけど「"header" の文字が見えないぞ」ってことじゃあないよね？
color: #ffffff; background-color: #ffffff; 指定してるから当たり前なんだけど

みなさんありがとうございます。
とりあえずソースをコピペします。まずはcssから。
html, body{
margin: 0;
padding: 0;
text-align: center;
}
div, p{
margin: 0;
padding: 0;
}
#header{
width: 100%;
background-color: #000000;
margin-bottom: 5px;
}
.header_container_100%{
height: 100px;
width: 500px;
background-color: #ffffff;
border-bottom: 1px solid #a9a9a9;
margin: 10px 0px;
}
.header_text_location{
font-size: 120%;
font-weight: bold;
color: #ffffff;
line-height: 100%;
padding-top: 5px;
padding-bottom: 5px;
}

次はhtmlのソース貼ります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>test</title>
<meta name="description" content="">
<meta name="keywords" content="test">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel=stylesheet type="text/css" href="css/test.css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

</head>
<body>
<div id="header">
<div class="header_container_100%">
<div class="header_text_location">
header
</div>
</div>
</div>
</body>
</html>

>>193
クラス名に％なんて記号をつかったらダメ。
はい終了。

タイプミスはない　とか　ちゃんとしてます　っていうやつって大概グダグダだよな
もっとちゃんと自分を疑え

>>192-193
>>181といってることが真逆だな

>>186
貼りました。

>>187
その通りで「.header_text_location」については正常に表示されるようになりました。
ありがとうございます。

>>188
「.header_container」　ではcolor、font-size、font-weight、line-height　を指定していません。
「.header_container」　ではidの要素内、つまり黒いバー状のヘッダー内部に
白いテキストが表示される枠をつくろうと思っているのです。

>>189
セミコロンが抜けていたのは原因の1つでした。
しかし、「.header_container」についてはどのようにすればいいのか分かりません。

>>190
この調子でヘッダー、コンテンツ。フッターを作成するつもりが一つもちゃんと表示されないので
ずっとここでとまっていました。もう10時間も本とパソコンと格闘しています。。。

>>191
「header」と言う文字は白で表示されています。本来であれば191さんのいうとおりになると思うのですが、
「.header_container」による白いバックグラウンドの枠ができないのです。だから「header」という文字は現在みえています。

>>196
まさにその通りでした！
自分が表示させたいようにはできていませんでしたが、
これから色々とcssをいじって勉強していきたいと思います。
どうもありがとうございました。

>>197
なんとかちゃんと表示させようと、test用のhtmlとかcssをいくつも作ったので、
どれがどれだか分からなくなってしまい、変なソースを貼ってしまっていました。
すいません。

だんだん眠くなってきた・・・
ちょっと眠らせてもらうよ、パトラッシュ・・・

向いてないな

え？解決したってこと？

アンカーまで、めちゃくちゃになっていました。
すいませ。
ちょっと休みます。

%のせいだな
aho

おまえらってWEBクリエーターなの？趣味なの？死ぬの？

質問があります。デザインビューの右下のほうに
[ボタン3つ 100% 1353 × 893 1k/1秒 日本語 (シフト　JIS)]
とあるのですが1353 × 893 の部分をいくらクリックしても灰色になってて変更できそうにありません。
最大化状態ではできないそうなのでRestoreを押して見てもやっぱり押せないんです
CS4のバグなのかとおもってCS5にあげて見たけど・・・駄目！
PCが対応してないんですかねこれ

>>204
そりはデザインビューが全画面（ドッキング状態）だから。
ウィンドウを分離するボタンあるよ。もしくはウィンドウメニューから「重ねて表示」などを選択。

>>205
できました！！ありがとうございます
全画面ってそっちかorz

ちょっと自分で試行錯誤すれば分かるような質問多くないか？
そもそもリファレンスに書いてあるレベルの話だし。

困ってれば助けてやりたいけど、簡単に乗り越えられたレベルの質問が多すぎる。

ここは優しく答えるスレだからいいんじゃん？
厳しくしたいならこのスレ閉じろ

難しい質問に優しく答えるのなら良いと思うけど
すぐに分かる質問に対して甘やかすのは駄目だろ

DreamweaverCS4のデザインビューで
divの枠をクリックすとmarginが可視化されますが、
画像はdivをつけても、枠をクリックしても表示されないのですが、
画像でそれを表すにはどうしたらいいでしょうか？

また、この機能ってなんて名前なんですか？

ストリクトモードって何か実利はあるんでしょうか？
軽くなるとか、どのブラウザでも互換性ばっちりとか。

>>211
https://developer.mozilla.org/ja/JavaScript/Strict_mode

すみません、HTML 4.01 Strictのことです。

初学者のためにTransitional型とかがあるだけ

>>213
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.2

>>213
非推奨属性を使わなくていい
CSSとHTMLの分担がはっきりしてわかりやすい
HTML5に移行しやすい
1から制作するのにTraditionalにする理由がない

両端いっぱいまでにヘッダーを表示し、その内にサイト名を入れたいのですが上手くいきません。
どうすれば直るのでしょうか。
/* ヘッダー */

div#header {
border-bottom: solid 5px #a3d2f2;
padding-bottom: 10px;
margin-bottom: 20px;
width:100%;
height:120px;
background-color:#2a2a2a;
}
div#headerContents{
margin-left:auto;
margin-right:auto;
width:900px;
}
div#headerContents h1{
font-size:1.875em;
}
div#headerContents h1 a{
text-decoration:none;
color:orange;
}
div#title{
margin-top:10px; <!--←この行を入れると上手くいかない。タイトル部分のみを下げたいが、全体が下がってしまう。-->
}
div#header p#desc{
font-size: 0.75em;
color: #444444;
}

<!-- ヘッダー -->
<div id="header">
<!--ヘッダーの内容-->
<div id="headerContents">
<div id="title"><h1><a href="<?php echo home_url(); ?>">
<?php bloginfo('name'); ?></a></h1>
<p id="desc"><?php bloginfo('description'); ?></p>
</div>
</div>
</div>

ご教示お願い致します。

>>218
文字置きたいところにダミーでいいから文字置いてくれないと、やりたいことがわからんよ

>>217-218
外側のボックスにパディングも枠線もないとそうなる
外側のボックスで padding-top: 1px; とか指定してやれば、h1 のデフォルトスタイルで勝手に下がる

>>219-220
できました。本当にありがとうございます。

んでおまえらってWEB制作会社勤務なの？

んなわけない

白いdiv要素のブロックを作ってdisplay:inline-block;で横に並べました
http://www.dotup.org/uploda/www.dotup.org1949671.jpg

高さがバラバラなので、下を基準に揃えてますが、これを上寄せでそろえるにはどうすればいいのでしょうか？
top:0pxではダメでした、positionはrelativeです

vertical-align

>>225
できました！ありがとうございます！
ここ3日間ぐらい試行錯誤してもできなかったんで思い切ってココで聞いてみたんですが
本当に助かりました。ありがとうございます

こんなふうに

本日のメニュー　　　　　　　　　　　　　　ランチ

のように表示する場合特殊文字空白を使って間を開けるのと
ボックスで区切って間を開けるのとどちらが正しいのでしょうか

空白文字とか環境によって幅が違いそうだし、文字数が増えた時のこと考えたら
ボックスでcssレイアウトが汎用的っぽいけど、
どっちでもいいんじゃね。

メニュー表ならテーブルで組めば？

なんでもすべてCSSというわけじゃなく、本当の表はTABLEでいいでしょ。

<table>について質問です
<td></td>の部分で
______________________
|テスト　　　　　 　|
|　　　　　　　　　　|
|　　　　　　　　　　|
|_________abc________|
としたい時

<table>
<tr>
<td>テスト<span>abc</span></td>
</tr>
</table>
のabcをどうしたらいいのでしょうか？、abcをセルの最下部に表示させたいのですが
テストの文字を左上に配置するのはわかるのですが

枠は表示状態なの?
非表示なら二つのセルに分けたほうが管理も楽そうなのだけど

<table>
<tr>
<td>テスト<br><br><br><div align="center">abc</div></td>
</tr>
</table>

どや？

「バインディング」の「レコードセット」で、SQL入力して確認する画面で
日本語が文字化けするのですが、どうやったら正しく表示できるでしょうか？
ファイルや、データベースのデータはUTF-8にしています。
実際のサイトの表示では問題ないのでDreamweaverの設定の問題だと思うのですが。
バージョンはCS5です。

>>231
tdにvalign="bottom"と言うのがあるがそれじゃだめか

>>234

SET NAMES UTF8というクエリを先に実行させる。
以下のPHP。
mysql_query("SET NAMES UTF8");

このスレにはこのあたりがわかる人はあまりいないかも知れない。

たまに、リンクで
普段は下線が無いんですが、マウスが上に乗っかると下線が出てくるのありますが
あれってCSSだけでできるものなんでしょうか？

>>237
はい。できます。

>>246
mysql_set_charset('utf8') 使わないと駄目なんじゃないの

<html lang="ja">
<meta charset="UTF-8" />
<style>
body{margin:0;}
select#urlList{
width:500px;
height:24px;
font-family:"monospace";
font-size:20px;
margin:0px;
padding:0px;
border:1px solid;
border:0;
background-color:red;
}
button#submit{
height:24px;
margin:0px;
padding:0px;
border:1px solid;
border:0;
background-color:red;
box-sizing:border-box;
}
</style>
<button id="submit">送信</button><select id="urlList">
<option>test</option>
</select>

selectとbuttonを同じ高さで同じラインに表示させたいのですが
selectはドキュメント枠の上にぴったりなのに、buttonの上部がが1px〜2px(ブラウザによって違う)開いてしまいます
この幅は何故開いてしまうのでしょうか

パーツ毎のマージンやパディングの初期値を感じるんだ!!

>>241
両方ともマージン、パディング、ボーダーも一致させ、デバッグツール(ChromeとFX)で同じ値が適用されているのを確認したのですが
何故かボタンだけmargin-topの様なものが発生してしまいます

<select id="urlList"><option>test</option></select>を消せばボタンはmargin-topはゼロになるのですが
リストボックスがあるとmargin-topのような物が発生してしまいます
他のエレメントに影響されるって何故だ

>>242
我が家の環境Mac safari chrome firefoxで試した所
位置関係がズレたりしたのが
background-color
font-size
height
辺りだったかな
びっくりしたのがhtmlのタグをドコで改行するかでもパーツにズレが出た所
やっぱりブラウザ毎に空き具合が違うから
きっかり合わせたければブラウザ毎に対応させたモノを作るべし
position使ってみた?

それと
font-sizeとheightが全然合ってないぞ
書く順番でも表情が変わるから色々試して経験値を積むしか無いと思う…

CS5なんですが、バリデーター機能の「現在のドキュメントをバリデート」が常にグレーアウトされていて使えません。
使えるようにするためには何か設定が必要なのでしょうか。
原因わかる方いましたら教えていただけると助かります。

>>244
私はエクステンション入れてる。
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2188524

>>240
box-sizingに対応しているブラウザで試してる？
ベンダー接頭辞の有無にもご注意を

DreamweaverCS5.5でレコードセットナビゲーション？で
次へとか前へとか最終へとかは出来たんですけど
1.2.3.4....みたいに数字のリンク付けたいんですけど
どうやればできますか？

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

CSSでline-heightの値を指定した場合で、同ページ内の一定の部分（空行・改行）だけ
normalの行の高さにしたいのですが、何とかならないものでしょうか？

>>249
逆に考えられないかな?
html{line-height:空行や改行に設定したい値;}
にしといて
文をdivかなにかで囲えばイイじゃん?

質問です。
IE8のみ、一部ブログサービスのテキストフィールド？
（日記の内容が書かれているところ）でカーソルがテキスト編集カーソル
（I　←こんな形のやつ）のまま、タグを弄っても変更できません。

カーソルはページのオート、リンクはポインタ、文字はテキストと指定しているのですが
テキストフィールドは全てＩのカーソルになってしまいます。
何に原因があるのか分からず、ご存知の方いましたら教えて頂けると助かります。

<STYLE type="text/css">
<!--
BODY{
cursor : default;
}
A{
cursor : pointer;
}
P{
cursor : text;
}
-->
</STYLE>

そのテキストフィールドとやらにcursor指定してないんじゃないの

DW CS5です
マルチスクリーンプレビューのスマートフォンとタブレットの表示を消すにはどうしたらいいでしょうか？
それと、マルチスクリーンプレビューに同時に複数のコードを読み込ませて
マルチスクリーンプレビューのウィンドウの上のところでタブ切り替え、とかはできないでしょうか？

cssでfont-weight:boldしたときに横幅変わんのどうすればいいの？

どうしたいの?

>>254
固定幅フォントを使えばいい

質問。

１）前提条件
* {padding:0; margin:0;}

２）あるセレクタのパディングを上は0のままで、右下左を10pxとする

a.右下左を個別に指定する
.foo {padding-right:10px; padding-bottom:10px; padding-left:10px;}

b.ショートハンドで上も含めて指定する
.foo {padding:0 10px 10px;}

個別に指定する方法は文字数や行数が増えファイルサイズがでかくなる。
ショートハンドだと特定のプロパティを同じ値で複数回定義することがあり、これも処理速度的にマイナスになっている気がする。

趣味程度の知識しか持っていないおまえらにさほど期待していないがてめーらどういう書き方してるのか教えやがれです。

先ず1)の時点で愚問です
却下

test

■質問です。
CSSの横並びメニューで、全体幅に対してセンター寄せにしたいのですが、
どう書けばよいでしょうか？
※メニューの入れ替えがすごく多いので全体幅のみ指定して、
できるだけulの幅をCSSで指定しないようにしたいです。
（必要ならば画像のサイズは指定してもOKです）
※テーブルで幅指定しないと内側の要素に応じてテーブルが
可変してくれますがそういう使い方がしたいです。
（しかも見た目はセンター揃え）
▼CSS
#menu {
width:1000px;
background-image:url(../image.gif);
background-repeat: no-repeat;
}
#menu ul {
margin:0 auto 0 auto;
padding: 0;
}
#menu li {
float:left;
margin:0 5px 0 5px;
padding:0px;
}
.clearfix{
/*省略します*/
}

▼HTML
<div class="menu">
<ul class="clearfix">
<li><img src="common/images/menu1.jpg"></li>
<li><img src="common/images/menu1.jpg"></li>
<li><img src="common/images/menu1.jpg"></li>
<li><img src="common/images/menu1.jpg"></li>
</ul>
</div>

CSSにはid(#)で指定しているのに
HTMLではclassですか?
何も機能してないんですが…

文面から読み取ってテケトーに作ってみたよ
<head>
<style>
.menu {text-align:center;}/*センタリング*/
.menu ul li {list-style:none;border:1px solid lightgray;display:inline-block;}/*解り易くなる様にボーダー入れた*/
</style>
</head>
<body>
<div class="menu">
<ul>
<li>ココの</li>
<li>幅に</li>
<li>関係なく</li>
<li>ウィンドウの</li>
<li>幅に対して</li>
<li>中心になるよん</li>
</ul>
</div>
</body>

FC2ブログを使っているのですが、TOP絵の上にこんな感じでスペースができてしまっています。http://iup.2ch-library.com/i/i0413628-1315454975.png
このスペース部を詰めるにはどのような記述が必要でしょうか。
該当部のHTMLとCSSはこんな感じです。

・HTML
<div id="header_outline">
<div id="header_body">
<div id="header">
<a href="<%url>" title="<%blog_name>">
<img src="http://www.********************.png" title="<%blog_name>">
</a>
</div>
</div><!--/header-->
</div><!--/header_outline-->
--------------------------------------
・CSS
#header_outline {
border:2px solid #ffffff; /* 外枠の色 */
margin-bottom:1px; /* ヘッダ下間隔 */}
#header_body {
background-color:#ffffff; /* 背景色 */
border:1px solid #ffffff; /* 内枠の色 */
width:990px;
height:240px;
background:#666666 url(http://********************.png);}
#header {height: 240px;/
background: url(****************************.png) no-repeat left top;
text-align:right;/* 1行追加 */}

いろいろ試してみたのですが、どうにも解決できなくて…
どうぞよろしくお願いします。

marginとpaddingの設定がmargin-bottom:1pxしか見当たらないんだけど
釣りだよね?

>>265
釣りじゃないですwww

margin-top:0px:
padding-top:0px:

は挿入して試してみたのですが、変わらずでした…

無論
html,body{margin...
もやったんだよな?

>>267
やってみました。変化なしです…

いろいろ試してみたあとの再現できるソースは？

何がドコまで影響しているか調べる為に
バックグラウンドカラーやボーダーを表示してみるのがイイヨ
フロートしちゃうと変になるけどね…
あぁボーダーは使ってるか

>>269
とりあえず上がっているmarginやpaddingは色んなところに貼って試したのですが、
表示上は変化なしというかスペースはそのままでした。

>>270
スタイルシートの背景色を変えてみたところ、
問題のスペース部はbodyや#outlineの背景色を変えても色が変化しませんでした。
bodyやoutlineの影響のする枠外にあるようなのですが、このスペースは一体どこに属しているのでしょう…

IEだけIMGタグのGIF画像が表示されません。
クローム、ファイアフォックスでは同じソースで問題なく表示されました。
ネットで調べたところ画像データに問題がある場合にそういう症状がでるらしいのですが
問題の画像を直接IEで表示させてみたところ表示されました。
何が問題なのか分かりません。
エスパーさんお願いします。

>>271
一箇所じゃなく全部にマージンやらを設定してみたか?

>>272
自分で答えを書いているじゃないか
取り敢えずはGIF画像を違うアプリで作りなおしてみるのが早いのでは?

>>271

どの環境で検証しているのかも書いたほうがより良い回答が得られるぞい

ブラウザバージョン
IE 8
FF 3.6
GC 13.0.782.220

画像はwindows標準のペイントで書いて.pngで保存して
gimpで形式変えて再度保存してるんだけどこれがだめなのかな？

なんか解決しました
IEのセキュリティ設定が駄目だったみたいです・・・

IEの情報バーで許可し損ねたコンテンツって
どうすれば許可できるんでしょうか？

>>271
再現できるソースか、せめてブログのURL張れよ

レジストリいじったらなんとかなりました。

>>263
ありがとう。
でもinline-blockはIE6.7に対応させようとするとめんどいみたいだね。
でも方法がわかりました。ありがとう

>>278
http://tommorow23.blog.fc2.com/

です。

bodyの設定を一字一句見直せ

アナライザーを外してみると…

それと
fc2_headbar等の自分で作ってない要素等の設定ってどうなんでしょうか
銅では無いのは知ってるぞ!

>>282
うわ！解析タグ外したらスペース埋まったwwwありがとうございます！！！

でもこの解析タグ、どこに埋めればいいんだろう。body下がベストだと思ったのだけど…

>>282
タグを</body>タグ直前に貼りつけて解決しました！
本当にどうもありがとうございました。

まぁ今更感が凄いのですが2chまとめってまだ需要あるのか?
反感多いと思うけど他にはない面白さを見付けてくれ
見た限りだと他と被ってる記事多すぎる

>>285
アドバイスありがとう。
しばらく暇なんで暇つぶしがてら開設してみたのだけど、いけるところまでやってみますw

javascriptはスレチですか？

なにそれ釣り

ドラッグ時に出る青い枠を表示しないようにする方法ってありますか？

どの環境で何をドラッグした時に出る青い枠を表示しないようにしたいんだ?
ってココまで聞かないとちゃんと質問できないのか?
帰れ!

優しいな

だって優しく答えるスレだもん

ブラウザ上でテキスト等をドラッグしたら
青く反転するじゃないですか？
あれを出ないようにする方法ってありますか？
画像をドラッグで動かせるようにしたいんですけど
青く反転してしまうのが見た目に残念なので
どうにかしたいです。

うちの環境では反転しないぞ

>>290をもう200回程読んでくれ

俺の環境でも反転しないな・・・
というかどういう状態なのかいまいち良く分からないんだが俺の日本語力が足りないだけか？

htmlタグのソースを自動で読み取り自動で書き込めなくする事ってできるんですか？

>>295
多分ウチラのせいでは無いと思うよ
>>296も意味が分からないもん

どうやっても分からないので分かる方教えてくださいm(__)m

http://gazoy.com.s3.amazonaws.com/s/92f/orig.jpg
↑
この7列のメニューを5列にしてその幅を均等にしたいのですがどうやったらいいでしょうか？
今のタグは以下のようになってます

<tr>
<td colspan="3" id="mainmenu">
<ul>
<li><a href="index.html">トップページ</a></li>
<li><a href="#">当サイトについて</a></li>
<li><a href="#">ショッピングガイド</a></li>
<li><a href="#">ショッピング</a></li>
<li><a href="#">よくある質問</a></li>
<li><a href="#">店舗紹介</a></li>
<li><a href="#" class="last">お問い合わせ</a></li>
</ul>
</td>
</tr>

>>298
おいCSSも貼れよ

>>299
おねがいします<m(__)m>


/*ページ上部メインメニュー
------------------------------------------------------------------------*/
#mainmenu {
padding: 0px;
}
#mainmenu ul {
line-height: 40px;
height: 40px;
border-bottom: 1px solid #999999;
background: #FFFFFF url(images/mainmenu_bg.gif) repeat-x; /*メニュー背景のグラデーション画像指定箇所*/
}
#mainmenu li {
float: left;
}
#mainmenu ul li a {
display: block;
width: 147px;
text-align: center;
border-right: 1px solid #999999;
color: #333333; /*メニューの文字色*/
text-decoration: none;
}
#mainmenu ul li a:hover {
background: #f5f5f5; /*メニューカーソルオーバー時に背景色をこの色にする*/
}
#mainmenu .last {
border-right-style: none; /*一番右のメニューの右境界線を消す設定*/
}

先ずは>>298のリストを7から5に減らす
コレはわかるよな?

適当に逆算しただけだから判らないけど削除前のメニューの全幅が
(147px+1px)*7=1036px っぽいので
今度はコレを5で割って1マスが207前後(割り切れないので)
207-1が206だから#mainmenu ul li aのwidth:147;を206に書き換える

補足

計算間違えてた
(147+1)*7-1=1035
(1035/5)-1=206

そして最後の<a href...>タグ内にclass="last"を書き込んで完了かな?

>>301
今それ見てやってみたら出来ました
計算方法まで親切に
迅速な対応ありがとうございす（＾−＾）

うううう

何か計算に納得行かないけど
後は適当に直してくれ

>>302-304
了解ですありがとう（＾−＾）

>>293
selection 疑似要素とか、event.preventDefault のこと？

<frameset rows="50%,*" frameborder="1" border="4">
でフレーム周りの微妙な線を消したいんですが
frameborder="0"にすると中央の境界線まで消えてしまいます

周りの境界線だけを消したいんですが、方法とかあるんでしょうか？

すみません、サイトにメールフォームを設置したくて無料配布のものを置いてみたのですが、
コメントの送信自体は問題なくできるものの、コメント確認画面で改行が全て無視
されてしまいます。配布サイトでは「無料素材の質問には答えません」となっているので、
申し訳ないですがこちらで質問させていただきました。

とりあえずコメント確認画面は以下のような記述になっています。
ここをどうにかいじることで、自力で改行が無視されないように修正できませんでしょうか。


<form action="<? echo $script; ?>" method="post">
<? echo $err_message; ?>
<?php
foreach($_POST as $key=>$var) {
$key = strtr($key, $string_from, $string_to);
if(get_magic_quotes_gpc()) $var = stripslashes($var);
$var = htmlspecialchars($var);
print("≪".$key."内容≫<br>".$var."<br><br><br>");
?>
<input type="hidden" name="<?= $key ?>" value="<?= $var ?>">
<?php
print("\n");
}
?>
<input type="hidden" name="eweb_set" value="eweb_submit">
<input type="submit" value="送信">
<input type="button" value="中止" onClick="history.back()">
</form>

よろしくお願いします。

>>308
>>1見た？

セツコ、それHTMLやない、phpや！

>>310
> セツコ、
悪いがつまらんよ

節子！それセツコやない

質問お願いします
上部メニューを押したときにページ全体を変えるのではなく中央の部分たけを変えるにするにはどうすればいいですか？

中央の部分だけ変えたいのに　<a href="index.html">リンクページのファイル名</a>　タグだと
ページ全体が更新されてしまうので・・・

http://gazoy.com.s3.amazonaws.com/s/94L/md.jpg


文章力が無いので言ってる事がかったらすみませ分からなかったらすみません

訂正です
＞<a href="index.html">リンクページのファイル名</a>　

ではなく

<a href="リンクページのファイル名">●●</a>
です

iframe

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

VSでWebアプリ(.ASPX)を作っているのですが、デフォルトのbodyが下記の通り。
<body>
<form id="form1" runat="server">
<div>

</div>
</form>
</body>

この中の<div>タグと<form>タグって何のために与えられているのでしょうか？
いくつかのコントローラを一斉にアクション咬ませたいときにdiv使うのはわかります。
でも、formはなくても動くので、存在意義がよくわかりません。

formがないとめんどくさい、できなくなるようなことってありますか？

中身が無いのなら消してしまえ

<span>ジャンプ</span> <span>サンデー</span> <span>マガジン</span><span>コロコロ</span>

これらの文字を
左端｜ジャンプ　　　　　　　サンデー　　　　　　マガジン　　　　　　　コロコロ｜右端
と等間隔に表示させたいのですがどのようにすればいいのでしょうか？

(X)HTML / CSS / Dreamweaver
↑この「/」はどういう意味ですか？「and」？「or」？

http://gazoy.com.s3.amazonaws.com/s/96e/md.jpg

この上部メニューの商品情報をクリックして下のインラインフレームだけの表示をsyohin.html（ｈｔｍｌファイル）のページに変えたいのですが
クリックしたらページ全体がsyohin.htmlで表示されます。
インラインフレームだけを変えるにはどうやったらいいですか？

自分で調べたりしていろいろやってみたのですがどうしてもできませんので教えてください。

商品情報のタグは
<li><a href="syohin.html"name="inline">商品情報</a></li>

でインラインフレームタグは
<center>
<iframe src="top.html"name="inline" width="700" height="700">
です

どこが間違ってますでしょうか？

and

>>321
<a target="inline" href="syohin.html">

>>323
ご指導ありがとうございました。

>>320
or

Google Chromeなんですけど、

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

これ入ってるページでもキャッシュ使ってるようなんですが、HTMLにどう記述すればキャッシュしないようにできますか？

>>319
固定じゃないなら、均等間隔は難しいね。フォントサイズって事もあるし
簡単にこんな感じゃだめかい？
<div id="book">
<span class="no1">ジャンプ</span><span class="no2">サンデー</span><span class="no2">マガジン</span><span class="end">コロコロ</span>
</div>
#book {min-width:20em;}
#book span{display:block;float:left;}
#book span.no1{width:18%;text-align:left;}
#book span.no2{width:32%;text-align:center;}
#book span.end{width:18%;text-align:right;}

固定ならword-spacing　いや、これはリストだな。

http://gazoy.com.s3.amazonaws.com/s/97S/md.jpg

中央のインラインフレームと左右のメニューとの間に鼠色のスペースがあるので
これを消してインラインフレームに左右のメニューを密着させたいと思い

線を消そうと思ってCSSを使って色々試みてみたももの消えず
どのタグなのか分かりません



この部分を指すタグを教えていただけませんでしょうか？

みうの新作キタッ

『グラソフトから見抜いたリダイレクト越し被リンク』
2010年夏まではgoogle検索『クレジットカード』で圏外、2010年12月には1位に登りつめたクレジットカードランキング王国。そのSEO対策はweb in the morningの最新SEO対策理論を駆使してグラソフトが施行していたことを突き止めました。

http://report.seo-miu.com/

>>328
ソースも無しにどれと聞かれてもねぇ

下の画像のようなサイトを作りたいのですが、初心者なのでそのタグが分かりません。

http://freedeai.saloon.jp/up/src/up7470.png

そのタグってどのタグ?

>>332
画像のように背景の真ん中にコンテンツのブロックみたいなものがあるやつです。
上手く説明できなくてすみません。
これってhtmlでできるんでしょうか？

>>333
出来るよ
その気になれば1日かからない

>>334
そうなんですか！
主にどのようなタグを使えばいいんでしょうか？
よろしくお願いします

書ききれねーよ

htmlとcss
そして入門のキーワードで検索しろーーー

>>336
htmlとcssの入門サイトは行ったことはありますが、記載されているタグのどれを使えばいいのか分からないんですorz
でももう一度調べてみます・・・
ありがとうございました

>>337
最初からレイアウトってのは難しいと思うので
HTMLを使ってブラウザに表示するには?
ってのをまず考えたほうがいいカモネ
取り敢えず最低限の内容を書いてみる

↓以下をコピペして拡張子を.htmlにして保存しブラウザみてみて
<html>
<head>
<title>ココがタイトルバーに表示される部分</title>
</head>
<body>
<h1>h1〜6 本文のタイトルを書いたりするよ</h1>
いろはにほへと<br>
ちりぬるをわか<br>
</body>
</html>

色々調べたらやり方がわかりました！
まだあやふやですが頑張ってみようと思います
アドバイスしてくれた方ありがとうございました！
なんとかなりそうです

実際は新米な僕一人なんだけどね
応援しちょる

>>330
おねがいします

/*中央コンテンツ
------------------------------------------------------------------------*/
#center {
width: 970px;
vertical-align: top;
background: #DCDCDC; /*背景色*/
padding: 0px 0px;
color: #FFFFFF;
}
#center a {
color: #FFFFFF;
}
#center a:hover {
color: #F21B00;
}


#center p {
padding: 0.5em 18px 1em;
}
#center h2 {
border-left: 2px solid #F21B00; /*左に5pxの直線を入れる設定*/
font-size: 100%;
background: url(images/h2_bg.gif) no-repeat left bottom; /*背景のグラデーション画像指定箇所*/
padding-left: 10px;
line-height: 40px;
margin-bottom: 0.5em;
color: #FFFFFF;
}

>>341　#centerは無関係かな。
width: 970px; が絡むかもしれないけど。
問題は、その親か他のサイドバーが怪しいだろ
本来は、HTMLとセットなんだからHTML構造が見れないとアドバイスは出来ない

ボンネット開けないで、オイルエレメント交換お願いしますっていてるような物。

>>342
失礼しました
少し長くなりますが<ｂｏｄｙ>以降のＨＴＭＬタグ貼らせていただきます
連投失礼します
<body>
<table cellspacing="0" cellpadding="0" id="container">
<tr>
<td colspan="3" id="header">
<h1>見出し</h1>
<p>HTML勉強用</p>
</td>
</tr>
<!--ここから上部メインメニュー-->
<tr>
<td colspan="3" id="mainmenu">
<ul>
<li><a href="top.html"target="inline">トップページ</a></li>
<li><a target="inline"href="ファイル名">商品</a></li>
<li><a target="inline"href="ファイル名">概要</a></li>
<li><a target="inline"href="ファイル名">その他</a></li>
<li><a target="inline"href="toiawase.html">お問い合わせ</a></li>
</ul>
</td>
</tr>
<!--ここまで上部メインメニュー-->

<tr>
<!--ここから左コンテンツ-->
<td id="left">
<h2>商品はこちらから</h2>
<ul class="menu">
<li><a href="#">item menu1</a></li>
<li><a href="#">item menu2</a></li>
<li><a href="#">item menu3</a></li>
<li><a href="#">item menu4</a></li>
</ul>
<h2><a href="#">今月の特集</a></h2>
<div class="box1">
<p>上のh2見出しとセットで使うボックスです。html側だと<br />
<div class="box1">で適用されます。<br />
<img src="images/P1010007.jpg" alt="" width="140" height="104" /></p>
</div>
<br />
<h2><a href="#">お支払い方法・送料について</a></h2>
<br />
<h2><a href="#">返品・交換について</a></h2>
<br />
<h2><a target="inline" href="tokuteisyou.html">
特定商取引法に基づく記載</a></h2>
<br />
<h2><a target="inline" href="kojin.html">個人情報保護方針</a></h2>
<br />
<h2><a target="inline" href="gaiyou.html">会社概要</a></h2>
<br />
<h2><a target="inline" href="toiawase.html">お問い合わせ</a></h2>
<br /></td>
<!--ここまで左コンテンツ-->

<!--ここから中央コンテンツ-->
<td id="center">
<center>
<iframe src="top.html"name="inline" width="890" height="680">
このページはインラインフレームを使用しています。</IFRAME></center>
<table class=cellspacing="0" cellpadding="0">
<!--ここまで中央コンテンツ-->
<!--ここから右コンテンツ-->
<td class="white"></td>
</tr>
<tr>
<td class="td4"></td>
<td class="white"></td>
<td class="td3"></td>
</tr>
</table>
<table class="marutable" cellspacing="0" cellpadding="0">
</table>
</td>
<!--ここまで中央コンテンツ-->
<!--ここから右コンテンツ-->
<td id="right">
<h3>店長おすすめ商品</h3>
<p class="box1">
<strong><a href="#">■ミニBAG♪ （980 yen）</a></strong><br />
またまた続いてミニミニバッグｖちょっとそこまでのお買い物にお財布だけポンと入れて使ってね♪イチゴのモチーフがポイントっ！<br />
<a href="#"><img src="images/P1010007.jpg" alt="" width="140" height="104" /></a></p>
<p class="box1">
<strong><a href="#">■ミニBAG♪ （980 yen）</a></strong><br />
またまた続いてミニミニバッグｖちょっとそこまでのお買い物にお財布だけポンと入れて使ってね♪イチゴのモチーフがポイントっ！<br />
<a href="#"><img src="images/P1010007.jpg" alt="" width="140" height="104" /></a></p>
</td><!--ここまで右コンテンツ-->

<!--ここからフッター-->
<tr>
<td id="footer" colspan="3">
Copyright(C) 2011 All Rights Reserved.<br />
</tr>
<!--ここまでフッター-->
</table>
</body>
</html>
　
以上です。
教えていただけたら幸いです
連投失礼しました

>>328
#centerのwidthの値を小さくすれば、インラインフレームと左右のメニューとのスペースは
小さくなる。width: 890px;まで下げれば、スペースはほぼゼロになる。

灰色自体を消す場合は、background: none repeat scroll 0 0 #DCDCDCの
#DCDCDCを消去すれば、背景色は白になる。

灰色の線はおそらく、iframeのborderだと思われる。だから、
iframe {
border: none;
}
と記述すれば、線は消える。（ただし、IEでは消えない。）

>>347
勉強になりました
解説ありがとうごいます。

HTML勉強です。
HPのレイアウト（webデザインなんか）の参考になるサイト、本でおすすめはありますか？
よろしくお願いします。

情報収集を怠るなかれ

htmlのテンプレートを借りてサイトを作成しようと思っているのですが、
昔よく見かけた横のフレームにメニューが付いた感じのものが見当たらない気がします。
どういった言葉で検索すれば類似のものがみつかるのでしょうか。
うまく説明できませんが、ブログ形式（メニュー部分もページの一部）ではなく
2ちゃんトップのようなものにしたいです。

フレームセットは廃止されちゃったからね
閲覧するとき不便だし

objectをiframeの代わりに使えないかと思うのですが、
親ページからtargetで指定してhtmlを表示させようと
してもうまくいきません。もしかして、こういう使い方は
できないんでしょうか？

iframeが駄目ならtargetも駄目だろう
両方ともhtml5で復活予定だけど

■質問です
画像の左横にテキストを配置したいのですが、それをひとつのリンクで
まとめてくくりたいです。

↓このブログで言ってるような事なんですが。。
http://website-usability.info/2009/10/entry_091004.html

aタグ内はspan等のインライン要素のみになるかと思うのですが、
テキスト部分にタイトルを付けたい場合（hタグとか）、
どのようにHTML/CSSを書くのがスマートでしょうか？

できればfloatを使わない方法とかあればききたいです。
※IE6、7、8対応でお願いします。

↑まちがえました。画像の右横です

>>355
画像とテキストにそれぞれaのhrefで同じ値をつけて、タイトル部分はheading、配置はpositionで設定するのが一つ
画像編集ソフトかなんかでテキスト部分も画像の中に入れてタイトル部分をaltに書くのがもう一つのやり方かな
俺のつたない頭じゃこのくらいしか思いつかんかった

<h2><a><img>タイトル</a></h2>　こうすれば、
CSS無しで、画像も囲めるし、横並びになるのは知ってると思うけど？
で、終わりな訳ないから、そのあと何をどうしたいんだろう？
CSSでvertical-alignって事？

float:left; で img margin-right と clear で良いと思うけど。
floatがNGな理由は？
positionなら自由自在だけど。

<h2><a href="/">タイトル</a></h2>
として、
h2{ padding-left:120px; height:90px; background:url(画像) no-repeat;}
これでも良いけど。

あ、いや
h2じゃなくて、a{〜〜〜　に display :block;だな。

あれ・・・
画像ってインラインだっけか

もう駄目や

HTMLで作ったインラインフレームにCSSを適応するにはどうしたらいいでしょうか？
このHTMLで作ったインラインフレームにCSSを適応させたいのですがどうやったらできるのでしょうか？

↓
<!--ここから中央コンテンツ-->
<td id="center">


<center>
<iframe src="kojin.html"scrolling="no""name="inline" width="680" height="680></iframe>
">
このページはインラインフレームを使用しています。</IFRAME></center>

ちなみに適応させたいCSSはこれです
色を適応させたいです
↓
/*中央コンテンツ
------------------------------------------------------------------------*/
#center {
width: 500px;
vertical-align: top;
background: /*背景色*/
padding: 10px 5px;
color: #FFFFFF;
}
#center a {
color: #FFFFFF;
}
#center a:hover {
color: #F21B00;
}


#center p {
padding: 0.5em 18px 1em;
}
#center h2 {
border-left: 5px solid #F21B00; /*左に5pxの直線を入れる設定*/
font-size: 100%;
background: url(images/h2_bg.gif) no-repeat left bottom; /*背景のグラデーション画像指定箇所*/
padding-left: 10px;
line-height: 40px;
margin-bottom: 0.5em;
color: #FFFFFF;}

>>361
iframe使ったことないからわからんがkojin.htmlとやらにCSS読み込ませれば良いんじゃない？
あと</IFRAME>は消した方が良いと思われ
ついでにこのページは〜って書いてあるとこにkojin.htmlへのリンク張っとかないとフレーム理解出来ないUAの時に困るで

>>363
できましたありがとうございます！

スクロールバーが表示されない原因として考えられるのは？
<div style="width:auto; height:100%;overflow:hidden;"></div>

http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/
↑
このようなグラデーションをCSSで背景に入れたいのですが
↓のCSSのどこにコピペしたらいいのですか？まったくできません

body { color: #333333; margin: 0px; padding: 0px;
text-align: center;
background: #00ffff; /*壁色と壁紙設定*/ font: 75%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
/*全体の文字サイズ(75%)と行間(/2)設定*/
}
h1,h2,h3,p,ul,li{
margin: 0px;
padding: 0px;
}
ul{ list-style-type: none;
}
.color1 { color: #F21B00;
}
img { border: none;
}
.uline1 { background: url(images/uline_1.gif) repeat-x left bottom;
}
/*全般のリンク設定。（a:hoverはカーソルオーバー時）*/
a {
color: #333333;
}
a:hover {
color: #F21B00;
}

bodyに突っ込んどけばいいんでは？ただし既存のbackgroundは消しとけよ

>>367
CSSの
background: #00ffff; を消して貼りつけるってことはやったのですが出来ませんでした

http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/

インラインフレームのスクロールバーを非表示設定にしたら
インラインフレーム内のページが一定（height="550）までしか表示されません
インラインフレームが自動で縦長になる設定はありませんか？


<iframe src="index.html"scrolling="no""name="inline" width="550" height="550></iframe>
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

>>369
HTML/CSSだけならムリ。
javascriptならそういうのがライブラリであるよ。
ヘッダーとかの共通部分を1つのソースで簡単に管理したいだけなら、
PHPかSSI使えばいいんだろうけど、使えない環境なんだろうね。

あまりプログラムとか突っ込めないような既存システム内で
頑張ってるなら、毎回iframeの高さを調整するしかないんだよ。
あとiframe内のリンクはすべてtarget="_blank"ね。
あーめんどくさいめんどくさい。
楽天とか楽天とか、あと楽天とかさ

>>370
HTMLだけだと限界があるんですね。
お手数かけ申し訳ないです
ありがとうございます。

スクロールバーがChrome以外で出ないんですがどうすればいいでしょうか
height:100%;width:auto;overflow-x:hidden;にしています

再現出来るソースを
あと何がやりたいのか

>>372
http://uproda.2ch-library.com/429621wli/lib429621.png
サイト全体は、縦１００％横１００％でウインドウサイズマックスまでコンテンツが行き渡る形。（この時点でかなり変わってると思いますが）
ヘッダは縦10％横100％、左はネガティブマージン使った可変の縦90％横30％〜260pxカラム、右は縦90％横70％のメインカラム。
左右それぞれにスクロールを付けたい（縦のみ）そこで、メインコンテンツとサブコンテンツのそれぞれを<div style=height:100%;width:auto;overflow-x:hidden;>で囲った。
しかしchromeでしかスクロールが適用されない。さてなぜだ。というかんじです。
他のブラウザ（IE、Firefox、Opera）だとサイト全体にスクロールが出ちゃう。
他のブラウザの状況：http://uproda.2ch-library.com/429626q10/lib429626.png
お願いします

display:table系を使ったらいいよ

ttp://iup.2ch-library.com/i/i0421871-1316260829.png
画像をリンクしたのですが上の様に●▲が出てしまいます
非常に邪魔なの消す方法はありますでしょうか

>>375
誠にありがとうございます。

>>366 >>368　一番上の英語読むと理由がわかるよ。環境問題か記述ミス

>>374
<div style="height:100%;width:auto;overflow:auto;">
<div style="width:100%;">

>>376 なんだその●▲
●はリストマークじゃないの？　〜〜〜 li{list-style:none;}
▲は見た事無い・・・

DWの話？

>>378
ありがとうございます！無事●を取り除くことができました！！
▲は一体何なのだろう・・・

ソース貼れば

test.all{
width:200px;
height:auto;
}

こういうCSSがあるとします。

この中にwidthが200で高さがバラバラのDIV要素を放り込んでいくんですが、
縦の長さが自動的に広がってくれません。
何か問題ありますか？

clear:left; ?

>>383
ありがとうございます。
left外したら広がったんですが、この場合左に寄せるにはどうすればいいのでしょうか？

勘違いしてました
解決しました
ありがとうございました

すいません、質問させてください
サイトアクセス時のトップページにswfのみをセンタリングして設置しようと考えております
トップページからその他のページへ飛ぶと、その他のページはきちんとセンタリングされて表示されるのですが
トップだけが左に寄ってしまっていて、原因がわからず、どなたかにご回答頂けると非常に助かります。。。
よろしくおねがいします

--- top.html ---
<body>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="600" id="hoge" align="middle">
〜中略〜
</object>
</div>
</body>

--- top.css ---
@charset "utf-8";

body {
background:#FFFFFF;
text-align:center;
}

#flashContent {
width:800px;
height:600px;
margin-left:auto;
margin-right:auto;
}

解答ください！
FC2ブログにアップして携帯で見ようとしたんですがバックを黒に指定して文字もFONTで色を変えているはずなのに
文字の色が黒のままで見ることができません。このHTMLのなにが悪いのでしょうか？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
</head>
<body bgcolor="#000000">
<center>
<div style="background-color : #ff0000">
<font color="#ffff00">マイホーム</font>
</div>
<font color="#ffff00">Lv.</font>
<font color="#ffffff"> 12</font>
<font color="#ffff00"> HP</font>
<font color="#ffffff"> 650</font>
<font color="#ffff00"> 　仲間</font>
<font color="#ffffff"> 27/32人</font>
〜〜〜〜〜〜〜〜〜最後のとこ
</center>
</body>
</html>

>>386
よく分かんないけど

今のソースでトップページにだけアクセスしても左によるの?
その他のページではそのswfを表示してないの?
　だとしたら」、その他のページでは何をセンタリング?

>>387
なぜかは知らんけど携帯でcssが使えるなら
<span style="color:#ffffff">font</span> でやればいいと思う

後 bgcolor付けるなら <body text="#ffffff" bgcolor="#000000"> としたほうがいい

>>386
オイラもそのような事があって
>--- top.html ---
><body>
><div id="flashContent">
><center>
> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="600" id="hoge" >
>〜中略〜
> </object>
></center>
></div>
></body>
>
としたけど、これは邪道？

>>388
今のソースだけで左に寄るんです。。
その他のページでもいくつかswfを使っているページはあるのですが
トップだけに左寄せの症状が出ます。。。（ブラウザ問わず）
他のページではbody直下のpageというIDに

#page {
width:800px;
height:auto;
text-align:center;
margin-left:auto;
margin-right:auto;
〜略〜
}

と指定しています


>>390
いけました！ありがとうございます！
ほんとはCSSだけでやりたかったんですが
ソースをこまかく見られることもないので問題ないです


>>388さん
>>390さん
ありがとうございました

ページにジャンプするときってa要素のhref属性にURLを入れると思うんですが
これはA要素以外のdivとかの要素でもこの属性は使えるのでしょうか？

やっぱいいっす

そっすか

IETesterでIE7でだけ表示しようとしたら画面が真っ白になります。
about:blankってなってしまうんですが、心当たりありますか？
6と8ではちゃんと表示されました。
ieテスターは最新のものにしています。

やっぱいいっす
何度もすいません

そーなんすか

aptanaで左側にエディタ右側にブラウザのプレビューを表示したいのですが、
やり方がわかりません。
誰か教えて下さい

Aptana3.0をインストールしてごちゃごちゃやってたらできたので、
やっぱいいっす

もうお腹いっぱいっす
これ以上は勘弁してほしいっす

■■■■■■■■■■■■■
■■■■■■■■■■■■■
|　　　　　　　　　　　　　　▼　　　|
|　　　　　　　　あいう　　　　　　 |
|　　　　　　　　　　　　　　　　　　 |
|-------------------------|
CSSでこんな感じになってるのを見るんですが
この三角の部分、やり方が載ってたり、このデザインの名前とかありますか？

そんなんで他人が理解出来てると思ってんならおめでたい脳みそ
実際にサイトを出せばいい

>>401 全角スペースを使っとけ

□□□□□□□□□□□ ▼
□□□□□□ あいう

では　実際のサイトです　http://hibari.2ch.net/test/read.cgi/hp/1311271961/401

やっぱもういいっす

おまえはもう質問するなっす

DWのExtentionで処理をブレークできるのないかな？
流れが見えないからScript全部解析しないといけなくなる・・・
DWはブレークやウォッチがないからIDEとは呼べないよな・・・

すっごくバカみたいな質問なんだけどhtmlタグの説明サイトとかに載ってるタグは
<Html>
<Head>
<Title>ページタイトル</Title>
</Head>
<Body>
内容
</Body>
</Html>
みたいに左詰めで書いてますよね。
でも適当なサイトのソースを見てみると、全部が左詰めじゃなくってところどころ空白を入れてタグを書いてるんですよ。
これってなんでですか？？

見やすいから

視覚による構造の認識を高める為にインデントを使ってます
最終的には好みの問題ですが
空白やタブの分のデータが増えてファイルが微妙に大きくなります

<ｔａｂｌｅ>タグは終了タグが必要ですが

<table class=cellspacing="0" cellpadding="0">
↑
このタグって終了タグいらないんですか？

ソフトの初期設定がインデント仕様になってる場合もあるから、
それがプロ仕様だと勘違いしてる人もいるね・・・
DWだとタグ毎に折りたためるからインデントなんて邪魔なだけ。

解説サイトでインデントすると、
１行が長く折り返しになって読みにくくなるでしょ？
長いソース解説で貼り付けて、インデント表示させるのは厄介で、
preでは簡単だけどTabが使えない。書いてみたらわかるよ。

インデントは逆に読み/書き難いから使わないという人も多い。

>>410　必要

＞＞　<ｔａｂｌｅ>タグは終了タグが必要ですが
と自分で前置きしてるのに何故聞く？

>>407
その「先頭のみ大文字」のタグに違和感ありまくり

olとli使ってリスト作ったんですが、
IE6だけ何故か位置が左によってしまって、
数字部分が消えちゃうんですよね
margin-leftを60pxぐらい入れると、見えるんですが、
こうするとほかのブラウザでは右によりすぎてしまいます
何か心当たりありませんか？

>>415 このへん。もっとわかりやすいページもあるかもしれないけど。
http://www.tagindex.com/stylesheet/list/margin_padding.html

>>416
IE6だけちょっとずれましたけど、十分です
ありがとうございました！

DreamweaverCS5.5でAndroidアプリ作ったのですが、
署名がされてないアプリでMarketに登録できません＞＜
Dreamweaverで署名済みのアプリ作成することは可能ですか？

<tr>
<td>項目１</td>
<td>内容</td>
</tr>

<tr>
<td>項目２</td>
<td>内容</td>
</tr>



表を作ったときに<td>の幅が均等になります
幅を指定するにはどこにwidthをいれたらいいですか？

>>401
普通に三角でぐぐれば出るんじゃね

>>419
CSSでcol要素に対して

>>421
ありがとう

<td id="center">
<table width="680" height="70" />
<p>本文が入ります</p>
</table>
</td>
↑
この本文が幅ギリギリなので余白を入れたくてCSSで
marginでやっても余白が出来ません。原因は何でしょうか？

CSSです
↓
#center {
width: 500px;
vertical-align: top;
padding: 0px 0px;
color: #696969;
}

#center a:hover {
color: #F21B00;
}

#center p {
margon-left:2em
margin-right:2em;
}

マーゴン-left:2emカンマ

セミコロンだった

やっぱりできません
なにが原因でしょうか？


<td id="center">
<h2>てすと</h2>
<h3>テスト</h3>
<hr>
<table width="680" height="800" />
<p>
tesutotesutotesuto。</p>
</br>
tesutotesuto
</p></table>
</td>

CSSです
↓
#center {
width: 500px;
vertical-align: top;
background:
padding: 0px 0px;
color: #696969;
}
#center a:hover {
color: #F21B00;
}

#center p {
margin-left:4em;
margin-right:2em;
}

#center hr {
width: 95% ;
border-width : 3px ;
border-style: solid;
border-color: #87CEEB;
height: 0px;
}

文字数制限でH2とH3のCSSは省いてあります

あ

>>426
今度はHTMLが狂いまくっとるぞ

>>429
これでもちがいますか？

<td id="center">
<h2>見出し２</h2>
<h3>見出し３</h3>

<hr>

<table width="680" height="800" />
<p>
本文</p>
</br>
<p>
本文</p>

</table>
</td>

>>430
なんか凄いグチャグチャしてるね。
何処から指摘して良いのやら。

とりあえずTable使うなら、

<table>
<tr>
<td>テキスト<td>
<tr>
</table>

としないとちゃんと表示されないですよ。

あと、<table width="680" height="800" />という書き方もおかしいです。

/>で終わるのは<br />や<hr />や<img src="000.jpg" width="100" height="100" alt="" />のようなものだけで使います。

殆どのタグは開始タグと終了タグがあるので<p>本文</p>のようにしますし、tableも同様です。

なんかすごいぐちゃぐちゃになったのでもっと勉強してから出直ます。


<td id="center">

<table width="680">
<tr><td>
<h2>見出し２</h2>
<h3>見出し３</h3>
<hr>
<p>本文</p>
</br>
</td>
</tr>
</table>

わざと間違ってるだろ・・・　マーゴンってなんだよ！　吹いた

とりあえず、そこだけ教えるからお引き取り下さい。
<p style="padding:0 2em;">本文</p>

>>431
省略されがちだけどtableにはtbodyもあるんだぜ

>>434 確かにXHTMLでは、
tbodyは記述しようが記述省略しようが、
隠れてるだけで存在する事にはなっている。

<center>
<div width=1400px height=auto>
　<div float:left width:auto; height:auto>
　ツイッターの公式ガジェット
　</div>
　<div width:1000px height:auto> ←こいつがIE6だと右に回り込まない
　・
　・
　・
　</div>
</div>
</center>
↑のコードなんですが、ツイッターの公式がジェットを左に寄せて、
その後ろのdivを右に周り込ませたいんですが、
IE6だけ回り込まないんです。
原因わかりますでしょうか？
CSSとバラけて書くの面倒だったので、属性のところに書いてます。

>>434
そんなの知ってるが>>430レベルの人間にそこまで言ってもなぁ

<pre>で囲った文章の最初の行の前に改行が入ってしまいます
なぜでしょうか？

>>436　検証はしないが、それIE6だけの問題じゃないのでは？
　　　　CSS→style属性

>>438
<pre>
あああ
↓
<pre>あああ

>>438　そういうことか・・・
左　width:400; float:left;
右　width:1000; float:left;

誤438→正436だった　失礼

>>439-441
そう書けばいけるんですね
右側もleft必要なんですね

完全に解決しました
ありがとうございました！

他のプロパティ（borderとかpaddingとか）があれば
崩れる可能性があるから左＋右の合計1400pxを1400px未満にした方が安全
でも、勉強するなら1400pxとかピッタリ設計にする方が良い

>>435
逆
HTMLでは書かなくても省略されてるとみなされ存在するが
XHTMLはタグを省略できないため書かなかったら存在しない

送信後に送信ありがとうございましたと表示する方法は何がありますか？
CGIやPHPは使わずにHTMLのみで
<form action="mailto:[email protected]" enctype="text/plain" method="post">
<p><label>メールアドレス：
<input type="text" name="メールアドレス" value="" tabindex="0" accesskey="a">
</label>
<label>お名前：
<input type="text" name="名前" value="" tabindex="1" accesskey="b">
</label></p>
<p>性別：
<input type="radio" name="sex" value="man" tabindex="2" accesskey="c">男性
<input type="radio" name="sex" value="woman" tabindex="3" accesskey="d">女性<br>
職業：
<input type="checkbox" name="job" value="Student" tabindex="4" accesskey="e">学生
<input type="checkbox" name="job" value="worker" tabindex="5" accesskey="f">会社員
<input type="checkbox" name="job" value="official" tabindex="6" accesskey="g">公務員
<input type="checkbox" name="job" value="etc" tabindex="7" accesskey="h">その他
</p>
<p>年代：<select name="age" tabindex="8">
<option value="30ages">30代</option><option value="40ages">40代</option>
<option value="50ages">50代</option><option value="60ages">60代</option>
<option value="age" selected>お選びください</option>
</select></p>
<p><label>お問合せ<br>
<textarea name="title" rows="5" cols="60" tabindex="9" accesskey="i">
</textarea>
</label></p>
<p>
<input type="reset" value="送信" tabindex="10" accesskey="s">
<input type="reset" value="取消" tabindex="11" accesskey="r">
</p>
</form>

JavaScriptでページ書き換え

>>446
HTMLだけじゃ無理ですか？

HTMLを何だと思ってるんだ

>>447
無理です

>>444
クロスブラウザでは存在するんだけどね。

>>447　HTMLだけで可能ならメールフォームCGIなんか借り無いわな
そのメールアクションは万人用ではないのでやめた方よいよ
ちなみに447のフォームは丁寧な作りだな。

いや、これ変だな
<input type="reset" value="送信"

<label>の使い方もいまいちだったな。

>>450
何の話だ

>>450
HTMLパーサを使ってるからだろ
純粋なXHTMLでは省略しても補完しない
第一、その言い方をするならHTMLでもXHTMLでも省略できるわ
わざわざ「XHTMLでは」と前置きする必要なんてない

クロスブラウザって…docomo携帯に対応できてないじゃん

docomoは何であんなに糞なの

もうスレタイの(X）はいらないんじゃないか。
XHTMLもＨＴＭＬの一部なんだしさ。

そうでもないから最悪荒れるから外さないでおくれ

>>456
この場合はdocomo悪くないだろ

ブログの一番外側の角を丸くしたいので調べてみると
Border-radiusという記述で実現できるとわかりました
しかし古いブラウザの方も多いみたいなので対応しておきたいのですが
こういう場合はどうするのがよいのでしょうか？
できるだけ同じように見えるようにしたいです

勧告されてないから使わないのが正解

>>461
http://www.mono-lab.net/demo3/のサイトみたいなデザインにするときは
一番外枠をどういう風に書くのでしょうか？
Border-radiusを使っていると思ったのですが、おっしゃるように勧告されていないから
使っていないのかどういう風に書けばこういうデザインが作れるのかわかりませんでした
特に下の丸みの表現がわかりません

背景画像
Firebugとかのデバッグツール使ったらすぐわかるよ

最近htmlとcssを勉強し始めました。あるサイトを参考に2カラムの方法を試してみたんですが
左のNAVIGATIONが右に寄ってしまいます。どこが悪いのか教えてもらえないでしょうか？

* (margin: 0; padding: 0;}
body {width: 100%;}

#container { margin: 0 auto; width: 700px; }
#header { width: 100%; height: 50px; border-bottom: 2px solid #fff; background-color: #ccb; }
#navigation { float: left; width: 150px; background-color: #d6d6bb; }
#navi { padding: 1em;}
#contents { float: left; width: 550px; background-color: #d6d6bb; }
#con { padding: 1em; border-left: 1px solid #fff; }
#footer { width: 100%; clear: both; background-color: #ccb; border-top:2px solid #fff; text-align:center; padding: 1em 0; }
li { list-style-type: none; }

-------------------------------------以下html-----------------------------------------
<body>
<div id="container">
<div id="header">HEADER</div><!-- end header -->
<div id="navigation">
<div id="navi">
<ul>
<li>NAVIGATION</li>
<li>NAVIGATION</li>
<li>NAVIGATION</li>
</ul>
</div><!-- end navi -->
</div><!-- end navigation -->
<div id="contents">
<div id="con">
<h2>CONTENTS</h2>
<p>text text text text text text text text text text text text text text</p>
</div><!-- end con -->
</div><!-- end contents -->
<div id="footer">FOOTER</div><!-- end footer -->
</div><!-- end container -->
</body>
</html>

http://www1.axfc.net/uploader/Img/so/126075
Windows7 Chrome14でこういう風に表示されます

>>464
どこのサイトで勉強してるのか教えて

>>467
http://desperadoes.biz/style/dan/
ここです。

>>462 背景画像を使うだけ。

>>464-466
* (margin: 0; padding: 0;}
　↑
Chromeはレンダリングしてくれるからすごいな。

http://uproda.2ch-library.com/432191fGh/lib432191.png
こんな感じにするにはどうすればいいですかね？

>>469
その記述は書いてあるとおりにしたのですが
>>468のサイトは勉強するには不向きなのでしょうか？
もしよろしければ>>464を教えていただけると嬉しいです

>>464
#contents のfloatをrightにする

あと naviのfloat: leftはいらない
#footerにclear bothを追加

>>472-473
http://uproda.2ch-library.com/432275LtC/lib432275.jpg
こういう風になるのですがnaviのfloat: leftは消してもよかったのでしょうか？
あと#footerにはclear bothを書いているのですが2つ書くということでしょうか？

>>474
ごめん、ふたつあるならいらない
それから画面のようになるのは幅が超えてるから
#contentsのwidthを減らしてみて
なんで超えてるかは知らんw

>>464 471,474

body,h1,h2,ul,li {margin: 0; padding: 0;}
#container { margin: 0 auto; width: 700px; background-color: #d6d6bb;}
#header { height: 50px; border-bottom: 2px solid #fff; background-color: #ccb; }
#navigation { float: left; width: 150px;}
#navi { padding: 1em;}
#contents { float: left; width: 550px;}
#con { padding: 1em; border-left: 1px solid #fff; }
#footer { clear: both; background-color: #ccb; border-top:2px solid #fff; text-align:center; padding: 1em 0; }
li { list-style-type: none; }

>>470
displayプロパティ使えば楽

コンテナーで幅をを指定すると

それ以上の幅で表示することはできないのでしょうか？
一部のみコンテナーで指定した幅より広くしたいのですが・・・

何それ気持ち悪い

>>475
http://uproda.2ch-library.com/432391Vfh/lib432391.jpg
#contentsのwidthを減らしたら離れました
>>476だとfloatがそれぞれleftを指定しているのですが
これはまだやり方が確立されていないということでしょうか？

いろんなサイトを見ても横に並べるときにrightと書く人もいれば
leftを2つ指定する人がいたりしてそのことへの解説がないので
なんでそういう動作になるのかが全然わかりませんでした

・#何でcontentsのwidthを減らしたら画像のようになってしまうのか
・こういう場合のfloatはleftを2つ指定するのか1つだけrightを指定するのか

どのサイトでも知識がある前提で書かれているので
どなたか詳しい方がいたらわかりやすく解説していただけないでしょうか？
お手数ですがどうかよろしくお願いいたします。

幅を指定しなければ良いと思うよ

>>480
＞これはまだやり方が確立されていないということでしょうか？
確立って何？
やり方は何通りかあるんだけど
そういう場合、確立といわれて何と答えればいいのよ？
あんたが、476のソースで出来ないっていうなら確立されてないんじゃないの？
オレはそのソースで出来てる（確立されてる）と思うけど

まずは結果報告が先だろ
「出来ました」とか「出来ません」とか

-------------------------------------------
#container が width: 700px;　だから
先に　#navigation の　width: 150px;　がはまれば
700-150＝550pxの隙間しか無いんだから
leftだろうがrightだろうがその隙間にしか入らないだろ！

#container が width: 700px;　を　800とかにして試せばよいのでは？
何故試さない？

>>482
確立というのは2ペインを実現させるための手法を指します
結果報告は>>480に書いたように「離れました」がそれでした
理屈がわからなかったので質問し、それに対しての指示の通りの結果を書いただけで
何故試さないと言われても何とも答えられません
数値は指示通りに変えましたし他は触っていない結果が>>480の画像です
#containerを800pxしましたが全体が広がっただけで、ずれは変わりませんでした

結局どなたも「何故そうなるのか」を明確に答えられないようなので質問に対するレスを締め切ります

HTMLソースを出さずに明確に答えるのは無理だろ
明確に質問しないから明確に答えられない

何だこいつ頭が沸いてんのかｗ

>>482
横から悪いがこういう場合は#navigationにだけleft指定すると
#contentsが下に流れ込むからきちんと指定しなきゃ駄目だよ

締め切ったそうだからもう放っておけばいい

http://gazoy.com.s3.amazonaws.com/s/9wb/orig.jpg

同じ画像リストで同じ設定なのに何故上の2つだけは間が開くのでしょうか？
もっと密着させたいのですが

<ul>
<li>
<a href="index.html" >
<img src="images/nr.png" width="210" height="50">
</a>
</li>
<li>
<a href="index.html" >
<img src="images/nr.png" width="210" height="55">
</a>
</li>
<li>
<a href="index.html" >
<img src="images/mainmenu2_bg.gif" width="210" height="55">
</a>
</li>
<li>
<a href="index.html" >
<img src="images/mainmenu2_bg.gif" width="210" height="55">
</a>
</li>
<li>
<a href="index.html" >
<img src="images/mainmenu2_bg.gif" width="210" height="55">
</a>
</li>
</ul>

>>480
なぜそうなるのかわからん
その画像はIDEのだと思うけどそれが原因なのでは?
ブラウザで表示してみてほしい

>>488
画像に余白があるのでは?

.background_dcdcdc_ffffff_h500{
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#dcdcdc,EndColorStr=#ffffff);
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeX
AAAAk0lEQVRIia3EWwJFIBQFUPMfI5VHIkKhVHTvIM5eH6uq6/pXAWuahhZjDBDnHJoQglbbtoC6roPW9z2tYRgAS
SmhjeNISykFaJomVPM8A9JaA1qWBdW6roCMMYC2baO17zu04zgAWWtpOeegnecJ6LouWvd9Q/PeAwoh0HqeB1qM
EVBKiVbOGdr7voC+76NVSqH3B850XsLInuwKAAAAAElFTkSuQmCC");
background-repeat:repeat-x;
background-color:#ffffff;
}
上記のグラデーションを背景に使いたくて
私のCSSに入力してもなりません。どこが悪いのかどなたか教えていただけませんでしょうか？
body {color: #DCDCDC;
margin: 0px;
padding: 0px;
text-align: center;
font: 75%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
h1,h2,h3,p,ul,li{
margin: 0px;
padding: 0px;
}
body　.background_dcdcdc_ffffff_h500{
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#dcdcdc,EndColorStr=#ffffff);
background-image:url
("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAAk0lEQVRIia3EWwJFIBQFUPMfI5VHIkKhVHTvIM5eH6uq6/
pXAWuahhZjDBDnHJoQglbbtoC6roPW9z2tYRgASSmhjeNISykFaJomVPM8A9JaA1qWBdW6roCMMYC2baO17zu04zgAWWtpOeegnecJ6LouWvd9Q/
PeAwoh0HqeB1qMEVBKiVbOGdr7voC+76NVSqH3B850XsLInuwKAAAAAElFTkSuQmCC");
background-repeat:repeat-x;
background-color:#ffffff;
}

あなたが悪い!
どの環境でやってるの?

質問です。

新規にサイトxを作って
以前からあるサイトyのファイルaをコピーして、
Dreamweaver MX(WindowsXPsp3)を起動すると、
同期の問題があるけど良いか云々のメッセージが表示されます。
どうすれば良いのでしょうか?

コピーは、マイドキュメント\x\aを、マイドキュメント\y\へ、
windowsのコピー&ペーストで行いました。

>>492
環境はIEでビスタつかってます。

CSSで{height:100%-100px;}的なことってできますか？

http://www.w3.org/TR/css3-values/#calc
こういうのがある
けど対応しているかどうかはまた別の話・・・

>>496
なるほど...あまり実用的ではないですね
ありがとうございました

HTML5における<article>と<section>についての質問です。

本やサイトによって
<body>の内側全部を<article>で囲んで
その中にヘッダーやフッター、<section>などを配置してる例と

<body>の内側に
ヘッダーがあってその下に<section>があって
その<section>の内側に<article>がある使い方をしている例があります。

W3Cの本来の意図としてはどちらが正しいのでしょうか？

どっちも正いよ！

>>499
使い分けはどうしたらいいですか？

article要素の使う場面ははっきり決まっている
そもそもsectionと迷わない
むしろdivでいいのにsection使ったりする予感・・・

>>501
解説によってぶれがあるので迷ってます

原典に当たれ

英語読めません

>>488
どうして一番上だけ height="50"なの？

>>498
このスレは趣味でcss弄る人やセミプロごっとしてる人はいても
Webで飯食ってる人はいないから
あんまり深いところの質問をしても返ってこないよ
質問するなら表面的なところだけにした方がいい

どうしても知りたいなら、それこそ原典読むしかない

むしろプロなら仕様書無視して適当に作るんじゃね

divでいいのにsection使うというのがよくわからないです。
divはあまり推奨されてない印象を受けましたが。

人はそれをsection厨と呼ぶ

div厨もアンチdiv厨もhtml5ではsection厨になる
それじゃだめだ！とそっち方面のえらいひとは言っている
http://www.html5.jp/html5doctor/the-section-element.html

articleとかもここのを見とけばまあだいたいいけると思う
articleやsectionはわかりやすい
むしろfooter要素で混乱すると思う

背景にグラデーションをつけたくて
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1113619806
これを参考に作ったのですが500pxではっきりとグラデーションが終わってしまいます
ページ下部まで滑らかなグラデーションを出すには何か指定の仕方があるのでしょうか？

divは書き換えないといけないのですか？

自分でグラデーションを調整すれば良いんじゃね？

>>488

>>506
俺はWebで飯喰っててたまに答えてるがｗ

ただ答えづらい質問は多いな。
実務じゃいろんな制約あるし。

このスレにはほんとに食えてる奴なんていないだろ
友達に作ってやったりテンプレコピペでごっこしてる奴しかいないと思う
floatを指定せずに自動で流し込もうとしたりとか突っ込みどころ多すぎる

まあ俺もごっこで飯くってる訳だが

仕様書理解してるような奴はWebで飯は食えん

いや、このスレはソースの勉強にはならないが、
聞き方とか教え方とか勉強になる！
実際にメールで質問されて、なかなか伝わらない人っているからな。
素人でも直ぐ理解する奴と出来ない奴の差って・・・なんなんだろうな？　

>>515
ケアレスミスばっか。464の質問者の
* (margin: 0; padding: 0;}
指摘されてんのに「書いてあるとおりに」とか言い張って直してないみたいだしｗ

>>516
＞floatを指定せずに自動で流し込もうとしたりとか突っ込みどころ多すぎる
オレもワラタｗ 質問者を余計に混乱させてたしｗ

>>517
LINT房なんかは、デザインセンスが皆無だからね。
HTMLの解説サイトなんか見るとよくわかるよ。融通が効かないっていうか、
コーダー力100％でデザイン力0％って感じで自分ではクリエイト出来ない・・・

コーダー力0％奴がlint厨ちゃうん
仕様書読まずにlintの減点回避するだけで、結局のところマークアップ出来てない

用途について質問です
　#○○○{××;}
という頭に#の書き方ではなくdiv.からはじまる
　div.○○○{××;}
は、どういった意味があるんでしょうか？
初心者過ぎて申し訳ない

本人と誤解されそうだが>>482で飯食ってる奴はいないんだなと確定した
そこに突っ込んでる奴が>>486だけだし何も無かったかのように進行してるのな
質問する方も答える方も知識、技術がめちゃくちゃすぎる

>>520　そんなん調べたらすぐわかるのに・・・
#○○○{××;} は、<？？？ id="○○○">
div#○○○{××;} は、<div id="○○○">
div.○○○{××;} は、<div class="○○○">

ちなみに、
div.○○○{××;}　と　div .○○○{××;}　は違うからね・・・

classとnameの区別を教えてください。
idは各ページに一つのみと分かったのですが、
この二つは使い分けが分かりません

>>523
nameは汎用属性ではありませんので比較対象になりません。

スクロールバーが落ちてしまうんですが、どうすればいいでしょうか
..＿＿＿＿＿＿＿＿＿＿＿
│　　　│　　　　　　　　　　│　　
｜　　　│　　　　　　　　　　│　　A　<div style="overflow:auto;width:260px;height:100%">
｜　A　│　　　　B.　　　　　│　　
｜　　　│　　　　　　　　　　│　　B　<div style="overflow:auto;width:auto;height:100%">
｜　　　│　　　　　　　　　　│
..￣￣￣￣￣￣￣￣￣￣￣
#A {
height:100%;
width: 260px;
}
#B {
width: 100%;
display: table-cell;
}

もっと一般的な言葉で頼むよ

この世界では一般的

最後の線を消したくて
#mainmenu . last {
border-right-style: none;
を使っても効かないんですが何でですか？

<tr>
<td colspan="3" id="mainmenu" >
<ul>
<li><a href="index.html"></a></li>
<li><a href=""></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</td>
</tr>

------------------------
CSS
-----------------
#mainmenu ul li a {
display: block;
width: 206px;
text-align: center;
border-right: 1px solid #999999;
color: #FFFFFF;
font-size:1.1em;
font-weight: bold;
text-decoration: none;
}

DIVとidとclassの違いを教えてください

>>529
id,classはぐぐれ
divは要素、id,classは属性

>>528
HTMLのほうにclass="last"がないからじゃね

>>528　　>>522と同じにすればよい
・半角スペースの位置が変　・class="last"が無い　・アンカーテキストが無い

>>529　まずは、<div>を表示して複数使えるようになってからの話
それまでは、CSSとかclassやIDは不要だし混乱すると思うよ　知りたきゃググった方が良い

質問に来る奴らは普通なら調べたらわかることでも
そもそも意味がわかってないから調べ方がわからないんじゃないのか？

半角大小文字や漢字も打てるようだし
それはないだろ　そんな人がここに書き込まんわｗ　寂しがり屋なんでしょう。

ポジティブやなぁ

>>529
1ページ中に1度しか登場しないものには「id」を、
1ページ中に何度でも登場できるものには「class」を使うのが基本

背景画像にうっすらノイズがあるものを使いたいのですが
width10pxの画像をrepeatさせると不自然になってしまいます
こうときは普通どうするのでしょうか？

width1000px
height1500px程度

リピートしても不自然な繋がりにならない画像を作る

>>532
その例>>522を使った私の場合は

<table width="100%" >
<tr>
<td colspan="3" id="mainmenu" >
<div class="last">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</td>
</tr>
</table>


CSSが
div.last {
border-right-style: none;
｝

てことですか？

スクロールバーを作るとBのカラムが下に落ちてしまうんですが、どうすればいいでしょうか
..＿＿＿＿＿＿＿＿＿＿＿
│　　　│　　　　　　　　　　│　　←こうしたい
｜　　　│　　　　　　　　　　│　　A　<div style="overflow:auto;width:260px;height:100%">
｜　A　│　　　　B.　　　　　│　　
｜　　　│　　　　　　　　　　│　　B　<div style="overflow:auto;width:auto;height:100%">
｜　　　│　　　　　　　　　　│
..￣￣￣￣￣￣￣￣￣￣￣
今・・・
　＿
｜A｜
..ーー
｜B｜
　￣
#A {
height:100%;
width: 260px;
}
#B {
width: 100%;
display: table-cell;
}

classはCSS,nameはJavaScriptが使うということでいいですか？

両方使いたい場合はそのタグに両方設定するということで

>>541
全く違う
>>523-524とか>>529-530,532,536とか質問をばらけさせるなよ

>>542
僕が聞いたのは>>523のみです。
回答が得られなかったので調べた結果を
>>541に書きました。

>>543
回答は得られてるだろ
nameは要素によって意味が違うんだから一概には定義できない

>>544
nameとclassの説明は調べた上で
使い分けを聞いたのに、
〜は〜ではないの返答では答えになってないと思います。

>>545
いやだから、nameは要素によって使い分けるんだよ
a[name]とinput[name]とimg[name]とform[name]はそれぞれ違うものだろ？
全部ひっくるめて「name属性の意味は？」と質問されても答えようがない
質問するならどの要素のname属性かを示してくれ

>>546
おもにdivです。

>>547
div要素にname属性はないわけだが、本当に調べたのか…？

>>540
親をtableにして100%指定したうえで
両方table-cellにすれば

ここで質問してる初心者の人達って本当にググったりしてんの？
分からないからって、すぐ誰かに聞いてたんじゃ一向に上達しないでしょ。

俺もやり始めたばっかで、チンプンカンプンだけど、ネットにゴロゴロサンプル落ちてるんだから、それで充分理解出来るぞ？
分からない事も勿論あるけど、失敗したって誰かに咎められるわけじゃないんだし、色んな方法試せば良くね？

>>547
結局、>>524を理解できてなかったんだな

>>>>>>>>>>>>>>>>>539

>>537
そんなこと人に訊かなきゃわからないのか？
自分で試行錯誤してみろよ

>>528ですけどどうしても分からないので
どなたか教えていただけませんでしょうか

これさえ分かれば作業が終わりなので

最後の線って言われてもね

なんで質問する人は自分の環境を書かずに質問するのさ
環境依存している場合も有るのに

>>555
・環境VISTA
・ブラウザfirefox IE8

今の状態です

↓



　　A｜B｜C｜D｜E｜

今の状態を再現出来るソースを貼ってね

>>556
また、教えてらゴチャゴチャになるから、
<a href="#" style="border-right:none;">最後</a>
としておけばよいよ。

>>550
それ言い出したらこのスレの意味がない

>>553
自分で試行錯誤したからこそ上手くいかなかった例を書いてるので
質問に答えられない程度のスキルなら黙って口を閉ざしていてください

>>560　553とは別人だけど回答者から言わせると、
試行錯誤したなら、その経緯も書くべき。
失敗した方法を再度教えられる例もあるし、
全く別の方法を教えやすいからね。
あと、自己環境とかも必要。
希望を明確に。最低限のソースや参考URLとか、ブラウザや利用ソフトとか。
早く解決したいならナゾナゾ出題すんなよ・・・

>>561
縦と横にリピートさせる方法を試したんですが同じように不自然な結果でした
xとyの指定は間違っていませんでした
あと1枚で指定したのですが容量が現実的じゃないうえに駄目な用例の1つとして紹介されていました
他のサイトを参考にしようと思いソースを見ても理屈がわからなかったので参考になりませんでした

自己環境はwindows7、Chrome14、Photoshopエレメント、秀丸です
参考URL：http://worryfreelabs.com/

>>562だからさ、
１、何の質問なんだよ！　２、不自然って何だよ？　３、参考URLのどれだよ？
---------------
１、>>537って事で回答するけど、background:url();でOK！
２、３、背景画像の区切りがハッキリ見えるって事で解釈。
10pxでは小さ過ぎるから100×100程度でカットする。
カットしたら四方八方にコピペで並べる。
並べたら全部(8枚を)コピーして反転させ数ピクセル内側に移動する。
消しゴムでじわじわ消したり、滲ませたり、塗りの％で薄くしたり。
結合してから数px大きめでカットすれば、repeatしても繋ぎ目が見えなくなる。

スレチだ　Photoshopスレ行けｗ　他にもレタッチ方法はある。

ちなみに、ttp://worryfreelabs.com/images/bg.jpg

>>563
＞１、何の質問なんだよ！　２、不自然って何だよ？　３、参考URLのどれだよ？
揚げ足とりは結構です。何の質問かは>>537に書いたでしょう
その流れから>>560に書いたんですよ。何のためにレスを返す>>があるのか考えてみましょうよ
レスを辿れないのなら横から口出しするのはやめたらどうです？

そもそもこの話題がスレ違いかどうかは初心者にはわからないんですよ
cssが入ってくる以上ここで解決だと思うでしょう？

初心者に対する揚げ足取りはもう結構ですから
普通にレスが返せないのなら黙っておいてもらえませんか？
やり方を書いてくれた数行には感謝しますが
わざわざ冒頭の揚げ足取りを書く必要はないです

解決しました

はい

>>565
こういう人ってなんなの？

ヒステリック逆切れモンスター

頭が悪いとちゃんとした質問もできないという例でしょう

<div>の角を丸くする方法で
http://kalsey.com/2003/07/rounded_corners_in_css/
上のサイトを見つけたのですが、よく読んでもどういう風に動作しているのかわかりませんでした。
外部cssで全部指定するわけでもなくhtmlの中でimgを使っていたり
わからない点があったのでどういう風に動作しているのか教えていただけないでしょうか。

書いてある通りなんだが・・・
確か角の丸いテーブルかなんかでググれば同じ方法の日本語のページ出てきた気がする

Dreamweaverについて質問です
CS5.5ですがコードの折りたたみは一時的にしかできないのでしょうか
範囲を選択して折りたたむまではいいのですが
展開して別の所をクリックしたら解除されてしまいますし
他のエディタのように恒久的にグループ化(もしくはアウトライン化)することはできないのですか？

2chで何言ってるの

>>570　あれは４枚の画像を使うので面倒　img と 背景の両方使ってる。
勉強したいの？　使いたいだけなの？

別の方法ならもっと簡単。（CSS3ならもっと簡単なんだが、今回はCSS2で）
幅を決めて（例：300px）四角の角丸の画像を作れるだろうか？
作ったら上部レイヤーと下部レイヤーにカット（コピペ反転でも良い）して、
上部と下部の画像２枚の背景画像にすればよい。真ん中は同じ色の背景色。
<div style="background: #f90 url(上画像) no-repeat; width:300px;">
<div style="background: url(下画像) no-repeat 0 100%; padding:4px 10px;">
<p>CSS2の角丸</p>
</div>
</div>

画像だから角丸にこだわる必要は無い。上部・下部がアーチや曲線でも良い。
横の切れ目（繋ぎ目）がしっかりしていればよい。理解出来るだろうか？

>>571
すみません。その書いてある通りが理解できなかったので・・・。
テーブルでデザインするのは駄目だと聞いたのですが<div>の代わりに使ってもいいのでしょうか？

>>574
あの方法は何でcssだけじゃなくimgも混ぜているんですか？あれが王道なのでしょうか。
角丸をこの機会に勉強したいです。
その方法で質問なのですが何で上画像、<p>、下画像の順番ではなく
上画像、下画像、<p>になるのでしょうか？
上下の<div>で<p>を挟むイメージがあったので気になりました。
変な質問だったら申し訳ないです。

試してみたら下のように上手くいきませんでした。
http://uproda.2ch-library.com/434317j3o/lib434317.jpg
背景色を同じ色で指定すると真四角になるのは画像の作り方が間違っていますか？

>>575　パズルのように考えるんだ！
色が逆だよ・・・　オレンジが中で茶色が外

デザインなんだからCSSだけの方が本来は良い。
角にimgを使うのは違うと思うんだけど、DIV構造とCSSが複雑になるから致し方ないかな。
そう考えると簡潔なCSS3が便利に感じる

角丸なんて古臭いよ！

先進の「角○○」登場に期待

角オナ

>>577のウェブサイトが臭いんだが

>>576
あの・・・どうしても>>575のようになるんですが
中が茶色の「中」と「外」はどの部分のことでしょうか？
上の画像と下の画像の色を変えたり背景色を変えたりしても
全部同じ色で真四角になるか>>575のように<p>部分と角の外側の色が同じになります。

サイト作りたてのころは角丸ばっか使おうとしてた
バナーとかにも

>>581
ひょっとして透過gifで作ってる？
外を白、中を茶色にしたい場合は上下の画像を作るとき背景色を白にしてみ
そのあとソースの背景色の指定を画像の茶色と同じ色にする
これでできるはず

>>583
成功しました！ありがとうございました

ただどうしても下の画像の<div>の中のno-repeatのあとの 0 100%;の意味がわかりません。
前の数字をいろいろ変えても何の変化もないのですがこれは何を指定しているのでしょうか？

そこまですんなり出来て、最後の部分が出来ないのは
>>581 もしかして女子？
じゃあ、今はソースの事は一旦忘れて、
最初から画像を作ろうか。その時に色を逆にしてね。

ああ、すれ違ったね。OK
それは、backgroundプロパティを自分で調べる事！

僕の質問もお願いします

環境がCS5.5じゃないから答えない　そんな人が多いでしょう

そもそも持ってすらない

そもそもCS5.5って言うのが何か分からん

バージョンって考えたらいい

CSS
CSS3
CSS5


HTML
HTML4
HTML5

多分ね
CSってのがなんだかわからない状態だと思うんだな

多分ね
CSとCSSを混ぜて混乱してる状態だと思うんだな

HP全体を囲む枠を消したいんですけど
CSSファイルじゃなくて
ｈｔｍｌに直接入力して消せる方法ありますか？

だからぁ
どんな環境でどんなソースでどう表示されているのか
お前の脳みそに入力された情報だけじゃ何も判断出来ないって

あぁ全角君か
なら仕方ないな…

>>594
サイト全体ということは、おそらくコンテンツ全体を囲む<div>要素に対して
borderが指定されているのだろう

CSSのルールでは、外部CSSの内容よりもインラインで書かれた内容が優先されるので、
htmlに直接インラインCSSを記述すればいい

全体を囲む<div>要素（containerとかwrapperといったid名がつけられていることが多い）に
以下の記述をすればよい
<div id="container" style="border: none">


あまり考えられないが、<body>要素に対して指定されている場合は、<body>に対して
同様の記述をする

情報が少ないので合ってるかどうか分からんが・・・

>>596
「枠を消したい」といっているからborderでは無く枠だぞ
しかも、ヒューレットパッカーの枠だぞ

>>587
「僕」とか「オレ」とか「生意気な奴」には優しくないようだから
「わたし」とかで可愛く質問してみ

ではバージョンとか抜きにして
Dreamweaver持ってる方ならどのバージョンでも誰でもいいので
ご使用のものでできるかどうか回答お願いします

<img src="xxx"/> の xxx　をCSSに書く方法教えてください

CSSを何だと思ってるんだ

>>600
前景はCSSで書けない

<body>
<div>
<ul style={list-style-type:none;}>
<li>aaaa</li>
<li>bbbb</li>
</ul>
</div>
</body>

でulを左右センタリングしたいのですが、どうすればいいですか？

<li style="{float:left;}"> わすれてました、すいません

<div>で囲んだ領域の境界線を一つの辺の一部だけ描写することは可能ですか？

タブ1 タブ2 タブ3
メインメインメインメインメイン
メインメインメインメインメイン
メインメインメインメインメイン

こんな感じのタブで表示を切り替える枠を作ろうとしてます。
(切り替え処理自体はJavaScriptで実装しました)

タブ2が選択されている場合に
凸のような形で線を引きたいです。

タブ１の上下左右
タブ2の上左右
タブ3の上下左右
メイン部分の左右下
に線を設定すると近いものになるのですが
タブ3より右側はメイン部分の上辺がありません
この部分だけ線を引きたいです。

>>605
組み合わせれば不可能ではないと思うけど面倒くさそうだね
こんなのもあるわけだし
http://jsdo.it/norahiko/m1WT

> タブ2が選択されている場合に
> 凸のような形で線を引きたいです。
タブの部分だけ別BGに切り替え

・・・このスレDreamweaverユーザーいないっぽいですね
スレタイに釣られました
おじゃましました

1000pxの<div id="container">を真ん中に寄せたいと考えた場合
cssで#container { margin:0 auto; }と記述すればいいと思っていましたが
http://suin.asia/2009/03/20/css-text-align-center-div.htmlを読むと
text-align:center;を使おうとしています
IEやFF用にハックしたりと試行錯誤していますが前述のmarginを使うのは駄目なのでしょうか？

> ・・・このスレDreamweaverユーザーいないっぽいですね
そもそもコードの折りたたみなんか使わないからなあ

去る者は追わず

>>609　それが正しい　旧IEがお馬鹿
あれは、試行錯誤じゃなくて独自テクニックだな。

>>610　おれも使わん　よっぽど入れ子が多いとか内容が多いとかでたまに使う。
展開して解除ってのが意味分からん。　展開＝解除じゃないの？
というか、DW不要。エディタの方が手軽

>>603
width指定して左右のマージンにauto
あとその中括弧は何だ

DWが活きてくるのはデカいサイトを制作管理するときくらいで
ここで質問するレベルの人が使うソフトじゃない
そもそも質問しても回答できないくらい普及してないんだから次回のスレタイから外した方がよくないか？

ドリ捨てたいんだが、テンプレートとサイト管理が良いので捨てられない！！

>>612
どっちが正しいのか混乱していたので助かりました
これからはmargin: 0 auto;で表示していきます

画像の右側に文字を表示させ、画像の下に文字を潜り込ませないようにしたいのですがどうすればいいのでしょうか？
ぐぐってもどこにも載ってなくて分かりません。

図で説明すると

画像画像　文字文字文字　　　　　　　画像画像　文字文字文字
画像画像　文字文字文字　　　　　　　画像画像　文字文字文字
画像画像　文字文字文字　　　　　　　画像画像　文字文字文字
画像画像　文字文字文字　　　　　　　画像画像　文字文字文字
画像画像　文字文字文字　　　　　　　画像画像　文字文字文字
画像画像　文字文字文字　　　　　　　画像画像　文字文字文字
文字文字文字　　　　　　　　　　　　　　　　　　　　　文字文字文字
文字文字文字　　　　　　　　　　　　　　　　　　　　　文字文字文字
文字文字文字　　　　　　　　　　　　　　　　　　　　　文字文字文字


↑ではなく、　　　　　　　　　　　　　　　　　　　↑のようにしたいのです。

テーブルを使わないと無理ですかね？

よくあるこのフッターメニューの列それぞれを3行ずつくらいにしたいんですけど
<tr>使わないで今のタグに何か足して出来ませんか？

#gNavi {
margin:0px 0;
padding:0;
width:100%;

height:40px;
overflow:hidden;
background:#009;
}
#gNavi li { list-style:none; width:98px; position:relative;
left:-50%;
float:left;


position:relative;
left:30%;
float:left;
border-right: 1px solid #999999; }
#gNavi li a {
display:inline;
line-height:30px;
color:#fff;
text-align:center;
}
#gNavi li a:hover { background:#66c; }

>>618の続きです

ｈｔｍｌ
↓
<ul id="gNavi">
<li><a href="#">トップページ</a></li>
<li><a href="#">プロフィール</a></li>
<li><a href="#">当サイトについて</a></li>
<li><a href="#">リンク集</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>

質問です。
DOCTYPEが入れられないページで、IE7、8で通常道りCSSが使えるように
する方法,もしくは解説サイトがあったら教えて下さい。

javascript使ってもOKです。

宜しくお願いします。

DOCTYPE入れられないってのがよく分からんが別に入れんでもCSSは使えるだろう

>>617　画像にだけfloatすると617の左図になるから
両方floatとwidthを設定する。つまり、２カラムにすればよい。

>>618　列と行とは意味が違うからやりたい事がわからん・・・　617のように表せば良いのに
最小限にするとこうなるけど、width:50%;を調整って事かな？
#gNavi li{display:inline;border-right:1px solid #999;}
#gNavi a{color:#fff;white-space:nowrap;padding:0 8px;}
<div style="background:#009;">
<ul id="gNavi" style="width:50%;line-height:2;">
<li><a href="#">トップページ</a></li><li><a href="#">プロフィール</a></li>
<li><a href="#">当サイトについて</a></li><li><a href="#">リンク集</a></li><li><a href="#">お問い合わせ</a></li>
<li><a href="#">トップページ</a></li><li><a href="#">プロフィール</a></li>
<li><a href="#">当サイトについて</a></li><li><a href="#">リンク集</a></li><li><a href="#">お問い合わせ</a></li>
</ul>
</div>

>>620　DOCTYPEがなければ互換モードでのCSSが使える

618です
このフッターメニューのようにできますでしょうか
http://www.giants.jp/top.html

>>622
トップページ │ トップページ │ トップページ │ トップページ │
プロフィール 　 ｜ プロフィール ｜ プロフィール ｜ プロフィール ｜
当サイトについて│ 当サイトについて │ 当サイトについて│ 当サイトについて│
　 リンク集 ｜ リンク集 ｜ リンク集 ｜ リンク集 ｜
お問い合わせ ｜ お問い合わせ ｜ お問い合わせ ｜ お問い合わせ ｜
↑

こんな風に<ul>自体を横に並べていきたいんですがどうしてもできません<m(__)m>

>>623
ul に float: left 付けて並べればいけるんでない?

>>623
いきなり大音量で喋り出して小便ちびりそうになった・・・ｗ

>>624
float: left ですか
ありがとうございますた<m(__)m>

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

スタイルシートに値を設定するのではなく、
現在どう設定されているのかを見る方法はありませんか？
h1タグなどのフォントサイズや
各ブロック要素のマージンやパディングの初期値や現在値を見たいです。

インラインフレームについて
別ページに更新履歴を作ってインラインフレームで表示させたいのですが、
縦幅が指定できまん。
具体的には別ページの内容が、指定した縦幅の数値に関わらず
全文スクロールされずに表示されます。
スクロールバーを指定しましたが出ませんでした。

以下タグです
<iframe src="別ページのurl"
name="in"
width="50%" height="20%"
scrolling="yes">
最終更新　00.00 ○○のページを更新...<a href=別ページのurl">履歴</a
></iframe>

ちなみに、横幅はちゃんと指定した値で表示できています。
またcssでインラインフレームについては何も指定していません。
どうしたら縦幅とスクロールバーを表示出来るのでしょうか。
よろしくお願いします。

>>628
F12

やっぱり分からなかったので失礼します
こんなふうに<li>を縦に<ul>を横にに並べたいのですが
http://gazoy.com.s3.amazonaws.com/s/9IV/md.png



<ul id="gNavi" >
<li><a href="#">トップ</a></li>
<li><a href="#">プロフィール</a></li>
<li><a href="#">当サイト</a></li>
<li><a href="#">リンク集</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>
<ul id="gNavi" >
<li><a href="#">トップ</a></li>
<li><a href="#">プロフィール</a></li>
<li><a href="#">当サイト</a></li>
<li><a href="#">リンク集</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>

続き
CSS


#gNavi {
margin:0px 0;
padding:0;
width:100%;

height:40px;
overflow:hidden;
background:#009;
}
#gNavi li { list-style:none; width:98px; position:relative;
left:-50%;
float:left;


position:relative;
left:30%;
float:left;
border-right: 1px solid #999999; }
#gNavi li a {
display:inline;
line-height:30px;
color:#fff;
text-align:center;
}
#gNavi li a:hover { background:#66c; }

h1の次のdivの上に空白が入りulが数文字分インデントというのか
数文字分下げられるですがどうやって左に詰めるのでしょうか？
liにはfloatでleft、margin,paddingは0です
winのIE8だときちんと表示されるのですがchrome14だと上に書いた症状が出ます

<div>
<div>
<h1>タイトル</h1>
</div>
<div>
<ul>
<li>年月日</li>
<li>カテゴリ</li>
</ul>
</div>
</div>

解決しましたー

>>631
gNabiが2つあるぞ

>>631
サイト構成にもよるけど、どういう状況でそう置きたいのか言ってほしい
単にリストを横並びなら側をボックスで分ければ手っ取り早いけどね

>>631=618-619,623だとして、テクニックばかり先行して基本が無いんじゃないか？
簡単に書くとこういうことじゃないか？　話はそれから。
<div id="foot-navi">
<ul class="gNavi"><li>〜繰り返し〜</li></ul>
<ul class="gNavi"><li>〜繰り返し〜</li></ul>
</div>
#foot-navi{width:400px;background:#009;overflow:hidden;/* clearfix */}
.gNavi,.gNavi li{margin:0;padding:0;}
.gNavi{width:99px;float:left;border-right:1px solid #999;}
.gNavi li{list-style:none;}
.gNavi li a{display:block;line-height:30px;color:#fff;text-align:center;}
.gNavi li a:hover{background:#66c;}

あ、HTML,CSSの両方で、gNaviのセレクタ指定は不要だだった
divの#〜 ul{}とかでOK

623です
先生方ありがとうございました
基本から勉強します。

初めまして。HTML CSS全くの初心者で勉強中の者です。
基本的なことですが、教えていただけますでしょうか。

現在、htmlのチュートリアル本の通りに進めているのですが、背景に色をつけることができず、行き詰まっています。

mac os 10.5.8利用で、テキストエディットはフリーソフトのmiを利用しています。

<body> {color:#444444;
background-color: #66aa66}

div#container {border: solid 2px #00bfff;
padding: 20px;
background-color: #ffffff}

文字の色や罫線などには、色をつけることが成功しています。
背景に色をつけて、罫線の中は白にしたいのですが、何度試しても、背景色が適用されないままです。

何か改善策等ありましたら、ご教授願います。

>>640
>> <body> {color:#444444;

だと?
「<body>{…}」って教本に書いてあるのか?

こりゃ本が悪いね
質問者は何も悪くない

>>642　そんな本が売ってるわけねーだろ

プロの方のサイトのソースなのですが外部cssの中身の書き方はこれで合っているのでしょうか？
div#test li a:link {color:red}の方が正しいような気がするのですが
divのあとは「#」なのか「.」なのかaのあとには「link」をつけるべきなのか
詳しい方、教えていただけないでしょうか？

<body>
<div id="test">
<ul>
<li>あああ</li>
<li>いいい</li>
</ul>
</div>
</body>

div.test li a{color:red}
div.test li a:hover{color:blue}

>>644 該当しないから両方間違い。実際に書けばわかるでしょうに・・・

>>645
有名なプロの方が配布されている物のソースなので正直驚いてます
これだけの方でも勘違いはあるんですね勉強になりました

勘違いじゃなくてサンプルコードの動作確認をしてないだけでしょ
a要素すらないし

>>646
JSで要素を生成してるんじゃない？
載ってないコードで正しくなることもある

>>647-648
他にはdivの中のul要素をfloatさせて最後に<br class="test"/>で終わらせていました
cssには.test{clear:both; line-height:0}で;をつけていなかったり
仮につけていてもこれだとIEでバグるんですが対処もしていなかったり
間違いが多かったにもかかわらず有名な方なので驚きっぱなしです

意外とこれで食べていってるWeb屋を名乗る人も素人と同じような間違いをすることもあるんですね

> cssには.test{clear:both; line-height:0}で;をつけていなかったり
最後の「;」は省略できるよ

あまりわかっていないのに
間違いじゃないものまで間違いといって叩くのは感心できないな
コードの断片を適当に切り取って見せられても元が書き損じなのか質問者の写し損じなのかわからないし
配布している本人に聞いたほうがいいんじゃないの？元のミスなら修正したものを再配布してくれるだろう

>>650
省略できるんですか今まで知りませんでした
これは完全に落ち度です。申し訳ありませんでした

>>651
写し損じではないですが最後の;の省略は知りませんでした
有名なWeb屋さんのソースがどんなもの見たかっただけなので修正を期待してるわけではないです

>>652
URLを開示してもらうのが手っ取り早いんだけどな
又聞きの状態ではそれが間違いなのかは判断できないし

>641 >642 >643

<body>とは教本に書いてないのに、<>をつけてしまった私のミスでございました。
<>を取払い、背景色がつきました。
教本通りがんばります。
ご指摘とコメント、ありがとうございました。

<div id="d1">
<div id="d2">
<a>A</a>
<a>B</a>
<a>C</a>
</div>
</div>

で

<------------d1---------------->
　　　　　　　　 <-d2->
　　　　　　　　　ABC

となってd2(=ABC)が横方向についてセンタリングされるようにしたいのですが、どうすればいいですか？

省略って言うか、セミコロンは区切りだから

divってなんなの？
大きさ指定しても中に配置した要素がそんなの無視してどんどん外にはみだしていくなんて

>>650,652
br clear:both; はテクニックだよ
見えない要素での100%正しいclearは存在しないからケースバイケース
IEでも、その利用法によっては br clear:both;でバグらないし
旧IEに対してはサポートしていない人も多いよ

>>655
<div style="border:1px solid blue;">
<div style="width:300px; margin:4px auto; text-align:center; border:1px solid red;">
<a>A</a><a>B</a><a>C</a></div></div>

>>657 中身が大きければはみ出すでしょｗ
小さなダンボールに大きな中身を入れたらダンボールが破けるでしょ・・・
<div style="width:300px; overflow:hidden;">

メニューが横並びになるように、記述しているはずなのですが、
罫線の設定をすると、横並びが解除されて、箇条書きになってしまいます。
以下、何か問題箇所はありますでしょうか？
ーーーーーーーーーーーーーーーーーーーー
ul {list-style-type: none;
margin-left: 0;
padding-left: 0;
background-color: #afeeee}
border: solid 1px green;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px}

li {display: inline;
padding-right 10px;
font-size 0.75em}


ーーーーーーーーーーーーーーーーーーーー

>>659　　4行目　background-color: #afeeee}

>>658
655です
ありがとうございました
４時間の苦悩からようやく解き放たれました

margin-left:auto;margin-right:auto;
って何やねん、糞が！

>660
659です。ありがとうございます。改善しました。

background-color: #afeeee}
の最後の} を外したら改善しました。

{}
や
<>
など、よけいなものを入れないよう、文法的に間違いないよう注意します。
ありがとうございました。

colにクラスを設定して
CSS側で文字色変えようとしたんですがかわりませんでした
これは仕様ですか？

http://www.golf.com/

このサイトのようなメニューはどのようにして作るのでしょうか？

CSSだけで作成できますか？
それともjQueryなどjavascriptなどで制御しているのでしょうか？
ご教授願います。

col とか colgroup なんて良く知らんが、
colorは不可　background-colorは可　IEは独自仕様だから知らん（ｷﾘ

>>664　jQuery

absolute指定要素が入れ子になっていた場合
親absoluteの開始位置が子absoluteの基準位置になる気がするんですがそれって仕様ですか？
そうだとすると上記を解決する方法ってありますか？

意味分かんね　ソース出して＆何をどうしたいか説明してくれ
日本語は27点程度の低能だけどCSSなら98点取れるから

>>667
パラメータいじってみてそう思うのならそうなんでしょうね

>>667
仕様

でもって解決と言われても問題が見当たらない

Dreamweaverで「<」を入力したときに「<>」と瞬時に補完してくれる動作をしてほしいんだけど設定のやり方が分からないです
やっぱスニペットをショートカット登録する位しか出来ませんかねえ？

Dreamweaver使ったことないからわからんけど「<>」で定型文かなんかに登録出来ないのん？
んでそのショートカットを「<」にすれば良いんじゃないかい？

＿
│ヽ　　　
│　
│100px
│
│ノ
￣
あいうえお

こんな感じで縦100ｐｘ空けてから文字、という風にするにはどうすればいいですか？
諸事情につきmargin、paddingは使えないです

positionとtop:pxを使えば出来ましたね。失礼致しました

>>669
マナーの悪い奴は鮮人認定されてもしょうがなくね？
俺なにも間違ったこと言ってなくね？

>>5
これ、前のどっかにも書いたけど・・・
フォルダ・ファイルを右クリックして「クローク→クローク実行」ってやると赤い斜線がつく。

その斜線の付いたフォルダ・ファイルは同期の対象外になる。
（サイト側にアップロードされないしサイト側からの削除を含む同期をしても対象外になる）

テンプレとかアイコン・バナーとかの素材を
サイト自体とフォルダ一緒にしとくのはどうかなぁと個人的には思うけど

条件反射で書き込んだからここまでの間に誰かが答えてたらごめん

>>675
朝鮮人認定されようが関係ない
弄ってみてその挙動しかしないのならそういう仕様なんだろ
って逆切れ?誤爆?

>>675　第三者でもわかるように内容を書けよ。
カタコトや自分だけわかる文章とか、
日本語で書かない方が鮮人認定されるって事だろ

http://blog.us.playstation.com/

このサイトとかはちまのように
画像の上に半透明の帯を引いてその上に文字を載せるっていうのは
どうやってるんでしょうか

>>679
っ F12

>>679
厳密に言うと同じじゃないけどこんな感じで重ねてる
css

div{
position:absolute;top:0px;left:0px;
width:100px;height:50px;
color:white;
border:1px solid black;
background:black;
opacity:0.5;
}

html

透明度の実験
<div>もじもじ</div>

Text打ちできれば、DW使えなくても採用されますか？

採用基準なんて知るか
会社に聞けよ

ここで聞いちゃう様だから採用されないんだろうな
と無職が書いてみる

文章が下手だからお前は採用されないな。
採用というのは、第三者からすると何の事？となるからね。
そういう雑なとこは面接でボロが出るから。

マジレスすると、DWでの指示があるから話が通じなくなる・・・
だから、同じ程度のスキルならDW使える人を採用するだろ？
まあ、DWの無料版で１回制作すれば使えるようになる。

>>683>>684
こんな時間に、こんな所にいる人達に尋ねた行為自体が愚かでした。

>>679　透過PNG使え

>>685　そうだな。自分で認めるほど賢くないようだから就活は諦めろ

>>683だけど
間違えたこと言ってないハズだが
採用基準がココに明記されている
または>>682を採用するかもしれない会社の人事がココの住人なら別だけど
挙句>>685じゃどうしようもないな…

お前ら親切すぎるだろ
ほっときゃリアルで恥かくのに

そうだった
スルースキル足りねー
そろそろバーストタイムこねーかな

いや、ここは親切スレだからいいんじゃないの？
口が悪いのを不親切だと勘違いする人が多いけど。

> 口が悪いのを不親切だと勘違いする人が多いけど
分別のある大人なら言葉も選びます

質問する相手を間違えているのには
スレ違いだよ(はぁと)って答えれば良いのか
あなたってオバカさんなのね(はぁと)って答えれば良いのか
ドッチが親切なのかな

>>692　求める場所が問題だろ
親切丁寧に教えてほしいなら、金払って業者にお願いしろ。
分別ある大人なら、
無料で教えるのと有料で教えるの場合、態度が変わるだろ？
それも１つの分別。
「教えてろや」って態度のガキに丁寧に教える大人はここにはいないし、
そんな人でも仕事ならガキにでも敬語で対応するだろ。お前は違うのか？

まあまあそのへんで
あまり追い詰めるとお荒らし様に化けますよ

世の中には>>692のようにいつも言葉を選んで
ストレス溜って鬱になる人もいるし
暴言を吐いた事が一度も無い人がいるからね
ただ
ここで言葉を選べと要求する神経は信じられないけど。。。
大阪に修業しに行けや

>>692
否定しませんが、分別ある大人は慇懃無礼でもありません。

よく質問サイトも見るけど、
いい加減な質問にはいい加減に返答されるし、丁寧な質問には丁寧な回答が付く。
こだまかな

ポジションのfixedについて質問です
400px×400pxのブロックをダブルクリックした場所で表示するスクリプトを作りました
しかし画面の右端で表示すると画面の外に表示されてしまい見る事ができません

positionがfixedな要素を画面の外へ行かせないようすにする方法はCSSにあるんでしょうか？

スクリプトで画面の外に表示するから見えないんだろ

>>699
１　ご質問される際には、HTML,CSSのソースをご提示した方がよいでございますわよ(はぁと)
２　画面とは400px×400pxなのか？　body全体なのか？　ちゃんと解説しろやゴラァ
３　何故fixedを使うのでしょうか？
４　画面の外って何処じゃボケがぁ！
----------
５　どの言い方で答えれば良い？

つまりアレだろ？
left;5000pxとかでも見えるようにしてーって事だろ？
無理だ

今度からテンプレに「ソースを明示しない場合は回答されない可能性が高いです」って書こ
それ以外の質問、例えば<div>とは何の役割ですか？とはかググればわかる
回答してやりたくてもエスパーじゃねぇんだからソース無しじゃわかんねーよな
応答が進むにつれソースを部分的に出してくるけど最初から出してれば1レスで終わるんだよ！

あーすっきりした

ソースは別にいらんな

ソースもちゃんと動作する必要最小限のコードが望ましいけど
ここはアホにも優しく答えるスレだから誰も答えず過疎化して別のスレと統合されればいいと思う

テンプレにソースうｐろだ張っとけば

zipで上げられたら目も当てられない

俺はソース張ってもらった方が良いな
そうすれば答えやすいしね
うｐロダはやめてくれ
開けないところあるし

codepadみたいなHTML版は無いのかに?

>>709
jsfiddle とか

<table>
<tr><th colspan=2></th></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>

こういうテーブルがあったとして、
1列目の幅を全体の２０％程度にして、2列目の幅を全体の８０％に設定したいんです。
その設定はどこですればいいですか？
colで設定してもうまくいきませんでした。
全体の長さを設定する場所はtableタグのCSSのwidthで設定すればいいですか？

とにかくヘッダのthがcolspanで2列分取ってるので、
2行目以降の1列目2列目の幅を個別に設定できるか疑問なんですが。

俺の環境ではcolで設定出来るが・・・
全体の長さはCSSでOK

<table summary="">
<col width="20%">
<col width="80%">
<tr><th colspan="2"></th></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>

これで動かんならブラウザが悪い（

>>710
ばっちりじゃん

A
B
C
とあって、ブラウザ幅によりAのみ縦が可変するにはどうすればいいでしょうか。全体のheightは100%です

http://page13.auctions.yahoo.co.jp/jp/auction/r82648341

usjkanazawaです
ヤフオクにて割れビルダー１５ガンガン出品してます
入札よろしくお願いします
割れなので新品なのにもちろんユーザー登録できません☆

何もいじらなくても可変じゃね

質問ソースはjsfiddleに貼ってくれりゃ楽やな

>>711,712　おれならcol使わずに２行目だけwidth設定だな

<table summary="" border="1" style="width:600px;">
<tr><th colspan="2"></th></tr>
<tr><td style="width: 20%;"></td><td style="width: 80%;"></td></tr>
<tr><td></td><td></td></tr>
</table>

>>714　Aの中にBC固定すればいいじゃん

ここの質問者に質問のマナーを自覚させる為に
ソースを提示しない質問には、回答者はソースで教えない法則を推薦！
教える場合は、文章でやり方を教えるようにしましょう。
いちいちソース出せ！とか言わなくて良いよ。

別にどうでもいいよ
暇つぶしに回答してるだけだし

なにか趣味が欲しいと思い、ホームページ作成を趣味にしたいとおもいます。
当面の目的は、美術大学に通う友人の作品紹介ホームページとバンドをやっている後輩のホームページ作成が第一目標です。


そこでDreamweaverに行き着きました。

まずDreamweaverを使うにあたり他に必要、あった方が便利なソフトはありますか？
Web Premiumというものもありましたが…
一応環境として、
iMac(2011)core i5 メモリ12GB、
MacBook Air(2011)core i5 メモリ4GB
を所有しています。

また最初に読むと参考になる書籍もあれば教えていただきたいです。
よろしくお願いします。

>>721
美大生の作品紹介やりたいってことは
紹介する作品が映えるような、カッコいいサイトを作りたいのかな

必要なソフトは、まずブラウザ
これでカッコいいサイトを探しまくる
次に、見つけたサイトをパクるためのエディタ
これでカッコいいサイトのソースを分析、真似する

Seashoreというグラフィックソフトでタイトルロゴを作成しました。
しかし、実際ブラウズすると、タイトルの横サイズは合っているようなのですが、縦がおもいきり縮小されて表示されます。

教本にはpngファイルで作成するよう記載されていたのですが、実際保存するときの拡張子にはpngがなく、gifとjpgの2種類で保存してみました。
保存するときのwidthとheightを調べて、下記のように記述してみたのですが、
実際作ったはずのロゴのちょうど中間部分が縦２mm横5cmで切り抜かれたように、もしくは縮んだように表示されて、どうも画像全体が表示されていないようです。
gifでもjpgでも試してみましたが、同じ結果です。

何か下記の記述、もしくは保存の仕方等で改善策がありますでしょうか。

よろしくお願いします。
-------------------------------------------
<body>

<div id="container">

<div id="header">

<h1><img src="title.gif" alt="************** " width="412" height="94" /></h1>
-------------------------------------------

したらば掲示板をHTMLでカスタムする方法についてわかる方いらっしゃいませんでしょうか？
したらば掲示板スレで質問したのですが、説明するのが難しいとの事でしたので・・・

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

そうですね。
シンプルで見やすいサイトがいいなといっていました。

エディタについて調べたのですが、Dreamweaverにもエディタの機能があるのでしょうか？
Adobeのサイトを見ているとそのような説明が記載されていたのですが。

明日本屋へ行ってDreamweaverの教則本を見てこようと思います。

>>725
＞Dreamweaverにもエディタの機能があるのでしょうか？
もちろんあります

デザインビューでレイアウト配置する方法が直感的に作業できて
簡単にできるから、初心者はデザインビュー使いたがるけど
やっぱ基本はHTMLソースを読めないとね。

Dreamweaverにもエディタ（コードビュー）あるけど
Dreamweaverって起動に時間かかるでしょ
気になるサイト、参考にしたいサイトみつけとき、ササッとソース確認するには
軽いテキストエディタつかったほうがいいよ、ってこと。
コード補完とかタグの色分けとか、便利な機能がついてるテキストエディタは
無料でいろいろあるから。

>>726
なるほど。
つまり、Dreamweaver使えば楽に丸パクリができて初心者は楽しちゃう
という感じですかね？

とりあえず、HTMLとC言語というものの違いすらもわかってないのでそこから勉強して、やりながら組み合わせ(？)を覚えていこうかと思います。

にしても、Dreamweaverの教則本って高いですねー…

>>727
Dreamweaverは初心者向けのソフトじゃないよ
HTMLやCSSの知識がないと十分に使いこなすことはできない

最初はメモ帳やテキストエディットを使って、簡単なウェブサイトを
作ることから始めたほうがいいと思う

HTML/CSSは超簡単なマークアップ言語だから、入門書を買って
ほんの数時間勉強しただけで、それなりに使いこなせるようになるよ

HTMLとC言語の違いすらもわかってない初心者が
いきなりDreamweaver買っても、操作方法の習得だけでアタマが真っ白になるだろ

まずはテキストエディタで簡単なHTMLとCSS書いて
タグの意味や役割を勉強したほうが、すんなり理解できるんじゃないかな

おれもDreamweaverはもってるけど、ほとんど使ってないな
サイト構成を大幅に変更するときとか、あとFlash埋め込むときとかは便利だよね

>>712
>>718
ありがとうございました。colでいけました

スレが分からなかったのでここで質問したいんですが、
ジャンプの動作を含むコマ送りのキャラ素材を置いてるサイトでいい所しりませんか？

>>730
調子にのるなよ

じゃあいいです
ありがとうございました

css3　って　jQueryの　li:gt(3)　みたいなの無いんですか？

ここで質問に答えている人は基本的に偉そうですね。
どうせ基礎も分かっていないのにどうしてそんなに偉そうなんですか？

>>734は基礎も分かっていないのにどうしてそんなに偉そうなんですか？

問題解決したからってスレ違いな質問をしていいわけではないだろ

答えられない難問が出るとすぐ質問者のせいにする…
基礎すらわかっていない証です。

あっちのスレに帰ってくれよ

>>738
どうせ基礎も分かっていないのにどうしてそんなに偉そうなんですか？

>>739
うるせーハゲ

答えられない難問が出るとすぐ罵倒する…
基礎すらわかっていない証です。

>>737　はいはい、お前に比べたら基礎すらわかってないって事で納得？
だから、お前が手とり足とり全部に回答すれば良いじゃないか
737の名前を入れてくれな。参考にするから。

回答しないなら基礎すらわかっていない証です。

floatを使ったらborderがおかしくなるのですが、どうしたらいいでしょうか？
<div style="border: 1px solid; width:100px">
<div style="float: left">aaa</div><div style="float:left">aaa</div>
</div>
aaaの部分も親要素のborderでかこいたいです。

あとこのfloatの部分なんですが、
同じような箱を連続で置くようなイメージで、
たまに文字が多かったりするのせいか、ずれて表示されてしまいました。
widthとheightを指定することによりなんとか崩れないようにはなりましたが、
テーブルのようにはみ出ても領域を確保してくれないので、
floatはあらかじめどんくらいのサイズが想定して指定する感じでしょうか？

>>742　はいはい、お前に比べたら基礎すらわかってないって事で納得？
だから、お前が手とり足とり全部に回答すれば良いじゃないか
742の名前を入れてくれな。参考にするから。

回答しないなら基礎すらわかっていない証です。

>>743 width:100px;を分割して収まるように

<div style="border: 1px solid blue; width:100px">
<div style="float:left;width:49px;">aaa</div>
<div style="float:left;width:49px;">aaa</div>
<p style="clear:left;">とりあえずPでclearしておくが、clearfixなど他のclearで試す事</p>
</div>

おれは、基礎すら知らないから他の人の上級者の素晴らしい回答を待て！って事でOK？

>>745
その回答はセンスがないですね。
私ならほんの10文字程度でスマートに回答できます。

まあ回答はしませんけどね眠いし

>>746-747　素晴らしい！
10文字で解決出来るのにわざわざ50文字以上ものコメントをしてくれるなんて
まさに神だな

>>746-747様へ　基礎すら知らないのに出しゃばって回答してすみませんでした。
やっぱり、clear関係を使うのはIE11ではNGなんですよね・・・
CSS4のfloatendプロパティを使うのが究極のテクらしいのですが、
最新すぎて検索では情報がわかりません。
どうかこの下僕に教えて下さいませ。

>>743
>>7-8

なんか見た事ある質問だなと思ったら。。。
荒らしシネヨ

>>751
スレ頭から読めよカス

contentの擬似要素に画像を挿入したのですが表示位置の調整方法がわかりません
画像の表示位置を微調整をしたいのですがご教授願えますか？

css positionで検索してね

>>754
ありがとうございます。解決しました

ページ左部分に全体的に余白作りたいのですが、
Dreamweaverの分割画面ではちゃんとスペース空いて表示されるのに
いざプラウザチェックすると余白出来てません。
tabreで作った右端部分も画面上は指定通りの長さなのですが、
プラウザで見ると右端まで伸びてしまいます。

ソース間違ってるのにDreamweaverが補正してるって事なのでしょうか？

解釈はブラウザによって違う部分がある
どのOSのどのブラウザかを明記せよ
出来ればソースも

ソースは言われるまで出しません！解決には一手間かけてもらいます！

出せと言われてもそのままでは動かないソースを出します！
問題が発生する最小限のソースではなく余計なコードもごちゃごちゃ盛り込みます！
解決には一手間かけてもらいます！

下手に自分で判断して切り出したコードの一部を貼られても問題部分が他の所に有ったりするからなぁ

それぞれのソースをココに貼ってくれよ
http://jsfiddle.net/

>tabre
こんな仕様は無いので無理・・・
こういう人は他でもミスしまくってるので思うような配置は出来ない

win7のでソフトはCS 5.5です。

〜HTML部分〜
<div class="abc">
<h2>てすてす</h2>
</div>

〜外部CSS部分〜
.abc {
margin:6%;
width: 200px;
height:500px;
}

例えばDreamweaverの場合↑でもmargin:6%は空くのですが、
ライブビューで見るとwidth: 200pxも繁栄されずにびにょ〜んと伸びてしまいます…

h2 {
border-top: 2px solid #191970;
border-right: 2px solid #191970;
border-bottom: 2px solid #191970;
border-left: 8px solid #191970;
}

張り忘れ…この四角の右部分がびにょ〜んと…

win7は持ってないからな…
mac safari chrome firefox camino
文字コードの関係で文字化けはしたけど
他は特に問題なかった

>>762の.abcにバックグラウンドカラーを設定して影響する範囲を見てみたら?
ソレが全てではないけどね

MacOSXのCS5.5です
swfとかflvを配置したページをアップロードしようとするとエラーがでて
｢古いリモートファイルを削除できないため、"ファイル×××.swf"はスキップされました。｣
ってログに出るんですけど原因わかりますか？

あほでした…
実際には定義にabcで無く数字を入れてました…

色々とありがとうございました。
まじで吊ってきます！

わかりません

権限の設定等を見直してみたら?

label要素の役割はチェックボックス等の選択肢で文字列をクリックしてもチェックが入れることができる
という解釈で間違っていませんか？

>>768
間違っています。label要素はフォームコントロールと結ぶつけるキャプションを定義します。
http://www.html5.jp/tag/elements/label.html

> チェックボックス等の選択肢で文字列をクリックしてもチェックが入れることができる
HTML5 では保証されていません。

label要素をクリックすることで関連付けられているコントロールがフォーカス（チェックではない）される

俺は質問者だけどソース出さないと答えられないやつは二流だと思う

別に全員が一流目指す訳でも無し
一流じゃなければ回答しちゃいけん訳でも無し

だが質問の仕方があれだとねぇ
エスパーするのはなかなか大変だよ

俺は質問者じゃないけどソース出さずに答える奴は三流だと思う

>>768
間違ってないよ

>>771
つ 厚顔無恥

>>771
一流の回答が欲しいなら一流の質問をしろよ

質問です

ほっちょっげはっじゃあぺたうぇよず

お願いします

>>777
回答です

ぶっちゃけぶっちゃあぶっちゃたず

>>778
早いレスありがとうございます
無事解決しました

ここで質問に答えている人は基本的に偉そうですね。
どうせ基礎も分かっていないのにどうしてそんなに偉そうなんですか？

>>780
子供並みの釣りだな。
全然そそられん。はい次

ここで質問している人は基本的に教えて君ですね。
自分で努力もせずにどうして他人に過剰な要求ができるのですか？

>>782
回答者があまりにも低レベルなので試してるんです

>>783
正当な理由ではありませんね。

>>783＝稼げない業者乙

今現在、HTMLProject2でHP作成しているのですが、これが使えてれば
Dreamweaverはすぐ使えるようになりますか？

>>786
ならない

>>786
無理

おいおい、回答者まともに答えてやれよwｗｗ

まともに質問してくれよ

質問者があまりにも低レベルなので試してるんです

粘着してるのはdreamweaver使えないけど雇ってもらえますかって人？

もう3回ぐらい見てる気がする
決まって「回答者は低レベル」で終わる
煽り目的だから回答しなくていいよ

短文質問は要注意

質問者クソすぎ
俺たちに答えてほしいなら金を払え

>>793
どうでもいいが、君は最近2chに張りついてることになるね
外に出たほうがいい

ならないだろｗ