HTML/CSS の質問に優しく答えるスレ 30
レス数が1000を超えています。これ以上書き込みはできません。
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問大いに結構。分からない人は何回聞いても結構HTML / CSS 関係の事なら何でもOK
質問するときはIDを出すためにメール欄を age にすることをおすすめします
回答してくれる方は優しい人のみ！質問者に対して暴言を吐く人は このスレを見るな！！終わった話を蒸し返すやつは このスレにくるな！！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS の質問に優しく答えるスレ 29
http://mevius.2ch.net/test/read.cgi/hp/1503136885/
■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.net/test/read.cgi/hp/1494233240/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html >>950
ダメなわけがない
大見出しのすぐ後に小見出しがあるドキュメントなんて山ほどある >>941
ならなかった
というか文字がどこにもない
画像の上にテキストをのせたいんだけど
ＨＴＭＬって要素重ねるってできないのかな >>955
<a href="#">文字</a>
a {
display: block;
width: 画像の横幅;
height: 画像の縦幅;
line-height: 画像の縦幅;
background: url(パス) no-repeat 0 0;
margin-right: auto;
margin-left: auto;
}
可変したい場合はちょっと変わるけど
かなり初歩的な質問だし可変までは想定してないよね。 >>955
>ＨＴＭＬって要素重ねるってできない
できるよ（重箱だがHTMLではなく、CSSな。）
(1) 絶対位置（ position: absolute,＋親に position:relative ）
(2) 強制オバーフロー（テキストをサイズゼロのボックスに入れる＋ボックスの z-index も指定（さもないとテキストが背後に隠れる））
(3) grid レイアウト（重ねたいものを同じセルに配置する）
他にもあるかも >>955
見た目はHTMLではなくCSSのお仕事
配置を決めるスタイルプロパティにpositionてのがあって
デフォルトではほとんどの要素のこれがstaticて値になってる
これはただ書かれた順に、下へ下へと並んで積まれていくだけのスタイルなので
このままでは要素を重ねるのは難しい
値がrelativeになると、staticであった場合の座標を基準に
相対的に配置されるようになる
値がabsoluteになると、ある基準点からの絶対座標で配置される
基準点は先祖要素を順にたどって最初に見つかった
positionがstaticではない要素
この辺をうまく使って配置してみてください select, optionを使ってDropDownListを作る場合、
Category SubCategory1
[ ▼] [ ▼]
みたいに２階層にしたいのです。
こう言う場合、Categoryの選択項目に応じてSubCategory1のoption一覧を更新する必要がありますが、
どう言う手法が良いのでしょうか？
(1)全部のデータをクライアントサイドで持っていて、必要なやつを表示してそれ以外は非表示にする。
(2)Categoryの選択項目が変化する度にサーバーサイドからSubCategory1のoption一覧を取得する。
(3)それ以外
など何がお勧めですか？ >>956
わーすごいすごい
文字と絵重なってる
だいぶやりたいことに近づいてきたけど文字が左端になるし
改行いれると画像に下にでちゃう
中央に表示できないの？
あと画像の大きさ毎回調べるの大変すぎるんだけど
ＨＴＭＬじゃ自動で真ん中に表示するリンクボタンって難しいんですね >>959
3
1に近い、というか1がどういうの想定してるかわからないけど、JavaScriptに配列で持たせておいてCategoryが変更されたらSubCategory1の中身を入れ替える >>960
簡単だぞ
cssでいろいろ方法ある
多いしサポートするブラウザによるし好みにもよるからここに書くのめんどうなくらい
「css 縦横中央」とかで検索すれば大量に出てくるから好きなの選べ 検索してやってみてるけどぜんぜんうまくいかない
学校でＨＴＭＬならったけどＣＳＳのほう勉強したかった htmlのほう勉強してて正解
htmlはしっかりかけるようになっておかないとSEOにも影響する
cssはまぁ言うてもなんとでもなる >>963
とりあえず簡単に書くと
>>956に追加で、a内の文字にspanなり付けて
<a><span>ほげほげ</span></a>
の形にする
で
a {
position: relative;
}
span {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
で、どう？
>>962で書いたようにいろんな方法あるから一例ね >>965
うーん あまりかわってない…
２行目が少し上になったぐらい
やっぱりここにいるプロの方でもすぐできない難しいことみたいだしあきらめます
ありがとうございました >>967
https://jsfiddle.net/vzos55bp/2/
956だけどアプデしました。
画面幅狭めても画像が切れないようにしたよ。
改行も対応した
こんな感じでいいかな？ HTML5でバナー制作をしているのですが、
媒体の広告規定でポライトロードが必須とされているのですが、
ポライトロードの設定をする場合の具体的な記述例を教えてもらえないでしょうか。
Google Web DesignerやAnimateではUI上から設定できるということなのですが、
既にHTML5で組まれた既存版を使う為、直書きでの方法を教えください！
よろしくおねがいいたします。 >>967
そうやって煽ってコピペ出来る答えを引き出そうとしてるのは
まるっとスリット全部お見通しだ！ >>964
なにが正解だよww
css勉強してなきゃhtmlの意味ねーだろ >>968
すごい かっこよすぎる
コードだけ使わせていただきます
でもこんな簡単なことやるのにかおんな複雑なＣＳＳが必要になるんですね
自分ひとりだったら絶対たどりつけなかったです…
今作ってるのは趣味のブログだけど
会社のＨＰ制作たのむときはこんな人に頼みたい
というか自分もこんなの数日でかけるようになりたい
あともう１つききたいんですけど
画像の下に長い文章かいたときに画像の幅で折り返すっていうの画像の幅を指定せずにかけたりしますか？ × あともう１つききたい
○ あともう１つタダで作ってほしい いやまあ質問スレなんだから別にいいんじゃねーの
ページ全部デザインしてくれっていってるわけじゃないし select要素は、widthを指定しない場合、optionの最大文字数を基準に決められますが
現在選択されているoptionを基準に横幅を決めるようにしたい場合はどうすればいいですか？ >>976
どうすればいいか教えていただけませんか？
何のタグつかえばいいかヒントだけでも教えてもらえれば自分で検索してがんばってみるので >>978
タグなんてなんでもいいだろ
<div>
<img>
<p></p>
</div>
でいいんじゃね
ちょっとは自分で調べようとしろ 質問に自分で調べろって何のためのスレだよ
そもそも調べても無理
要素の幅のきまり方知ってれば不可能ってわかる >>981
できないんですね
お答えいただいてありがとうございます >>985
はいはいできないさようならｗｗｗ
調べてわからないとこの質問なら答えるけど一切調べずにコード書かせてコピペして終わろうとしてるやつに教えることはない できるなら調べろていうのはわかるけど
技術的にできないことをできるっていうのはダメだろ >>981
親要素作って
画像をmax-width:100%でOK あ、これでいいな
<style>
.hoge{
display: table;
width: 0.1%;
}
</style>
<figure class="hoge">
<img src="https://s.yimg.jp/images/top/sp2/cmn/logo-170307.png";>
<figcaption>
あともう１つききたいんですけど
画像の下に長い文章かいたときに画像の幅で折り返すっていうの画像の幅を指定せずにかけたりしますか？
</figcaption>
</figure> >>994
わああああああああ
素敵すぎます
できるだけじゃなくてこんなシンプルにかけるんですね
ありがたく使わせていただきます
作ってもらってばっかりでほんと申し訳ないんです
HTML勉強したのが4.01トラディショナルとかだったので
float left ぐらいでしか特殊レイアウトできなくて
いまdisplay スタイルでいろんなことができちゃうんですね
ほんと学校でＣＳＳ勉強したかったです＞＜ CSSで値を羅列する時、普通はスペースで区切りますが
ネットで「,」を置いているコードを見かけて、試してみたら問題なく機能しました
border: 1px,solid,#222;
などです
スペースとコンマ以外に使える文字はあるのでしょうか？ >>997
へー知らなかった
クラス名に絵文字も使えるよ。スタイルもちゃんと当てられる このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 104日 12時間 57分 26秒 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php レス数が1000を超えています。これ以上書き込みはできません。
