397
121 ななしのよっしん
2010/04/19(月) 20:22:07 ID: tH4/iSm/p8
>>119
改めてちゃんと作成予定の記事みてみました。とても分かりやすくていいですね。
でも「HTML-はじめに」は、最初に読ますには難しすぎないでしょうか。
自分は初心者でも「段落・見出しに関する要素」から順に見ていけば基本は理解できると思います。
その上でHTMLの文法の説明(インライン要素とかブロックレベル要素とか)として別記事を用意する、またはこれはニコニコ大百科以外のHTMLの説明にも該当するのでHTMLの記事に組み込む、というのがいいじゃないかと思いました。
122 A58RG
2010/04/19(月) 22:41:22 ID: SXawA9Epsk
すいません、>>86以降色々あってゆっくり考える余裕がなかったので顔を出せずにいました。
申し訳ありません。
現在出ている案は記事の分割(HTML一覧とその詳細ページ)とそれぞれの内容についてでいいんですよね?
自分の考えているものだと目次、といっても>>119が作っているような文字通りの目次ではなく、
タグの効果とその使い方を載せた簡単なものを考えていました(自分のユーザ記事にあるもの、もっと修正する予定)。
でもタグの詳細説明については作られてるようなものがわかりやすいかもしれないですね。
分割数もユーザ記事にある分類でいいと思います。
スタイルシートはおまけ的な感じがしているので、そこまで厳密にわけなくてもいいかなぁと思っているのですが、
こっちもさらに詳しい説明記事を作ったほうがいいのかな。
元々やってみたら使えた!って感じだったし…。
123 BLACKBIRD ◆J9VTR9kM3Y
2010/04/23(金) 07:56:43 ID: l+3Ix/sEkl
HTML5でのimg要素のborder属性は『border="0"』の記述だけは許容されるみたいです…。
他のborder指定はCSSのstyleでの記述を推奨みたいですね。
HTML5 における HTML4 からの変更点
http://s
124 ななしのよっしん
2010/04/27(火) 02:45:27 ID: 31FYnnKuml
スタイルシートってタグにstyle属性で指定しないといかんのね。
styleタグで書いてて、いざ投稿したら全部消えちゃって、
もうホントにビックリした。
エディタではちゃんと表示されてたのにねえ。
125 ななしのよっしん
2010/04/28(水) 21:43:25 ID: kth4NIowaG
>>124
使えないタグ・属性・プロパティの一覧
その発想はなかった。
>>123
大百科はまだHTML5に準拠していないと思うのですが、推奨ということでしょうか。
>>119
>>122も出てきたことですしそろそろ編集時期を決めてもいいのでは。
126 ななしのよっしん
2010/04/30(金) 17:10:00 ID: 6xBvIOP8as
小さいことだけど、XHTMLに準拠するために<br>や<hr>は<br />や<hr />に直した方がいいと思う。
あと、brのclear="all"は非推奨だからstyle="clear:both;"を使用するように修正した方がいい。
127 sage ◆e5sgKA2q7.
2010/04/30(金) 20:37:47 ID: TRVt2wJ5A6
>>126
ニコニコ大百科(PC版)はXHTMLではないので、<br /><hr />は強制的に<br><hr>に戻されます。
ニコニコ大百科(携帯版)ではXHTMLなので、<br /><hr />となっています。
そして、HTML5を採用する予定は現在のところないです。
128 ななしのよっしん
2010/05/04(火) 02:17:09 ID: 31FYnnKuml
brタグは他のブラウザでの見え方が~、ってあるけど
少ない字数での改行なら問題ないよね?ね?
129 ななしのよっしん
2010/05/24(月) 17:30:07 ID: ix6b/VA4Bs
記事で改行タグを付けてたら、他の方に削除されたり。
でも改行ある方が見やすいと思うんだけどなあ。
130 ななしのよっしん
2010/05/24(月) 17:40:37 ID: Ob7cp3TQ5L
>>129
記事にも書いてあるけど↓のこと考慮してないんじゃないか?
>※<br>は安易に使わず、自分以外の環境での見え方のことを熟慮してください!
例えば、Vistaで使われている「メイリオ」フォントはXPまでの「MS Pゴシック」と比べて幅が広いので、レイアウトが盛大に崩れる恐れがあります。他にもMacで使われているヒラギノフォントは、また幅が異なります。
長文は<br />で折り返さず、幅いっぱいまで書いて勝手に折り返るのに任せた方が安全です。
131 ななしのよっしん
2010/05/24(月) 18:19:02 ID: nUctxwqdZm
>>129
基本的に長い文章の改行(折り返し)はブラウザに任せた方が良いレイアウトになるよ。
手動改行が多めの文章は、フォントやブラウザを変えたりニコ百モバイルから
閲覧したりすると編集者の意図しない位置で改行される可能性があるのであまり
オススメはしない。
ただし改行を取っ払ったおかげで見辛くなる場合もある(※あくまで例外として)
→「QCサークル」
http://d
132 ななしのよっしん
2010/05/24(月) 19:06:25 ID: nUctxwqdZm
ついでに便乗質問。
テーブルを用いて記事の背景全体を模様替えしている記事がちらほらあるけど
<table>
<tbody>
<tr>
<td>この辺に記事の内容</td>
</tr>
<tbody>
</table>
divタグを用いた方がCSS周りが小ざっぱりして見易い気がするんだがどうなんだろう
<div style="...">
この辺に記事の内容
</div>
この記事でオススメされている「ゆめにっき」はテーブルタグで書かれている
から、見た目はともかく大百科のHTMLソース的にオススメしにくいような…
133 ななしのよっしん
2010/05/24(月) 19:28:34 ID: cW+45qdQ4Y
>>132
あまりに複雑なレイアウトを組むのでなければ
divタグのほうがよろしいかと。基本としてtableタグは表に使うものだから
それよりも背景に画像使ってて、文字色の変更してある記事で
ベースとなる背景色を設定してない記事のほうがマズい。
なんらかの理由で背景画像の見えない環境だと
文字が見難くなるから。
「supercell」の冒頭部分なんかを画像表示OFFにして見てみると
分かりやすい例
134 ななしのよっしん
2010/05/24(月) 20:41:43 ID: nUctxwqdZm
>>133
>あまりに複雑なレイアウトを組むのでなければ
>divタグのほうがよろしいかと。基本としてtableタグは表に使うものだから
返答ありがとうです。そう言ってもらえると今後の編集がし易くなる。
画像が表示されない場合(orテキストブラウザ)のレイアウトも考慮できる人は
きっと良い編集者なんだろうね。
135 77C
2010/06/19(土) 09:23:05 ID: qlyGtTeL0h
試してみたが<a href="mailto:a@b.com">メール</a>
とかは使えないようだorz
136 A58RG
2010/06/19(土) 19:27:45 ID: SXawA9Epsk
>>135
それが出来ると他人のアドレスを書き込むなどの悪戯をする阿呆がいるからでしょう。
137 BLACKBIRD ◆J9VTR9kM3Y
2010/06/22(火) 19:04:46 ID: l+3Ix/sEkl
初歩的なHTML, CSSでの画像の記事掲載・編集の記事下書を自分のユーザーページにざっと書いてみたんですが…。
http://d
138 BLACKBIRD ◆J9VTR9kM3Y
2010/06/22(火) 22:48:43 ID: l+3Ix/sEkl
今更な画像編集記事、clear: both;記述を追加。
http://d
139 ななしのよっしん
2010/06/23(水) 22:47:18 ID: zPWE6BFVWj
この記事にはお世話になってます
HTML殆ど分からんから、こういうのがあると助かります
140 ななしのよっしん
2010/06/23(水) 22:51:51 ID: ix6b/VA4Bs
>>137みたいなの参考になる。
実用例集的な感じで、html的に高度な記事の一覧とかあると凄く便利かもしれない。
141 BLACKBIRD ◆J9VTR9kM3Y
2010/06/27(日) 00:43:53 ID: l+3Ix/sEkl
tabelプロパティを使わず、CSSプロパティを使った偽ニコニコ市場バナーの一例。
http://d
142 BLACKBIRD ◆J9VTR9kM3Y
2010/06/27(日) 01:04:43 ID: l+3Ix/sEkl
CSSで構築した偽ニコニコ市場バナー記事微修正更新。
http://d
143 BLACKBIRD ◆J9VTR9kM3Y
2010/06/27(日) 01:31:45 ID: l+3Ix/sEkl
偽ニコニコ市場バナー使い方解説をもう少し分り易く。
http://d
144 ななしのよっしん
2010/06/27(日) 08:51:38 ID: kth4NIowaG
>>137
>>104のような案もありました。
>>143
偽ニコニコ市場の記事に加えてニコニコ大百科:HTMLテンプレート集からリンクするといいのではないでしょうか。
>>133
divタグによるレイアウトとはどういう書き方のものでしょうか。
floatとかを使うのでしょうか。
145 ななしのよっしん
2010/07/27(火) 06:03:04 ID: vwwl9Hl4ig
HTMLわからんかったけど、ここ見たらプロフ位はいじれるようになった
146 ななしのよっしん
2010/08/24(火) 15:31:23 ID: Du1MsolOhK
簡潔に言うとdivを重ねたいんです。
しかし、大百科ではpositionを指定できないようなので何かかわりに使えるようなアイデアはないでしょうか?
文字に、文字をかぶせたいんです。もちろんdivでなくても構いません。
147 ななしのよっしん
2010/08/24(火) 15:48:48 ID: nUctxwqdZm
>>146
文字に使えるかどうか分からないけど
<frame>を重ねる例ならあるよ → meola
148 ななしのよっしん
2010/08/24(火) 16:37:49 ID: cW+45qdQ4Y
>>146
position属性は、全体が利用出来るんじゃなくて、使えるものが制限掛かってるからね。
一応、他の方法使えば
↓こういう感じの事は出来るけど。
http://d
149 ななしのよっしん
2010/08/24(火) 21:12:12 ID: Du1MsolOhK
>>147
情報ありがとうございます。
こんなことできるんですね。
応用できそうかこれから頑張ってみます。
>>148
ありがとうございます。
漫画などにある、文字に文字を重ねてツッコむ感じを表現してみたいんですが、これってずらせるんですかね?
150 test
2010/09/26(日) 16:20:22 ID: xsMOlsqHrP
>>149
http://d
良く分からんがmarginをマイナスとかで指定すれば出来るはず
文字に文字を重ねてツッコむ感じってのが分からんけど
ほめた!
ほめるを取消しました。
ほめるに失敗しました。
ほめるの取消しに失敗しました。