HTML/CSS のどんな質問にも優しく答えるスレ 52 (869レス)
1-

425
(1): 04/18(木)18:24 ID:??? AAS
レスありがとうございます、試してみたらできました!
フレキシブルを使った自由課題でしたm(_ _)m

<div class="outline">
<div class="box1"></div>
<div class="greenbox"></div>
<div class="box2"></div>
</div>
.outline {
width: 100%;
height: auto;
省20
426: 04/18(木)18:40 ID:??? AAS
並び順なのでfloat指定いらないよ
427: 04/18(木)19:34 ID:??? AAS
>>425
自由課題か・・宿題とか課題とか嫌いだったな
高校生でそんなのやるわけないか、専門学校?

ちなみにオレンジボックスは共通の書き方にしてコード減らせるからやってみ
flex使えばfloatも使う必要無いよ、昔はfloatだったからそれが模範解答で出てきたら時代と教材がかなり古いと思う
428: 04/18(木)19:35 ID:??? AAS
ひねくれてgridでやろうぜ
外部リンク:jsfiddle.net
429: 04/18(木)19:39 ID:??? AAS
grid警察だ!そこを動くな!
430: 04/18(木)21:02 ID:??? AAS
gridは最終手段って感じ
これを使わなくて済むようなデザイン組んでほしいって思う
431: 04/18(木)21:35 ID:??? AAS
gridはいいんだけど
orderやgrid-areaで順番をゴチャゴチャ変えないと成立しないスマホデザインとかはうんこ
スクリーンリーダーなどアクセシビリティ的にも良くない
432: 04/20(土)20:14 ID:??? AAS
AA省
433: 04/20(土)20:18 ID:??? AAS
jqueryのほうが早いな
cssでやるのはちとつらいのでは?
434
(1): 04/21(日)01:17 ID:??? AAS
その3行ごとにtbodyで囲ってtbody:hoverでできそうではあるが、別の問題が発生しそう
435: 04/21(日)01:39 ID:??? AAS
質問です
個人経営の店ですが取引業者のサービスでホームページ作りました
業者のサービスはWordPressベースでssl対応です
ただurlが業者の名前&ディレクトリ以下に無機的な数字が続きビミョーです
お名前.comでドメインを用意してurl転送サービスでフレーム転送にしました
これでOKと思いきや設定したurlでホームページを表示してもssl対応になりません
個人情報を扱わないサイトですがセキュリティソフトが信用できないサイトとか警告が出ます

http → https のフレーム転送でssl対応にする方法は有りますか?
436: 04/21(日)04:05 ID:??? AAS
過去にやったの調べたら>>434と同じでtbody:hover{}してた
css的に問題はなかったしjQueryでtbodyを抽出しても問題なかった
でもこういうtbodyの乱用はどうなんだろうとは思うし、将来いきなりNGになるかもしれんよね
437: 04/23(火)18:19 ID:??? AAS
質問です

親要素にdisplay:flexを設定して
子要素1は左に配置
子要素2は右に配置したいです
どのように書けば実現できるでしょうか?
438
(1): 04/23(火)18:23 ID:??? AAS
<div class="parent">
<div class="child01">子1</div>
<div class="child02">子2</div>
</div>

.parent{
display:flex;
justify-content:space-between;
}
439: 04/23(火)18:40 ID:??? AAS
>>438
ありがとうございます
その書き方は出でこなかったので勉強になりました
結果ですが子要素1と子要素2のサイズが違うこと?で子要素2の配置が真ん中やや右に表示されてしまいました
440: 04/23(火)19:00 ID:??? AAS
他のcssなければ子要素は同じサイズのはず
(子要素内の文字数一緒なので)
子要素2が真ん中より右ってのは他のCSSが影響してると思うよ
justify-content:space-between;
は子要素を均等に配置するなので
parentの左右にそれぞれピッタリ配置されてるはず
441: 04/25(木)16:35 ID:??? AAS
JS使わなくてもよくなるのね
実装はよ!

Help us invent CSS Grid Level 3, aka “Masonry” layout
外部リンク:webkit.org
442
(1): 04/26(金)22:09 ID:??? AAS
ある WEB サイトに入力する場所が2つあるとして、其処に指定の値を入力した状態でそのサイトを開くには、どの様に書けば良いのでしょうか?
例えば 外部リンク:www.aaa.com というサイトだとして、其処に、foo と bar が入力された状態でブラウザで開きたいのですが…
外部リンク:www.aaa.com だけを実行すると、入力欄は空のままで開かれますよね。
443
(2): 04/26(金)22:38 ID:??? AAS
>>442
サイト側でクエリなりなんなりを反映する仕組みがないと無理やで
444: 04/26(金)22:48 ID:??? AAS
>>443
> サイト側でクエリなりなんなりを反映する仕組みがないと無理やで
それを確かめるには、どんな事をすればいいのですか…?
1-
あと 425 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.007s