5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

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

1 :Name_Not_Found:2011/11/30(水) 02:54:10.17 ID:GtuobHry
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

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

2 :Name_Not_Found:2011/11/30(水) 03:13:34.37 ID:???
1乙

3 :Name_Not_Found:2011/11/30(水) 05:19:26.40 ID:???
>>1


4 :Name_Not_Found:2011/11/30(水) 07:37:44.77 ID:???
http://www.hncb.jp/

このサイトのように.jpや.comのようにhtmlファイルでつくられているのに
URLの最後に.htmlとなっていないのは何故でしょうか?


5 :Name_Not_Found:2011/11/30(水) 08:31:11.84 ID:???
>>4
「URLが / で終わる場合、その後に○○が続くと見なす」という設定が
Webサーバ側で行われているから。
ちなみに、○○はindex.htmlとは限らない。(むしろ最近ではindex.htmlは希少かも)

ついでに、「ブラウザでソース表示してHTMLが書いてあるからHTMLファイルで作られている」
という思い込みも、正しいとは限らない。

6 :Name_Not_Found:2011/11/30(水) 08:39:23.50 ID:???
>>5
>「URLが / で終わる場合、その後に○○が続くと見なす」という設定が
Webサーバ側で行われているから。

使用するサーバーによっていちいち表示されないということですか
ありがとうございます

7 :Name_Not_Found:2011/11/30(水) 09:00:38.87 ID:???
サーバーの設定ファイルで自由に設定できるってことです。

8 :Name_Not_Found:2011/11/30(水) 10:49:51.59 ID:???
1おつー
前スレでhtml5ではブロック要素をaタグでくくって問題ないかって話でてたけど
MDNの記事に参考になりそうなものがでたので貼っておきます

第2回 HTML5で使い方が変更されたタグをまとめよう
http://www.mdn.co.jp/di/articles/2605/?page=3

9 :Name_Not_Found:2011/11/30(水) 12:10:09.26 ID:???
節子それMDNやない

10 :Name_Not_Found:2011/11/30(水) 12:26:13.22 ID:???
>>9
頭だいじょうぶ?

11 :Name_Not_Found:2011/11/30(水) 12:42:38.37 ID:???
>>10


12 :Name_Not_Found:2011/11/30(水) 13:08:05.52 ID:???
オプソ脳なんだろな。
って書くと褒め言葉に取られるんだろうな。

13 :Name_Not_Found:2011/11/30(水) 16:49:34.07 ID:???
IFRAME内に表示するHTMLファイルを更新しても、
その親のページを表示したときに更新されない時があるんだが、
これは何が原因ですか?

14 :Name_Not_Found:2011/11/30(水) 17:02:11.45 ID:???
>>13
スキル不足

15 :Name_Not_Found:2011/11/30(水) 17:18:10.26 ID:???
>>14
おいコラ
お前何しにきた

16 :Name_Not_Found:2011/11/30(水) 17:22:30.23 ID:???
>>15
主原因を上げてみただけだw
つか、答えてあげなよw

>>13
まともに答えたらブラウザのキャッシュだろうな
単純にシフト押しながら更新してみ?

17 :Name_Not_Found:2011/11/30(水) 17:23:52.18 ID:???
>>14
死ねばいいよ

