類似質問大いに結構。分からない人は何回聞いても結構
(X)HTML / CSS / Dreamweaver の事なら何でもOK
ただし、JavaScript や PHP などはスレ違い / 板違い。該当スレ / 該当板でどうぞ
回答してくれる方は優しい人のみ！
質問者に対して暴言を吐く人は このスレを見るな！！
質問側も節度あるレスで！
質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
(X)HTML/CSS/Dreamweaverの質問に優しく答えるｽﾚ13
http://toro.2ch.net/test/read.cgi/hp/1329102823/
HTML5やCSS3はどうすんの？ 次回テンプレ要望
縮小、拡大をするとどこかの列や行のmarginがずれ
すべて等間隔になってくれません。
どうしたら拡大、縮小してもmarginを等間隔にすることが出来ますか？
よろしくお願い致します。
http://first.freespace.jp/jpss/C.html
<img srs=***.jpg alt="hogehoge" title="hogehoge">
とか書くと、画像の上にカーソルを置くとツールチップが出ますよね。
この文字の制限(文字数、改行等)ってブラウザごとにどこかに
まとめられていますでしょうか。できるだけ長く書きたいのですが、
どうしようか迷っています。よろしくお願いします。
短くシンプルにしたほうがいいと思うけど
画像の表示自体は目的でなく、掲示板で誰かへのレスがあった時、
レスの中にアイコンを表示して、マウスオーバーしたらレス先の
書き込みが少しでも見れたらいいなぁと考えています。
こんなのはどうでしょうか。
制限はなかった気がするけど。
tittle等をツールチップとして使うことは、否定的な考えもあったりするけど、
問題なく動くなら、まぁいいんじゃないの？
そうです。自分で落としてきた dat を自分で勝手に書いた
read.cgi で表示させようとしています。もうある程度出来ているのですが、
その時安価上にマウスを無意識に持っていって、そのアイデアが出ましたｗ
確実に出したきゃJavaScriptでやるべき
まぁ表示させたいブラウザをしぼるなら良いんじゃね？
とりあえず、やってみれば良いじゃないか
divで区切った中にリンク文字を入れ、ロールオーバーで全てのa要素の画像が変わるようにしました。
ここまでは問題なかったのですが、
バーの中にｐ要素を加え、景観を保つためa要素と同居させたいと思いました。
<div id="nav">
<p>画像<br />
<a href="#">A画像一覧<br />
</a><a href="#">B画像一覧<br />
</a>
しかしｐ要素に対しaに当てていたのと同じｃｓｓを当てはめても
ｐとaの画像が重なってしまい、巧く整合がとれません、
同じといっても複製したｃｓｓの相対パス（場所を示すパス）は「#territory #nav p a」から「#territory #nav p」に変更してあります。
初心者のため根本的なやり方が間違っているのかもしれません、
お気づきの範囲で結構ですので教えてください。
何言ってるかわからんて言われた質問も、がんばって読み解いて回答しようと今までしてきたが
この質問は難問だ。
>>13
１つアドバイスしよう。そのソースのみで、問題の部分が再現できると思うか？できないだろ？
ソースの載せる時は、CSS等、回答者が質問者の問題部分を再現できるように載せるべき。
ナビゲーションなんていくらでもweb上に転がってるから、
そのソースを見ていくことからはじめた方がいい。
長い文章をtitleに埋め込むべきではないし、その文章はその画像とは無関係だろ？
ツールチップはCSSで十分だし、画像じゃなくても良い。
<a><span>文章表示</span></a>
a span{display:none;}
a:hover span{display:inline; background:white;}
あとは＋α（positionや色など）応用
結局titleもaltもこれも多用するとスパムとして誤認されるかも？
なら、動的に表示させた方が良いか。
<a>クリック<span>文章表示</span></a>
皆さん僕の意味不明な質問に答えてくれようとしてくださりありがとうございます。
今最小構成で試してみているのですが、根本的なところがわかっていない気がしました。
もう少し勉強してみます。失礼しました。
企業のサイトとかでTwitterBootstrapとか使ったら怒られたりする？
でた。否定的意見。
わかったわかった。んなこと言われなくても何年も前から、titeをツールチップとして使用することの是非は
フォーラムとか、もちろん海外でも話は出てるよ。非推奨だという発表をしてることも知ってるよ。
で、質問者はたぶん、title内にprogを書きたいんだろう。
altやtitleに長い文章はダメっていうのは、昔のSEOの考え方からきてるよね。
<p>ああああああああああ<br>
いいいいいいいいいいいいいい</p>
</div>
の縦方向のセンタリングは下記の方法でできました。
http://www.webbibo.com/blog/htmlcss/vertical.html#case2
しかし下記のセンタリングはできなかったのですが、どうしたらできますか？
<div>
<p>ああああああああああああああ<br>
いいいいいいいいいいいいいいいいい</p>
<p>うううううううううううううううううううう<br>
ええええええええええええええええええええ</p>
</div>
その二個のpを親で包んであげなさい
p {
position: absolute;
top: 50%;
margin-top: -1em;
}
こうするといい
p {
position: relative;
top: 50%;
margin-top: -2em;
}
必要ないならいいけど
レス頂けて嬉しいです！ありがとうございます！
具体的になんというタグで囲めばいいですか？
>>24
Pがひとつならうまくいったんですがふたつだとうまくいきません。
具体的に教えてもらってもいいですか？
xhtmlを勉強するにはhtmlを勉強した上でxhtmlへ移行した方が良いですか？
それとも最初からxhtmlを勉強しても特に問題ないでしょうか。
それと、xhtmlは
1. 文書は整形式でなければならない
2. 要素名及び属性名は小文字でなければならない
3. 非空要素には終了タグが必要である
4. 属性値は常に引用符で括られなければならない
5. 属性の省略化はしてはならない
6. meta、hr、br、img などは、空要素として書く
7. 属性値内での改行を含む複数の空白は１つと見なす
8. スクリプトおよびスタイル要素の定義が異なる
9. 要素の入れ子などSGMLの排除機能を再現できない
10. ‘id’および‘name’属性をもつ要素は、‘id’属性を使用する
これらの点に気をつけたらhtmlと後は大体同じでしょうか？
htmlの内容を詳しく解説されているｻｲﾄさんは良く目にするのですが、xhtmlについて調べるとhtmlとの違いだけ解説しているｻｲﾄさんが多いので疑問に思いました。
よろしくお願いします。
下記のようにやったのですが、センタリングできませんでした。
「htmlファイルの中身」
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css" >
<link rel="stylesheet" href="aaa.css" type="text/css" />
<title>test</title>
</head>
<body>
<div id = "A">
<p>ああああああああああああああああああああああああああああああああああ<br>
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお</p>
<p>いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</p>
</div>
</body>
</html>
「スタイルシートの中身」
#A{width:800px;height:100px;background-color:#66ccff;}
p{position:relative;top:50%;margin-top:-2em;}
<div id="A">
<div id="B">
<p>aaaaaaaaaaaaaaaa</a>
<br>
<p>bbbbbbbbbbb</p>
</div>
</div>
かこめてねえぞ
下記のようにやったのですができませんでした。
どこをどうしたらいいですか？
ちなみに青枠の中で垂直にセンタリングしたいです。
http://first.freespace.jp/jpss/bbb.html
>>30
下記のようにやったのですができませんでした。
どこをどうしたらいいですか？
ちなみに青枠の中で垂直にセンタリングしたいです。
http://first.freespace.jp/jpss/aaa.html
最初からｘｈｔｍｌでも問題ない。
不安になったらサイトをｗ３ｃに通せば、シンタックスエラー吐き出す
>>29
ブラウザのVer気にしないなら
<div id = "aaa"><p>ああああああああああああああああああああああああああああああああああ<br>
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお</p>
<p>いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</p></div>
* {margin:0; padding:0;}
#aaa{width:800px;height:100px;background-color:#66ccff; display: table-cell;vertical-align:middle;}
bbb.htmlは成功してないか？
http://www.uproda.net/down/uproda484091.png
センタリングされないです。。
http://first.freespace.jp/jpss/ccc.html
>>34
今の状態は
−−−−
ああ
おお
いい
−−−−
自分がやりたいのは
−−−−
ああ
おお
いい
−−−−
なんです。。
pは段落タグだから次のp要素に対する間にスペースできるのは当たり前だと思うんだけど
これならスペースできないよ
http://www.uproda.net/down/uproda484093.png
文法的にむちゃくちゃだな・・・
35のbbb.htmlのソースをそのまま貼っつけてpのとこをdivに置換してCSS書き換えたくらいだから別に俺は悪くない
#66ccff; display
↑全角空白が入っている
打ちなおしてみろ
htmlで
こんにちは
。今日もい
い天気です
ね。
の様に真中に、横を揃える方法ってないのでしょうか…？
本当に初心者なので分かりません。どことどこの間に、どんなタグを挟めば良いか教えてください。
そういう細かいレイアウトを調整したい場合、HTMLタグの知識だけで
対応できないです。
スタイルシート（CSS）で調整します。
CSSの知識があれば自由自在です。
サンプルを示します。これは、解決法の１つであり、唯一のやり方ではありません。
方法やいろいろあります。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>テスト</title>
<link rel="stylesheet" href="test.css" type="text/css" />
</head>
<body>
<p>こんにちは。今日もいい天気ですね。</p>
</body>
</html>
/* ボーダーの太さを変更する */
p{
margin-left: auto;
margin-right: auto;
width: 85px;
font-size: 16px;
}
>>47は、htmlファイルです。このファイルには、細かいレイアウトの情報はありません。
bodyの直下にp要素があるだけです。
>>48は、cssファイルです。このファイルにp要素がどういうレイアウトになるか
ということが書かれています。
どちらのファイルも、文字コードはUTF-8としました。
このサンプルをそのままで試すときは、ファイルの文字コードをUTF-8もしくはUTF-8Nに
してください。
>>48はコメントが意味不明でした。他のファイルを再利用したせいで。
消し忘れました。すみません。
「ボーダーの太さを変更する」は、書かれていないものとお考えください。
次に、>>47と>>48をひとつにまとめたものを掲載して、投稿の最後にします。
今度は、文字コートはShift_JISにしておきますので、
ウィンドウズパソコンの場合は、メモ帳などにコピペしてそのままブラウザ
で開けば、ご覧になれます。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>44さんへの回答</title>
<style>
<!--
p{
margin-left: auto;
margin-right: auto;
width: 85px;
font-size: 16px;
}
-->
</style>
</head>
<body>
<p>こんにちは。今日もいい天気ですね。</p>
</body>
</html>
すみません！>>52は、ちょっと間違いがありました。再投稿します。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>44さんへの回答</title>
<style type="text/css">
<!--
p{
margin-left: auto;
margin-right: auto;
width: 85px;
font-size: 16px;
}
-->
</style>
</head>
<body>
<p>こんにちは。今日もいい天気ですね。</p>
</body>
</html>
素人にはstyle属性から教えた方が教えられる方も助かるらしい。
で、揃えるってのがjustifyの事じゃないのか？ ブラウザ依存だけど・・・
<p style="margin:auto;width:6em;text-align:justify;">こんにちは。今日もいい天気ですね。</p>
その回答もダメだろ・・・
おれなら まずはpreで書いてみろと言っとく その後どう思うかってことだが
<pre style="margin:auto;width:6em;">
こんにちは
。今日もい
い天気です
ね。</pre>
回答がダメだと言ったのはtext-align:justify;だけじゃダメだろ。
text-align:justifyはtext-justifyとセットだろ
皆さんこんなに私の質問に答えてくれて有り難い限りです！
ツッコミ入れると、
33
全称セレクタ使うな。全角スペース見逃すな！
自分で「ｗ３ｃに通せば」とか言ってるのに。。。
回答としては０点じゃん。何んで間違いなのに胸張ってんの？
shift_jisなら、XML宣言が必須
style要素の中身コメントアウトしてるのは問題
あぁ元ソースに全角スペース入ってると勘違いしたのか。
あれは、スレに書き込む時、コピペして「追加部分はココから」って意味合いで書き込み時にスペース空けたんだわ。
それが全角スペースになってたみたいだな。42で返答してるんだけどな・・・・。
全称についてもそう。pをmargin:0で良かったと思うけど、単に楽だったから。
あと、ｗ３ｃの話も質問者は別。また、私がｗ３ｃに準拠したソースを書くとも言っていない。
61の口調に腹が立ったので。スレを汚してすまなかった。
特定のリンクだけ同じタグで表示する為にはどうしたら良いのですか？
ググっても別タグで開く方法しか出てきません
お願いします
タブじゃないの？
ってこと？
タブの間違いです
ブログで全体を別タグで開くように設定したのですが
ブログタイトルの部分だけを別タブで開かないようにしたいのですがどうやるのかわかりません
<a href="〜〜〜〜">タイトル</a>
のとこに<a href="〜〜〜〜" target="_self">
target="_self"を追加
できました
ありがとうございます
貴方の回答の方が色んな意味でスマートです。
p要素幅は、文字数で定義するべきでした。
width:85px;font-size:16px;としたのは、この数字の組み合わせだと
結果的に１行の文字数が５文字程度になるからだったのでした。
width:6em;の方がシンプルで良いですよね。文字サイズはやたらと
固定しない方がアクセシビリティ的に正しいですし。
ご指摘ありがとうございます。仰る通り、style要素の中のCSSをコメントアウトにするのは間違い。
それは、HTMLの場合でしたね。XHTLで書いたので、CDATAセクションで囲むのが正解でした。
CDATAセクションで囲むのはJavaScriptでした。
本来はCSSもCDATAセレクションで囲んで良いのだけれど、実際はブラウザが
対応していない場合が多いのでダメなんですね。
現時点では、style要素の内容にCSSを書く場合、コメントアウトもCDATAセレクションで
囲むこともせず、ふつうに書いたら良いんですね。
普通？
実用では、 <style> </style> だけでOK
ただ、そのページ内にしか使わんから実用って程も使わんけどね。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>44さんへの回答</title>
<style type="text/css">
p{
margin-right: auto;
margin-left: auto;
width: 6em;
text-align: justify;
text-justify: inter-ideograph;
}
</style>
</head>
<body>
<p>こんにちは。今日もいい天気ですね。</p>
</body>
</html>
恋愛は不器用だけど、結婚生活で上手くいくタイプと見た
いいえ。XHTML 1.0 Transitionalの場合は、Style要素のtype属性は必須だそうですよ。確かに書かなくても問題ないみたいですけれど、
ルールは守るべき。HTML5からは、書かなくても良いそうです。
知ったかぶりで使ったこともないのに回答するな
あ、ごめんなさい。type属性のことじゃなくて、コメントアウトとCDATAセレクション
のことですね。
すみません。では、どんな値だったら良かったのでしょうか？
IE8の場合、差が出ます。
タグコード書くときにすごい便利だと思うんだけど
以前HTMLクイックリファレンスのpreタグの覧にHTML5では廃案予定ですって書かれてたんだ。
忘れて下さい
色々と忙しく御礼が遅くなり申し訳ありません。
先日教えてもらったことをもとにやってみたのですが、
float:left;をひきいたためかまたセンタリングできなくなってしまいました。
各色枠の中で、縦にも横にもセンタリングしたいです。
またお手数おかけして申し訳ありませんが、よろしくお願いします。
http://first.freespace.jp/jpss/ddd.html
なにをどうしたらこれだけでこんなソースになるんだ
確かに汚いな
トップバナーのなかにSpryを利用したプルダウン式メニューバーの
設定で苦しんでいますので、どなたかお助けください。
教えていただきたいのはメニューバーの大項目の背景を透明にする方法です。
バナーを見えるようにしたいのですが、現在は白べたの枠です。
よろしくお願いします。
これ、CSSのソースは長くなる気がするけど。
ぜひ、簡単な書き方があったら教えてくれ。は・や・く
http://jsfiddle.net/z7Cu3/
丁寧にやっていただき、感激です。ありがとうございます！
最近勉強したばかりでわからないことがあるので質問させてください。
段落ごとpでかこむと習い二段落あるからpは二つ必要なのかなと思っていました。
やっていただいたものは二段落をひとつのpで囲ってますがHTMLの文法としてただしいのでしょうか？
それともセンタリングするにはこうするしかないってことなんでしょうか？（青枠部分のことです）
あと千代田区とかもliを使いたいと思うのですが、liはセンタリングできないのでしょうか？
だよな。これぐらいの長さにはなるよな。
画面の上下左右中央だったから、これも追加するとなると、そこまで短くはならないよな
HTMLの文法としては間違ってないけど、マークアップ的にはp2つの方が正しい。
liだってtext-align: center;当てればセンタリング出来るよ。
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲
【窓から】いらないものを投げ捨てるｽﾚ2【ポイッ】 (367)
色々なHTML (543)
Canvasについて語ろう (201)
【ゆとり】画像掲示板が狙われています【教育】２ (647)
２ｃｈで宣伝したら爆発的に人が来た (488)
WEB関連で年収１０００万円以上稼ぐ奴 (790)
--log9.info------------------
■FiVEを懐かしむスレ■ (617)
ラブジェネレーション 第９話を (463)
のだめカンタービレ Lesson147 (331)
もしも願いが叶うなら (912)
めだか (218)
【中山美穂】すてきな片想い！【柳葉敏郎】 (202)
元カレ (515)
お金がない！ 6円目 (519)
【本スレ】 LOST 55 (429)
〜白線流し〜part27 (601)
【73】さよなら･今日は【74】 (400)
【内山理名】嫌われ松子の一生【In the mood】 (405)
*･｡:*夏の秘密*:.｡.:*･ﾟ (528)
【今日から】マイボス☆マイヒーロー61【歩き登校】 (254)
【石田純一】想い出にかわるまで【今井美樹】 (880)
好きなドラマトップ３ (382)
--log55.com------------------
【生産性問題】LGBT団体、「差別してはならないと謳う」LGBT差別禁止法の整備を要求 杉田議員に注意した自民は「不十分」と再抗議
【田原総一朗】来年の参院選は野党が勝てる可能性がある
安田純平さんらしき男性の「韓国人です」編集カットはなぜ行われた？ 報道の本質すら歪めるメディアの「韓国忖度」が浮き彫りに
【アッキード/森友】ラジオで“籠池節”「安倍首相は『堪忍してや』と言うべき」 ついに反撃ののろしが上がるか◆1★1939
【自民・石破氏】「新しい日本へ自民党を運営したい」
【悲報】大塚家具、身売りへ
セミがひっくり返って地面に落ちてて死んでると思ったら、突然「ジー」とか言って飛び立つ恐怖は異常
【画像】 マサル、巨大化