18 :Name_Not_Found:2011/11/30(水) 17:26:48.85 ID:???
>>16
ありがと
いけた
キャッシュ毎回削除する必要があるのか
めんどい(´・ω・`)

19 :Name_Not_Found:2011/11/30(水) 17:55:15.37 ID:???
>>11
どこからどうみてもMdNでした

20 :Name_Not_Found:2011/11/30(水) 18:18:58.19 ID:???
>>18
ということは、ユーザーもキャッシュが変更されない可能性があるから
iFrame内を更新したら、iframeのURLを
http://www.example.com/iframe.html?t=20111130
みたいに、日付入れると、キャッシュは気にせず表示される
HTMLソース見るとCSSとかのファイル名に、
?t=2011...ってかいてあったりするしね
CSSもキャッシュされるからね
スキル不足とか言ったけど、、、、












反省してない

21 :Name_Not_Found:2011/11/30(水) 18:30:07.45 ID:???
テーブルの行全体にリンクつけてクリックしてページ飛ぶようにしたいのですが、どうすればいいでしょうか

<table>
<tr>
 <td>画像イメージ</td>
 <td>商品名</td>
 <td>カテゴリー名</td>
 <td>価格</td>
</tr>
<tr>
 <td>image/hh.jpg</td>
 <td>田中</td>
 <td>田中本</td>
 <td>50,000</td>
</tr>
</table>

hrefでもformでも一気に囲むとtdのせいでエラー出て出来ません

22 :Name_Not_Found:2011/11/30(水) 18:32:48.22 ID:???
>>18
Cache-Control

23 :Name_Not_Found:2011/11/30(水) 18:35:42.48 ID:???
>>21
addEventListener
tbody省略しない方がいいよ

24 :Name_Not_Found:2011/11/30(水) 23:29:43.55 ID:???
>>21
あんまりスマートなやり方じゃないけど、クリッカブルマップを使用する方法がある。

1×1の透過gifまたはpng画像を作成する。そして、widthとheightを指定して表と同じ
大きさにする。その透過画像を絶対配置を使用して表と重ねる。

最後に、画像にクリッカブルマップを指定してリンクを設置する。



25 :Name_Not_Found:2011/12/01(木) 00:00:05.27 ID:???
そんなことするくらいならonclick属性使った方がまだまし

26 :Name_Not_Found:2011/12/01(木) 08:29:02.42 ID:???
>>21
ulで組み直すのがベスト

27 :Name_Not_Found:2011/12/01(木) 09:20:15.59 ID:???
>>21
これが一番シンプルかな。
IE8,Gecko,Webkit,Operaで確認した。
難点はaにheightを指定しないとリンクが正常に動かない事。

<a href="#" style="display:block; width:XXX; height:YYY;">
<table>
省略
</table>
</a>



28 :Name_Not_Found:2011/12/01(木) 09:36:46.15 ID:???
たくさんの回答ありがとうございます
自分のレベルにあった奴つかって見ます

29 :Name_Not_Found:2011/12/01(木) 10:26:31.19 ID:???
こんにちは質問です
お客がiPad1でレイアウトがずれると言っています。
こちらのiPad2では問題ないです。
iPadならではの原因はありますか
9pxや10pxの文字サイズがどうやら固定で12pxくらいになる?
経験あるかたおねがします

30 :Name_Not_Found:2011/12/01(木) 11:18:13.67 ID:???
Divのなかにさらにdivをおいて、その中の文章が増えたら外側のDivも押し広げられる作りにしたいときは高さ指定をヤメればいいのかと思うんがけんど、
逆に文章が少ないときに最低限は100pxは高さがほしいってときはどうすればよかと

31 :Name_Not_Found:2011/12/01(木) 11:46:24.47 ID:???
min-height

32 :Name_Not_Found:2011/12/01(木) 12:07:04.01 ID:???
>>26
表にul使うやつがあるか

33 :Name_Not_Found:2011/12/01(木) 19:59:55.32 ID:???
2階層上のフォルダやファイルにアクセスするにはパスってどうやって書けばいいんでしょうか?

.../test.html

ってやっても無理でした。
一階層上なら../でいけますが2階層上のファイルにアクセスする方法がわかりません

34 :Name_Not_Found:2011/12/01(木) 20:04:06.63 ID:???
../../でいけました
どうも

35 :Name_Not_Found:2011/12/01(木) 20:04:27.03 ID:???
>>33
../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../

仕様で、何階層上までいけるんだろ

36 :Name_Not_Found:2011/12/01(木) 20:08:38.96 ID:???
>>35
階層は関係なくパス名の最大長までじゃないの?

37 :Name_Not_Found:2011/12/01(木) 21:46:27.50 ID:???
<li>の最後のborderを消したいのと

imgのロゴ以降はfloatを解除したいのですがfloatが解除されてません

この2つがいろいろ調べても出来ません。
私の書き方がまずいのでしょうか?
分かる方おしえてください

http://jsfiddle.net/gpDnh/



38 :Name_Not_Found:2011/12/01(木) 22:43:35.31 ID:???
<li>の最後のborderを消す方法はいろいろあるけど、
:first-child疑似クラスを使用する方法が一番スマートだと思う。

#header li {
padding: 0 10px;
list-style-type: none;
float: left;
border-left: 2px black solid;
}

#header li:first-child {
border: none;
}

borderをrightからleftに変えて、最初のli要素のみborderを表示しないようにする。

フロートが解除されないのは、インライン要素にclearを指定してるから。clearプロパティはブロックレベル要素に
指定しなければならない。さらに、imgはインライン要素なのでブロックレベル要素の中に含めなければならない。

<p><img src="images/logo.gif" alt="ロゴ" width="100"></p>

#header p{
clear: both;
}

imgを<p>要素でマークアップし、clearはp要素に対して指定する。


39 :Name_Not_Found:2011/12/01(木) 22:56:23.98 ID:???
HTMLについての質問です.
Canvasの中に文字,またテキストボックスやボタンの表示をしたいのですが,可能でしょうか?
どなたか教えて頂けませんか?
よろしくお願いします.

40 :Name_Not_Found:2011/12/01(木) 23:16:29.53 ID:???
>>38
ありがとうございます
すごくわかりやすい説明でしたのでできました

41 :Name_Not_Found:2011/12/02(金) 13:46:20.21 ID:lysTyRDl
教えてください。
1、Dreamweaverでブログは作れますか?
2、Dreamweaverはmysql等のデータベースにアクセス可能ですか?

42 :Name_Not_Found:2011/12/02(金) 13:53:33.60 ID:???
Dreamweaver cs5ですが、ファイルを展開する際、
メニューの「ウィンドウ→ファイル」で
・それぞれのフォルダが表示
・フォルダを開くと中のフォルダ、ファイルが表示
・中のフォルダを開くと、さらに中のフォルダ、ファイルが表示〜・・・
という展開方式ですが、

ホームページビルダーの様に、
・トップページ
・その下にリンクをしたファイルを表示
・またその下にリンクしたファイルを表示〜・・・
という展開方式はできるでしょうか?

よろしくお願いします。

43 :Name_Not_Found:2011/12/02(金) 15:13:39.71 ID:???
>>41
1.作れる
2.mysql触った経験ないでしょ?w

44 :Name_Not_Found:2011/12/02(金) 15:15:13.11 ID:???
>>42
cs5を触った経験が短いからなんともだけど
5.5ならー
・トップページ
・その下にリンクをしたファイルを表示
はデフォ

45 :Name_Not_Found:2011/12/02(金) 15:40:22.21 ID:???
質問です。
マウス座標や発生するイベントについてテストするプログラムを書いたのですが、
textareaしか表示されません。どこか間違っているのでしょうか。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=320, user-scalable=no"/>
<script type="text/javascript">
function $(id) { return document.getElementById(id); }
window.onload = function() {
document.body.onmousedown = showInfo;
document.body.onmousemove = showInfo;
document.body.onmouseup = showInfo;
};

function showInfo(event) {
var s ="*type = " + event.type;
s += " xy=" + event.x + "," + event.y;
s += " offsetXY=" +event.offsetX + "," + event.offsetY;
s += " target=" + event.target.nodeName;
$("info").valie = S + "\n" + $("info").value;
}
</script>
</head>
<body>
<h1>マウスイベントのテスト</h1>
<textarea id="info" rows="30" cols="80"></textarea>
</body>
</html>

46 :Name_Not_Found:2011/12/02(金) 15:41:46.21 ID:???
書き込んですぐ valie と Sになっていたのを気づきました。
スレ汚し失礼しました。

47 :Name_Not_Found:2011/12/02(金) 15:49:05.69 ID:???
>>44
cs5.5ですか。
それならばcs5でもできそうですが、
メニュー → ウィンドウ → ファイル
でリンクしたファイル順に表示されますか?
cs5ではフォルダに入れたファイル名順にしか表示されないので。

48 :Name_Not_Found:2011/12/02(金) 16:08:38.60 ID:???
>>42

【MySQL】下らねぇ質問はID出して書き込みやがれ 2
http://hibari.2ch.net/test/read.cgi/db/1322402682/

こんなんもあるから活用してみたら?

49 :Name_Not_Found:2011/12/02(金) 16:53:02.41 ID:???
CSSってまじめんどくさいな
メリットがさっぱりわからん
特にグーグルの顔色うかがう意味が

50 :Name_Not_Found:2011/12/02(金) 17:23:46.41 ID:???
別に面倒臭けりゃ使う必要もない
ブラウザのデフォルトスタイル任せで表示してれば
あとCSSとグーグル関係ねえ

51 :Name_Not_Found:2011/12/02(金) 17:26:29.25 ID:???
>>50
関係あるだろ

52 :Name_Not_Found:2011/12/02(金) 17:47:04.69 ID:???
CSS使ってないから検索順位が上がらないとか思ってんの?

53 :Name_Not_Found:2011/12/02(金) 17:49:06.75 ID:???
Googleのデザインぱくったらまずそうだなーとかそういうこと?

54 :Name_Not_Found:2011/12/02(金) 17:56:15.33 ID:???
>>52
そうSEO的な意味で。お客はそう思うだろう。

55 :Name_Not_Found:2011/12/02(金) 18:51:13.47 ID:???
マークアップだけで、デザイン調整してないサイトなら、見づらいしお客も来ないわな
そういう意味で検索順位下がるってんなら、一理ある

56 :Name_Not_Found:2011/12/02(金) 18:59:36.17 ID:???
>>49
メリットとしては、
マークアップがしっかりするってことよ。

キレイに書けるようになならないと、
cssちゃんと書けない奴のを共有して仕事するとき
齟齬が酷くてつらいぞ

cssは後々の管理も楽。
使い回しが楽。

57 :Name_Not_Found:2011/12/02(金) 19:14:25.67 ID:???
使いまわしなんてできるかあ?
だったら出来合いのフリーCSSが充実してきておれらの仕事なくなるはずじゃねーの?

58 :Name_Not_Found:2011/12/02(金) 19:53:43.28 ID:???
<h1>
一行目
<h2>二行目</h2>
</h1>

こんなふうにh1にh2を入れ子にするのはダメなんですけ
h1じゃなくdivならアリなの?


59 :Name_Not_Found:2011/12/02(金) 20:19:58.28 ID:???
>>57
もしやってないんだとしたらそうとう効率悪いと思う
フリーのcssに自分が使う背景画像のurlが最初から書いてあるの?
横幅の指定がされているのか?自分でやるだろそれくらいw

質問者は本格的な仕事でのcssの事を言ってないと思うので
仕事なくなるうんぬんナンセンス

60 :Name_Not_Found:2011/12/02(金) 20:21:11.42 ID:???
>>58
h1にh2を入れる意味がない
divならあり

h1はレイアウトのためじゃなくて大見出しって意味があるからね
レイアウトとして使おうとするのはよくないよ

61 :Name_Not_Found:2011/12/02(金) 20:22:12.17 ID:???
>>59
だからさ、使い回してないじゃん

62 :Name_Not_Found:2011/12/02(金) 20:22:48.88 ID:???
>>58
W3CのHTML 4.01 Specificationによれば
h1-h6, divは%blockであり、h1-h6の内部は%inlineのみなので、h1-h6の中身にhやdivなどのブロック要素は不可。

63 :Name_Not_Found:2011/12/02(金) 20:23:45.25 ID:???
>>57
使い回しとしては
内部に2カラムのエントリー記事を作る
この設定したcssを全ページで共有するcssにいれておく
そしたら、そのページではcssファイルを読み込む事で利用できる
htmlソースはスニペット使えば問題ない

個別ページで修正する場合は直近の修正用cssでやって上書き修正される

その他にcssではcssをリセットしたりブラウザ閧フ誤差をなくしたりもできる
htmlソースだけでやろうとするとごちゃごちゃになる
同じ形をしているページのcssを設定するにも一枚ごとに書くとかモッタイナイ

64 :Name_Not_Found:2011/12/02(金) 20:24:27.18 ID:???
>>60
h1の背景に画像おきたかったのじゃ
見出しが二行で、スタイルが異なりたい
CSSってこまわりきかないのな

65 :Name_Not_Found:2011/12/02(金) 20:25:27.42 ID:???
使い回しも何も、マークアップとCSS混同しちゃダメだろう

66 :Name_Not_Found:2011/12/02(金) 20:26:15.77 ID:???
CSSの使いまわしなんてできないよ

67 :Name_Not_Found:2011/12/02(金) 20:29:39.52 ID:???
>>64
小回り効きまくるから安心するんだ
おれの受けた構成イメージが合ってるか分からないけど
<div id="headerArea">
<h1 class="test_1">(X)HTML/CSS/Dreamweverのスレ</h1>
<h2 class="test_2">〜質問に優しく答えよう〜</h2>
</div>

こんな感じでやればいいんじゃないかい?
h1、h2の位置は指定できるし

68 :Name_Not_Found:2011/12/02(金) 20:29:40.88 ID:???
>>64
見出しの中に見出しとか意味わからんだろ
:first-lineなりem要素なり使えよ

69 :Name_Not_Found:2011/12/02(金) 20:30:26.29 ID:???
>>67
h2はサブタイトルを書く要素じゃないぞw

70 :Name_Not_Found:2011/12/02(金) 20:31:56.04 ID:???
>>63
こうやって設定したのを類似ページで形を修正して利用できる
別案件でも利用できる

これって十分使い回してると思う

71 :Name_Not_Found:2011/12/02(金) 20:33:29.39 ID:???
使いまわしとか変な根拠持ち出すから・・・

72 :Name_Not_Found:2011/12/02(金) 20:34:18.74 ID:???
>>67
まあそれでいいんだろけんど
ちこしでもタグへらそうかとおもて

73 :Name_Not_Found:2011/12/02(金) 20:37:10.59 ID:???
使い回しをしないっていう人は、毎回フルスクラッチで書いてるの?
簡易なCSSフレームワークを自作したりしないの?

74 :Name_Not_Found:2011/12/02(金) 20:42:40.56 ID:???
それはHTMLも同じ話だ
そういう意味の使い回しじゃないだろ

75 :Name_Not_Found:2011/12/02(金) 20:44:03.95 ID:???
他にどういう意味の使い回しがあるの?

76 :Name_Not_Found:2011/12/02(金) 20:46:37.67 ID:???
>>69
いや、そうだけどこの人は2行にしたいんじゃない?
サブタイトルをh2で指定するサイトとかも実際あるし
要はマークアップ次第でしょう

77 :Name_Not_Found:2011/12/02(金) 20:48:28.02 ID:???
>>74
一人で使い回しじゃないって頑張ってるけど
十分な使い回しじゃねぇかwwwwwwwwwww

78 :Name_Not_Found:2011/12/02(金) 20:49:55.27 ID:???
>>72
なら
<div id="headerArea">
<h1 class="test_1">(X)HTML/CSS/Dreamweverのスレ 〜質問に優しく答えよう〜</h1>
</div>
タグ減らすならこれでいいんじゃない
2行にするだけなら改行タグいれたり
画像にすればいいんだし

79 :Name_Not_Found:2011/12/02(金) 20:54:55.69 ID:???
>>76
何がマークアップ次第なのかわからんが
サブタイトルを一つ下のレベルの見出しで書くのは意味不明

80 :Name_Not_Found:2011/12/02(金) 20:59:44.03 ID:???
>>79
そうでもないと思うよ
メインタイトルをh1
サブタイトルをh2

ページ内コンテンツのh2と重要性が同程度って事で書いてもいいと思う
気にくわないなら、別タグで好きなようにすればいいよw

81 :Name_Not_Found:2011/12/02(金) 21:08:00.23 ID:???
アニメとかのサブタイトルならそれでいいと思うよ

82 :Name_Not_Found:2011/12/02(金) 21:29:10.37 ID:???
>>80
商品のシリーズをh1
シリーズのカテゴリでh2にして

>>67みたいに使う事は多いな
別に意味不明じゃない
意味不明と感じるのは脳のマークアップの問題(藁´・w・`)

83 :Name_Not_Found:2011/12/02(金) 21:31:35.89 ID:???
矛盾してね

84 :Name_Not_Found:2011/12/02(金) 21:56:44.57 ID:???
>>83
\   / .::::::::::::::::::::::::;;:;;::,ッ、::::::   )   く お  す
  \ l  ,ッィrj,rf'"'"'"    lミ::::::: く   れ  前  ま
     Y           ,!ミ::::::: ヽ   な  は  な
`ヽ、  |           くミ:::::::: ノ   い  帰  い
     |、__  ャー--_ニゞ `i::::,rく   か  っ
``''ー- ゝ、'l   ゙̄´彑,ヾ   }::;! ,ヘ.)   !  て
      ゙ソ   """"´`     〉 L_       
      /          i  ,  /|         r
≡=- 〈´ ,,.._        i  't-'゙ | ,へ     ,r┘
,、yx=''" `ー{゙ _, -、    ;  l   レ'  ヽr、⌒ヽ'
        ゙、`--─゙      /!         `、
  _,,、-     ゙、 ー''    / ;           `、
-''"_,,、-''"    ゙、    /;;' ,'  /         、\
-''"    /   `ー─''ぐ;;;;' ,'  ノ
   //    /     ヾ_、=ニ゙

85 :Name_Not_Found:2011/12/02(金) 23:39:18.49 ID:???
>>78
たんなる二行じゃなくって、文字の大きさやいろ変えたいんですよ
タグわけするかクラスわけするしかないでしょう

86 :Name_Not_Found:2011/12/02(金) 23:59:29.81 ID:???
>>85
それならspanタグで調整すればいいんじゃない
<div id="header">
<h1>メインタイトル<br /><span>サブタイトル</span></h1>
</div>

#header {
うんぬんかんぬん
}
#header h1 {
文字の大きさなり
色なり
}
#header h1 span {
文字の大きさなり
色なり
}
こうすればheader内にあるh1、spanにだけcssが適用できて便利だよ

87 :Name_Not_Found:2011/12/03(土) 00:11:45.86 ID:???
すみません2つ教えてください

#grobalnavi liのfontの色が変わりません


#top ul をfloatで#top p.top1の右にしたいんですけどfloatで指定するとバックグラウンドの色が白くなります

色々やってみましたが一向に改善しません
原因は何でしょうか?

http://jsfiddle.net/EJRx3/

88 :Name_Not_Found:2011/12/03(土) 00:33:04.76 ID:???
>>87
http://jsfiddle.net/EJRx3/1/
日本語でのコメントが打てないから
コメントはこちらで。

font-colorではなく、正しくはcolorで指定すること
> #grobalnavi liのfontの色が変わりません

clearfix使えばいいと思う
topで指定されていたclear:both;を消して、
.clearfixを用意させてもらいました
> #top ul をfloatで#top p.top1の右にしたいんですけどfloatで指定するとバックグラウンドの色が白くなります

右上に出てるのはよく見てないけど本来の表示でいいのかい?

89 :87:2011/12/03(土) 00:34:25.14 ID:???
横幅が決まってるならcssの方でも書いてあげればよかったスマソ

90 :Name_Not_Found:2011/12/03(土) 00:59:33.91 ID:???
>>88
ありがとうございます。
clearfixは上級者の人が使うイメージがあって今までfloatのみに頼っていたのですがこれからはclearfix覚えようとおもいます。

ちなみに余談になりますがclearfixのほうが使いやすかったりSEOでfloatに勝るから上級者はclearfixを使っているのでしょうか?


91 :87:2011/12/03(土) 01:14:06.76 ID:???
>>90
SEOじゃなくて表示が崩れちゃうからだね
とりあえず各ブラウザの崩れをなくしてclea:bothの強化版だと思えばいいかな

cleafixは
floatを使っている外に使えばいいよ

<div class="clearfix">
<div style="float:left;"></div>
<div style="float:right;"></div>
</div>

色んな書き方があるからぐぐっていいものを使えばいいと思う
今回使ったのは俺がいつも使っているやつじゃなくて、適当にぐぐってもってきたものなのでw
覚えるっていうより、使えそうなのをコピーしてきてスニペットとかに登録して使い回せばいいかな

92 :87:2011/12/03(土) 01:16:28.08 ID:???
使い方補足
divにid、classセレクタが予め入っているものに関しては

<div id="test1" class="test2 clearfix">
<div style="float:left;"></div>
<div style="float:right;"></div>
</div>
ってかんじ
使いたいところに使えるから便利だよ

93 :Name_Not_Found:2011/12/03(土) 01:18:06.39 ID:???
>>91
clea:bothの強化版ですか

使い方覚えると便利そうなんでいろいろ調べてみます
ありがとうございました。

94 :Name_Not_Found:2011/12/03(土) 02:34:09.95 ID:???
cleanfixって最初覚えるときややこしくて苦労した

95 :Name_Not_Found:2011/12/03(土) 07:44:18.45 ID:???
クリヤーフィックスってなんでCSS標準じゃないの?
標準のclearが役立たずなのはなんなの?
フロートつこうたらレイアウトが崩れる穴だらけの仕様だよな

96 :Name_Not_Found:2011/12/03(土) 07:58:17.48 ID:???
どうも初めまして。昨日からhtmlを勉強してるものなんですが、あるサイトのページのソースをまるまるコピーしてどうなるか試したら元のページは青なのにコピーした方は白のままでした。
何故でしょう?初心者丸出しなんですが、よろしくお願いします。

97 :Name_Not_Found:2011/12/03(土) 08:13:07.34 ID:???
すみません>>96ですが、青が白というのは背景のことで文字自体はしっかり表示されました

98 :Name_Not_Found:2011/12/03(土) 08:14:24.86 ID:???
>>96
恐らく元のページがhtmlとcssの両方で成り立ってるページなんじゃないか?

htmlだけでも色を入れることできるけど

そのページはcssで色を入れてるんだろう

99 :Name_Not_Found:2011/12/03(土) 08:21:31.40 ID:???
htmlは文字(本当は色も入れられるけど)
cssはデザインとふまえた上で

html入門サイトでもググったほうが早いかも

100 :Name_Not_Found:2011/12/03(土) 10:12:39.95 ID:???
>>98>>99
す早い回答ありがとうごさいます‼
cssってのもあるんですね…
これから調べたいと思います
ありがとうございました

101 :Name_Not_Found:2011/12/03(土) 11:16:55.72 ID:???
>>95
ようおっさん
Dをデーとか言っちゃうんだろ?

>>100
htmlを文書構造だけにして
cssでレイアウトを表現するっていうのが今の手法なんです

フォントのサイズや色、レイアウトの横幅指定など見た目に変わるものはcssに書いて
htmlと分けようって感じです。

<div id="" class="">って見かけたことがあると思うのですが
idはそのページ内で一回しか使わない場合
classはそのページ内で何回も使い回す場合に使います
cssについて分からない事があれば重要な事なので都度質問してください

後は、dreamweaver、w3c、html lintのバリデート(構文チェック)をかけながらやっていけば
少しずつ覚えていくと思います。
html4.01、xthml 1.0、html5で作っていけばしっかりした勉強になるはずです

102 :Name_Not_Found:2011/12/03(土) 11:27:03.56 ID:???
>>101
> Dをデーとか言っちゃうんだろ?
阿呆。デルタに決まってるだろうが

103 :Name_Not_Found:2011/12/03(土) 11:53:46.61 ID:???
>>102
インテリさまじゃないか

104 :Name_Not_Found:2011/12/03(土) 11:54:11.42 ID:???
>>102
かっこよくなってるw

105 :Name_Not_Found:2011/12/03(土) 12:30:12.25 ID:???
一つ質問なのですが、HTML5の<!DOCTYPE html>で宣言すると、
複数行のアスキーアート(等身モナーやギコなど)がズレてしまいます。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE6">
を指定してやればズレがなくなることは確認できたのですが、
これ以外にズレをなくす手段はあるのでしょうか。ご教授おねがいします。

106 :Name_Not_Found:2011/12/03(土) 12:53:46.64 ID:???
>>105
他のブラウザではもっと崩れているんじゃない?
宣言でデフォのcssが変わるんだろうね
reset.cssでぐぐって、一番最初に読み込ませれば
宣言→reset.css(各ブラウザ同表示)→自分で設定したcssたち
って順になるから、崩れはなくなると思う。

reset.css以外にもjsで崩れを防ぐのもあるのでそちらも参照
ただ、俺のよりもっといい方法があると思う
だから、俺の意見はあまり当てにならなそう

107 :105:2011/12/03(土) 12:57:44.08 ID:???
すみません、自己解決というわけではありませんが、
調べてみるうちに主な原因はIE9にあるということが判明しました。

火狐やoperaではズレは確認されず、
IE9のサブピクセルあたりが悪さをしているのではと推測。
なんとかIE9で見る際、>>105のタグを用いずに済む方法も模索してみたいと思います。

108 :Name_Not_Found:2011/12/03(土) 12:59:20.19 ID:???
>>106
返信ありがとうございます。
人に聞くのがクセになってるせいか視野が狭く、
書き込んでから努力する習慣があるようでお目汚ししました。

109 :Name_Not_Found:2011/12/03(土) 13:26:44.09 ID:???
>>108
あんまりない質問なのでいいんじゃないでしょうか
「解決した」だとフィードバックがなく目汚しですが、
どう解決したかを書いてくれると勉強になります。

IE9はxp環境などでプレビューしにくいと思いますが、
IE9のハックがありますので、IE9だけにcssで調整をかけてみてはどうでしょうか。

ともあれIE10の話も小耳にするし
IEまじで自重、絶滅しろ!!!!

110 :Name_Not_Found:2011/12/03(土) 14:52:28.44 ID:???
>>105
IE9は環境ないから確かではないけど、多分IE9の問題じゃない
アスキーアートはフォントに依存してるから、デフォルトCSSが変わってるだけだと思う
最低でも固定幅フォントでなければならず、MS ゴシック体で制作する人が多いからCSSでfont-familyを指定してやるといい

111 :Name_Not_Found:2011/12/03(土) 15:09:22.01 ID:???
>>110
アスキーアートはMSPゴシック基準に作成されることが多いようなので、
font-familyでMSPゴシックを、サイズは16pxで指定済みです。

現状調べている過程で強気な断言はできないのですが、
IE9とMSPゴシックに<!DOCTYPE html>を加えたコンボがいけない気がしています。

また初心者につき詳しくないので具体的な説明はできずソースにも依るでしょうが、
IEtesterで見た目だけを見比べるにIE9は8と似た仕様に則った上で
独自に諸々調整しているようなので、何かあるんだろうなと勘があります。
そのあたり8→9で何が変わったのかも調べてついでに知識も貯めていきます。

112 :Name_Not_Found:2011/12/03(土) 15:10:37.12 ID:???
アスキーアーーーッ!

113 :Name_Not_Found:2011/12/03(土) 15:58:14.55 ID:???
>>111
ごめん、MS Pゴシックだったね

114 :Name_Not_Found:2011/12/03(土) 20:26:41.88 ID:2KFuEUxv

<body>〜〜</Body>
ではなく、
<body id="video">〜〜</Body>
となっています。
<body> の中に、id="video"を書くことを専門用語で何と言うのでしょうか?
これはいったいどういう作業をしているのでしょうか?

115 :Name_Not_Found:2011/12/03(土) 21:02:23.94 ID:???
>>114
専門用語つーかなんていうか
普通にcssのidセレクタ

css側で#videoっていうのがあって、
そこでbodyタグのレイアウト構造が書かれている

もしくはjsとかでID値をセットして読み取ったり、書いたりだね
まぁ、cssに書かれているっしょ

それより終了タグのbodyが大文字使われてるのが気持ち悪い

116 :Name_Not_Found:2011/12/03(土) 21:51:22.49 ID:2KFuEUxv
>>115
レスありがとうございます。
> それより終了タグのbodyが大文字使われてるのが気持ち悪い
すみません。

ということは、
<body id="video">〜〜</body>
は、
<body>
<div id="video">
〜〜</body>
と同じ、と考えていいのでしょうか?

117 :Name_Not_Found:2011/12/03(土) 22:00:52.57 ID:???
同じではないよ
それに、divにするならその<div>に対応する</div>も必要

118 :Name_Not_Found:2011/12/03(土) 22:03:15.67 ID:???
>>116
そうですね。そう思ってもらって大丈夫です。
bodyにvideoという名前をつけるのは私としてはちょっと不思議なのでソースが気になりますが。

bodyにcssで設定するのは文字の大きさ、背景色など
ブラウザウィンドウのレイアウト指定でしょうね。

divに設定するのと同様にbodyに指定していると思います。

119 :Name_Not_Found:2011/12/03(土) 22:04:10.58 ID:2KFuEUxv
>>117
レスありがとうございます。
では、</div>を↓みたいに、ボディーの最後にもってくれば同じになりますか?
<body>
<div id="video">
〜〜</div></body>

120 :Name_Not_Found:2011/12/03(土) 22:05:53.17 ID:2KFuEUxv
>>118
> bodyにvideoという名前をつけるのは私としてはちょっと不思議なのでソースが気になりますが。
エロビデオサイトですw

121 :Name_Not_Found:2011/12/03(土) 22:10:02.28 ID:2KFuEUxv
あと、cssに、
#subPage #wrapper { width: 988px; }
と、
#subPageと#wrapperが2段構えで定義されているのですが、
この定義のやり方の名称は何と言うのでしょうか?

122 :Name_Not_Found:2011/12/03(土) 22:12:33.30 ID:???
>>119
てっきり省略してるのかと思ったのだけど
はじめてでちょっとhtmlの事がよく分かっていないのかな?

最後にもってくるとかじゃなくてタグは閉じるものなんです。

<body>
<div id="01">
<div id="01_1">〜〜〜</div>←01_1
<div id="01_2">〜〜〜</div>←01_2
</div>←id01のタグをここで閉じている
</body>←ボディタグ閉じる
閉じ忘れがないようにバリデートかけるのは大事。

<img /><br />のように単独タグはこうやって閉じる。
でもこれはxhtml1.0から。

123 :Name_Not_Found:2011/12/03(土) 22:15:52.22 ID:???
>>121
子孫セレクタ

124 :Name_Not_Found:2011/12/03(土) 22:16:29.19 ID:???
>>121
名称とかないよ
#subPage #wrapper { width: 988px; }
なら、id="subPage"の中にあるid="wrapper"の横幅を988pxにするって書いてある

#subPage, #wrapper { width: 988px; }
と書かれているなら
id="subPage"とid="wrapper"の二つの横幅988pxって意味

125 :121:2011/12/03(土) 22:16:54.86 ID:???
>>123
それだw

126 :124:2011/12/03(土) 22:17:55.42 ID:???
>>125で121と入れたのはミスです
疲れてるみたいなので休みます⊂⌒~⊃。Д。)⊃ ドテッ

127 :Name_Not_Found:2011/12/03(土) 22:22:09.97 ID:2KFuEUxv
了解しました、皆さん有り難うございました。

128 :Name_Not_Found:2011/12/03(土) 22:25:07.82 ID:???
やっぱいいっす

129 :Name_Not_Found:2011/12/04(日) 13:50:21.17 ID:???
ドリームウィーバーにて編集中、殺気まで普通に編集できていたのに、INDEXを読み込ませると必ずフリーズするようになりました。
メモ帳で開くのと、プラウザで見る場合は問題なし。
メモ帳で編集するのがしんどいので、新しくhtmlファイルを作り、中身をメモ帳からコピペして読み込ませましたがやっぱりフリーズします。
DWが何か特定条件でフリーズするということはありますか?


130 :Name_Not_Found:2011/12/04(日) 15:21:10.24 ID:???
殺気がしたから安全のためフリーズしてるんだろ

131 :Name_Not_Found:2011/12/04(日) 15:31:40.75 ID:???
殺気でソースが崩れた
まぁ、ドリのバージョンいくつかしらんが
不安定になってるのはPCもゴミたまってきたりしてるからっしょ

132 :Name_Not_Found:2011/12/05(月) 06:49:00.60 ID:???
ただの疑問で恐縮なのですが、>>114についてお願いします。

<body id="video">〜〜〜<body>とするなら、
body{
 〜〜〜〜〜
}
といったようにcssでbodyに直接設定すればいいと思うのは初心者考えでしょうか。

この場合、他の場所でid="video"を使うかもしれない、とも考えられますが、
bodyに指定するような設定をわざわざ他で使うとも思えず、
同ページ内で使用するならidではなくclassが良いのではとも。
別途に識別指定するのは他にどういったメリットがあるのでしょうか。

133 :Name_Not_Found:2011/12/05(月) 08:05:41.14 ID:???
言われて見るとどっちでも良いかなって思えてくるから困る
idにすれば<a href="#video">ってページ内に書いた時にページのトップに戻るリンクとして使えるんじゃないかな

134 :Name_Not_Found:2011/12/05(月) 11:06:28.09 ID:???
>>133
<a href="#">

135 :Name_Not_Found:2011/12/05(月) 12:13:30.05 ID:???
一つのGIF画像(白とピンク色の2色で作った画像なので拡張子はgifにしています)が

IEだとまともに表示されるのにfirefoxだとぐちゃぐちゃになってしまいしっかり表示されません

これの改善方法を教えてください

136 :Name_Not_Found:2011/12/05(月) 12:15:54.30 ID:???
>>134
その挙動は仕様で規定されてる?

137 :Name_Not_Found:2011/12/05(月) 12:19:17.45 ID:???
>>132
子孫セレクタを利用してページ毎にスタイルを切り替えてるサイトもある

138 :Name_Not_Found:2011/12/05(月) 12:25:56.47 ID:TfJH/r3K
教えてください。
http://ameblo.jp/wazameba/entry-10954524532.html#cboxを見て
ブログのメッセージボードにガジェットを貼り付けたのですが、
table.gadget{margin:0 auto !important;} /* 中央寄せ */
table.gadget tr:first-child{display:none;} /* タイトル非表示 */
table.gadget tr:first-child+tr+tr>td>div{border:none !important;} /* 外枠非表示 */
table.gadget tr:first-child+tr+tr+tr{display:none;} /* フッタ部非表示 */
をスタイルシートに追加しても
ガジェットのGadgets powered by Google部分のフッターが非表示になりません。

メッセージボードの部分を非表示にするにはどうしたら良いのでしょうか?
また、どこに記述すれば良いのでしょうか?
ちなみに、
/*■メッセージボード - 基本設定 - メインカラム*/
#message{
margin-bottom:14px;
}
#message .contents{
padding:14px 24px;
}

とあります。ここに追加してみても変わりません。
#とかは要りませんか?


139 :138:2011/12/05(月) 12:27:10.17 ID:TfJH/r3K
×メッセージボードの部分を非表示
○メッセージボードのフッダーの部分を非表示

です。

140 :Name_Not_Found:2011/12/05(月) 15:56:35.15 ID:???
背景を重ねたくて
background-image: url(画像), url(画像)
とタグを打ったのですが、どういうわけかIEだけ二枚目が表示されません。
Firefox、Chromeだと正常に画像が重なってくれるのですが。
IE、Firefox、Chromeで正常に見れる同一のタグの打ち方はあるのでしょうか。

141 :Name_Not_Found:2011/12/05(月) 17:38:56.64 ID:???
>>136
"#" == "" == 現在のURI になって、ページ再読み込みするのが正しい挙動ってことなんかな

142 :Name_Not_Found:2011/12/05(月) 17:44:33.04 ID:???
>>140
古いIE使ってんじゃない
IE8だと一枚目すら表示されなかったけど

143 :Name_Not_Found:2011/12/06(火) 07:50:24.21 ID:???
135です。

144 :Name_Not_Found:2011/12/06(火) 11:36:41.35 ID:???
ヒロシです。

145 :Name_Not_Found:2011/12/06(火) 11:39:34.94 ID:???
Content-Typeをちゃんと設定しなさい

146 :Name_Not_Found:2011/12/06(火) 12:58:48.80 ID:???
<Meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
メタタグ入れてもだめでした

147 :Name_Not_Found:2011/12/06(火) 13:12:10.96 ID:???
お前誰だよ

148 :Name_Not_Found:2011/12/06(火) 13:14:01.24 ID:???
せんせいトイレぇ
って感じだなw

149 :Name_Not_Found:2011/12/06(火) 13:23:33.91 ID:???
>>147
申し遅れました
135です。

150 :148:2011/12/06(火) 13:29:19.24 ID:???
>>147
こんにちは
148です。

151 :Name_Not_Found:2011/12/06(火) 16:26:58.24 ID:???
先生!
段落で1行入れたいのでbrbrとしてるんですが、html文法チェックで指摘されちゃいます
先生がたは段落毎にpで閉じてますか?

僕は内容が繋がってるので改行がいいと思うんです
でも、先生がたがbrbrって素人が!しねやって言うんでしたら修正します

152 :Name_Not_Found:2011/12/06(火) 16:40:24.13 ID:???
>>151
CSSでbrのmarginかpaddingいじればいいと思います。

153 :Name_Not_Found:2011/12/06(火) 17:17:32.14 ID:???
>>151
内容が繋がってるというけれど、pタグのpはparagraphという意味なので段落ごとに構造化するのが仕様上は正しい。
ただそこまで厳密に仕様に即して記述する必要のあるケースは限りなく少ないので、
一般的には連続brを使っても特に問題はないと思う。

154 :Name_Not_Found:2011/12/06(火) 17:30:32.82 ID:???
>>151
繋がってるなら段落にせずにbr1個で宜しい

155 :148:2011/12/06(火) 17:52:41.54 ID:???
>>154
br1個にして、cssで制御だね
pタグもmarginで改行があるように見えてるだけだしね

<br class="test" />

.test {
margin-bottom: 10px;
}
とかで調整すればいいと思うぉ

156 :Name_Not_Found:2011/12/06(火) 18:07:38.86 ID:???
CSSで無理やり調整するくらいならbr2個にした方が良い

157 :Name_Not_Found:2011/12/06(火) 18:09:11.77 ID:???
brって見栄え悪くなるから使いたくない。(文字反転の場合)

158 :Name_Not_Found:2011/12/06(火) 18:09:21.15 ID:???
皆さんありがとうございます。
アドバイス通り、cssで制御します!

155さん、適切なアドバイスありがとうございます!

159 :Name_Not_Found:2011/12/06(火) 18:13:23.42 ID:???
>>152>>155
これはひどいものを見た。
インライン要素に上下のmarginを指定するバカがどこにいるんだよ。
素人がデタラメで回答するのやめろよ。せめて試してから書けよ。

>>158
155の回答は間違いですよ。その通りに書いても動作しません。

160 :Name_Not_Found:2011/12/06(火) 18:13:44.08 ID:???
おいやめろ

161 :Name_Not_Found:2011/12/06(火) 19:10:10.10 ID:???
>>159
        ,;' '" '' ゛''" ゛' ';;,,
      (rヽ,;''"""''゛゛゛'';, ノr)    デタラメを言う奴は否定しかしない
      ,;'゛ i _  、_ iヽ゛';,    代替案を言わないのが荒らしの特徴
      ,;'" ''| ヽ・〉 〈・ノ |゙゛ `';,   お前それサバンナでも同じ事言えんの?
      ,;'' "|   ▼   |゙゛ `';,
      ,;''  ヽ_人_ /  ,;'_
     /シ、  ヽ⌒⌒ /   リ \
    |   "r,, `"'''゙´  ,,ミ゛   |
    |      リ、    ,リ    |
    |   i   ゛r、ノ,,r" i   _|
    |   `ー――----┴ ⌒´ )
    (ヽ  ______ ,, _´)
     (_⌒ ______ ,, ィ

162 :Name_Not_Found:2011/12/06(火) 20:00:30.05 ID:???
お前はもう帰れよ

163 :Name_Not_Found:2011/12/06(火) 21:54:22.80 ID:mJH7gDaS
<script src="//:" というのは何か特別な意味があるのでしょうか?

http://download.dojotoolkit.org/release-1.3.0/
このサイトの dojo.js.uncompressed.js に、こういうソースがあります。

if(dojo.isIE){
// for Internet Explorer. readyState will not be achieved on init
// call, but dojo doesn't need it however, we'll include it
// because we don't know if there are other functions added that
// might. Note that this has changed because the build process
// strips all comments -- including conditional ones.
if(!dojo.config.afterOnLoad){
document.write('<scr'+'ipt defer src="//:" '
+ 'onreadystatechange="if(this.readyState==\'complete\'){' + dojo._scopeName + '._loadInit();}">'
+ '</scr'+'ipt>'
);
}

IEを使っているとここでhttp://にアクセスしようとして警告メッセージが出てしまいます。

164 :Name_Not_Found:2011/12/06(火) 22:42:06.33 ID:???
HTMLもCSSも初心者とプロでは同じデザインをつくるのにも
難しいタグ使ったり書き方が全然違ったりしますよね?

難しく書いたほうがなにかメリットがあるのでしょうか?

165 :Name_Not_Found:2011/12/06(火) 23:36:00.01 ID:???
意味があるからそういう書き方をしているだけ
それを初心者は理解できていないだけ
プロだからって意図的に難しく書くわけないだろう

166 :Name_Not_Found:2011/12/06(火) 23:48:50.81 ID:???
難しいと言うよりはプロの方は最新の書き方じゃないのかな
もしくはIE6とかにも対応してるとか

例えばどういう書き方のこと言ってるの?


167 :Name_Not_Found:2011/12/07(水) 00:26:16.60 ID:???
初心者が難しいタグ使ったり書き方が全然違ったりするんだよね?

168 :Name_Not_Found:2011/12/07(水) 00:32:47.02 ID:???
(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ11
http://hibari.2ch.net/test/read.cgi/hp/1318762819/

これのよく回答してくださっている
>>887の方のタグです

169 :Name_Not_Found:2011/12/07(水) 00:37:52.87 ID:???
スレだとインデント使えないから見にくいだけちゃうん

170 :Name_Not_Found:2011/12/07(水) 00:39:49.23 ID:???
基本に忠実なだけで
どこにも難しい要素はないと思うが
HTMLの基礎本見りゃ理解できるだろう

171 :Name_Not_Found:2011/12/07(水) 04:47:40.85 ID:???
http://www.sap.fm/
これはhtmlとcssだけでできますか?

172 :Name_Not_Found:2011/12/07(水) 05:04:55.72 ID:???
どうみてもFlashがある

173 :Name_Not_Found:2011/12/07(水) 07:16:00.46 ID:???
質問です。上でもちょっと挙げられていましたが、

<p class="sample">見出し</p>
<p class="sample">
〜〜〜〜〜〜
</p>

とした際、brタグを連続して用いて間合いをとらないため、
sampleにmarginを10 0 10 0と設定しているのですが、
これは間違っているのでしょうか。
それとも間違っているわけではないが、変な気がするというものなのでしょうか。

174 :Name_Not_Found:2011/12/07(水) 07:30:55.76 ID:???
>>173
デザインがそうならそれでいい
使い方、書き方が間違っていることはない

175 :Name_Not_Found:2011/12/07(水) 07:49:14.84 ID:???
ちなみに
インライン要素には上下の余白は存在していない
狙ったレイアウトにならない
なので、line-haightで調整をすればいい

176 :Name_Not_Found:2011/12/07(水) 11:29:23.72 ID:???
>>174-175
ありがとうございます。
ブロック要素はmargin、インライン要素はline-height、
デザインでちまちまやりたいときはいっそブロックで囲いこむ、
といったように覚えておきます。

177 :Name_Not_Found:2011/12/07(水) 19:25:51.64 ID:???
http://www1.axfc.net/uploader/Sc/so/298670.zip

このように img タグの .photo を float:right して文字を回り込ませています。
その際に blockquote も文字はうまく回り込むのですが、背景はいっぱいに広がったままで
よけてくれるわけではありません。

今は img.photo で無理矢理同じ色の背景色にして padding をつけてごまかしています。

p ではなく blockquote だけ全体を
img の横幅を除いた幅に自動でなってくれるようにすることはできないでしょうか?
あるいはもっとスマートなデザインをご存じの方はお教えいただければ幸いです。



178 :Name_Not_Found:2011/12/07(水) 19:55:52.98 ID:???
>>177
2カラムでやればいいんだよー

179 :Name_Not_Found:2011/12/07(水) 20:05:34.79 ID:???
┌──┐
│ 絵 │〜〜〜〜
└──┘
ではなく
┌──┐┌──┐
│ 絵 ││〜〜│
└──┘└──┘
というイメージですか。>>177さんではありませんが。

180 :Name_Not_Found:2011/12/07(水) 20:35:29.84 ID:???
>>177
まず試しにpに背景色を指定してみるとわかると思うんですが、
blockquoteの幅に問題があるわけではなく、imgが段落ちしてることがズレの原因ですね。

以下のコードで背景色を指定+画像の回りこみを解除させてみると、
現状のHTMLがどうなってるのかわかると思います。

p {
margin: 1em;
background: #ccc;
overflow: hidden;
}

で、画像をblockquoteの中に入れて
今回のズレと同じ問題が起きないようにblockquoteにoverflow:hidden;を指定しておけば
うまく表示されると思います。

181 :177:2011/12/07(水) 20:46:40.74 ID:???
みなさまありがとうございました。

それ専用にカラムを作るのではなく自動でやりたかったので >>178 さんの方法はパスしました。

>>179 左右逆ですがそうです。

>>180
overflow;hidden; を使う方法で思い通りのレイアウトができました。
ありがとうございました。

182 :Name_Not_Found:2011/12/08(木) 08:47:39.83 ID:???
>>181
divじゃないだけで、これも2カラムのようなものだよね
まぁ、できてなにより

183 :Name_Not_Found:2011/12/10(土) 08:42:57.02 ID:???
理由がありマージンをとるためにmargin指定した空のpタグを置きたいのですが、
やはり空のpタグはいけないでしょうか。

divでも出来るようですが、これはあくまでグループごとの囲い込みと聞かされたので。

184 :Name_Not_Found:2011/12/10(土) 08:56:41.20 ID:???
 (空白)を入れればいいんじゃないかい?

185 :Name_Not_Found:2011/12/10(土) 08:57:28.05 ID:???
↑&nbsp;(空白)ね
&を半角にしたらスクリプトと間違われて消えてた

186 :Name_Not_Found:2011/12/10(土) 09:20:52.46 ID:???
>>183
あんたがプロじゃなきゃ別にいいと思うよ
空divの方がいい気もするけど

187 :184:2011/12/10(土) 09:38:05.74 ID:???
まぁ他に意図した事があるからp使いたいか
頼んできた人が半端な知識しかないんじゃない?

pは文章の段落であって、レイアウトするためのものじゃないんだから
divに空白特殊の方がいいと思うけどね

実際のソース見てみないと言ってる事が正しいか分からないし、
プロじゃないなら自分達が使ってるブラウザで見られればいいんじゃない?

188 :Name_Not_Found:2011/12/10(土) 13:15:51.27 ID:???
話題の区切りならhrなり入れてCSSで調整すれば

189 :Name_Not_Found:2011/12/10(土) 13:19:43.70 ID:???
>>183
サイトアップしてみ?

190 :Name_Not_Found:2011/12/10(土) 14:01:00.45 ID:???
>>183-185 >>187-189
返信ありがとうございました。
おかげさまでhrの存在を思い出し、いろいろ試した所なんとかなりました。

191 :Name_Not_Found:2011/12/10(土) 14:45:51.16 ID:???
枠などで装飾関連でPタグに&nbsp;入れてclassで背景画像入れて配置してるんだがこれもダメか

192 :Name_Not_Found:2011/12/10(土) 15:16:50.03 ID:???
中途半端にvalid目指した結果が<div>&nbsp;</div>

193 :Name_Not_Found:2011/12/10(土) 15:23:37.62 ID:???
漢ならimgで堂々と装飾すればいい

194 :Name_Not_Found:2011/12/10(土) 15:32:00.57 ID:???
それは中国という意味ですか

195 :Name_Not_Found:2011/12/10(土) 15:43:56.72 ID:???
>>193
いちいちalt入れるの面倒でな

196 :Name_Not_Found:2011/12/10(土) 15:49:21.00 ID:???
alt=''ぐらい入れとけよ

197 :Name_Not_Found:2011/12/10(土) 16:10:58.43 ID:???
装飾にimg使う奴はalt必須なんて知らない

198 :Name_Not_Found:2011/12/10(土) 17:40:27.68 ID:???
誰かソースの整理の仕方教えてくれ
どうやって整理すればいいのか謎

199 :Name_Not_Found:2011/12/10(土) 18:01:46.69 ID:???
>>196
装飾画像なんて背景にしちゃえばいいだろう

200 :Name_Not_Found:2011/12/10(土) 18:02:14.20 ID:???
>>198
いいものを参考にすればいい

201 :Name_Not_Found:2011/12/11(日) 03:13:28.01 ID:???
>>199
背景なら上にコンテンツがないとおかしい

202 :Name_Not_Found:2011/12/11(日) 12:59:26.55 ID:???
{left: 0;}
{right: 0;}

このタグは何をどうすることができるのでしょうか?
ググっても無かったので。

203 :Name_Not_Found:2011/12/11(日) 14:02:47.05 ID:???
>>202
そりゃ「タグ」でぐぐってもないだろうね

204 :Name_Not_Found:2011/12/11(日) 15:23:50.64 ID:???
>>203
教えてくれませんか

205 :Name_Not_Found:2011/12/11(日) 15:52:06.05 ID:???
>>204 将棋の解説で「四六角」とか言うじゃん。
その座標設定と同じ

positionで何をどう {left: 20px;} {top:30px;}で動かすか
みたいな感じ

206 :Name_Not_Found:2011/12/11(日) 21:31:59.74 ID:???
「CSS left」でググったら一発で解説ページ出ますよ。

207 :Name_Not_Found:2011/12/11(日) 22:53:27.25 ID:???
>>205-206
ありがとうございました。

208 :Name_Not_Found:2011/12/12(月) 08:44:47.16 ID:???
html, body { height: 100%; }
は必須?

209 :Name_Not_Found:2011/12/12(月) 12:58:46.37 ID:???
不要

210 :Name_Not_Found:2011/12/12(月) 15:50:01.30 ID:???
cssは大体どれくらいのファイルサイズが妥当でしょうか?
これが正しいという話ではないので率直な意見というか
感想のようなものをお聞かせください

211 :Name_Not_Found:2011/12/12(月) 20:17:19.29 ID:???
書く人によるから普通も妥当もない。
当然規模にもよるし、インポートで分ければ話も変わってくる
何が何でも最小限に書く人も居れば、
誰が見ても分かりやすいように細かくフルで書く人もいるから倍は違ってくる。

57 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)