HTML/CSS のどんな質問に必ず優しく答えるスレ 32
- : Name_Not_Found [sage] 2018/02/25(日) 17:27:17.09ID:???
- ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
Haml、Sass/Scss、LESS、Stylus、PostCSSなどの関連技術もOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!
質問側も節度あるレスで!質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバーを取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(を取った場合も)
立てられない事が予め分かっている場合は、付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 31
ttps://mevius.5ch.net/test/read.cgi/hp/1517028608/">ttps://mevius.5ch.net/test/read.cgi/hp/1517028608/
■関連スレ
Webサイト制作初心者用質問スレ part248
ttp://mevius.2ch.net/test/read.cgi/hp/1494150188/
■HTML
HTML Living Standard 日本語訳
ttp://https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
ttp://https://triple-underscore.github.io/selectors4-ja.html - : Name_Not_Found [sage] 2018/02/25(日) 17:27:33.05ID:???
- ■Haml
ttp://http://haml.info/
■Sass / Scss
ttp://https://sass-lang.com/
■LESS
ttp://http://lesscss.org/
■Stylus
ttp://http://stylus-lang.com/
■PostCSS
ttp://http://postcss.org/ - : Name_Not_Found [sage] 2018/03/13(火) 17:31:39.25ID:???
- も抜け……
- : Name_Not_Found [sage] 2018/03/14(水) 15:46:20.65ID:???
- もぬけの空
- : Name_Not_Found [sage] 2018/03/14(水) 21:42:13.41ID:???
- ■回答はSass/Scssを前提としないこと
CSSでの回答とし、要望があった場合のみSass/Scssでも可 - : Name_Not_Found [] 2018/03/14(水) 22:53:47.77:Wy8dwLmr
- あげ
- : Name_Not_Found [sage] 2018/03/14(水) 22:58:24.47ID:???
- 勝手にSCSS入れやがったから前の内容のままで立て直した↓
HTML/CSS のどんな質問にも優しく答えるスレ 32
ttp://mevius.5ch.net/test/read.cgi/hp/1521035557/ - : Name_Not_Found [] 2018/03/15(木) 16:02:28.10:22GNR5AB
- おすすめのテキストエディタ教えて。
予算3000円ぐらいだす。
マクロ使いたいんだけど、解説本充実してたらうれしい。 - : Name_Not_Found [] 2018/03/15(木) 18:38:41.35:/qaWw3ti
- ちなみに俺の中で最強エディタはエクセルになりつつある。
- : Name_Not_Found [sage] 2018/03/15(木) 21:44:39.74ID:???
-
atomでいいんじゃない? - : Name_Not_Found [sage] 2018/03/15(木) 22:56:14.56ID:???
- 一長一短で、これってのがないんだよね
決めてに欠ける
とりあえずVisual Studio Codeにしとこって感じ - : Name_Not_Found [sage] 2018/03/16(金) 00:15:53.96ID:???
-
htmlやcss書くならvscodeでそうそう不足ない気がするけど
なにが足りないのかな? - : Name_Not_Found [sage] 2018/03/16(金) 07:30:53.52ID:???
- HTML/CSSならBracketsお勧め
コードがすぐブラウザに反映されるライブプレビューって言う機能が便利すぎる - : Name_Not_Found [] 2018/03/27(火) 23:07:18.49:YvTsZ4Aw
- この板で
BootstrapやFoundationのスレが見当たらないんですが
使ってる人少ないんですかね。 - : Name_Not_Found [sage] 2018/03/28(水) 02:52:12.44ID:???
- いや、普通に使ってる
もう当たり前すぎて話すことない - : Name_Not_Found [] 2018/03/28(水) 10:21:03.65:Ls4MzNfq
- CSSでtable要素のborderを指定したいのですが、
下記のようにコードを書いてもまったく変更されません。
table {border:solid 1px;}
index.html内にはlink でスタイルシート(index.CSS)へのリンクを書いており、
他の要素へのCSSは問題なく反映されているのですが、tableだけ反映されないのです。
何が原因なのでしょうか? - : Name_Not_Found [sage] 2018/03/28(水) 16:34:33.48ID:???
-
色は? - : Name_Not_Found [] 2018/03/28(水) 18:36:53.32:Ls4MzNfq
-
table {
border:solid 1px;
color:red;
}
のように指定しても反映されません。 - : Name_Not_Found [sage] 2018/03/28(水) 18:40:42.70ID:???
- ボーダーのカラーやぞ
- : Name_Not_Found [sage] 2018/03/28(水) 19:30:06.67ID:???
- border-collapseとかいうオチ?
- : Name_Not_Found [] 2018/03/28(水) 19:31:16.50:Ls4MzNfq
-
こうですか?
table {border:solid 1px black;}
これでもだめですね。 - : Name_Not_Found [] 2018/03/28(水) 19:34:22.15:Ls4MzNfq
-
collapseも特に設定していません。 - : Name_Not_Found [sage] 2018/03/28(水) 19:34:55.17ID:???
- もうこれだけじゃ分からん!
コード全部晒せ! - : Name_Not_Found [] 2018/03/28(水) 19:39:16.72:Ls4MzNfq
-
index.css
header {
background-color:##0B3861;
color: white;
width: 100%;
margin: 0 auto;
padding-left: 5px;
}
body {
margin: 0;
}
a:link {color:white}
table {
border: solid 1px black;
} - : Name_Not_Found [] 2018/03/28(水) 19:42:38.95:Ls4MzNfq
- index.html(1)
<html>
<head>
<title>*****</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<h3>*****<br></h3>
<a href="todo_test.php">ToDo</a> / <a href="todo_readme.php">ReadMe</a><br>
</header>
<a href="todo_show.php">▼ToDoの追加<br></a>
<?php
require_once("MYDB.php");
$pdo = db_connect();
//TODOを表示
try{
$pdo->beginTransaction();
$sql = "SELECT * from todo";
$stmh = $pdo->query($sql);
echo "<table>";
foreach ($stmh as $row){
//echo "<table border='1' >"."<tr>".$row['todo'].':'.$row['status'].":".$row["period"]."</table>"."</tr>";
echo "<tr>"."<th>".$row['todo']."</th>".':'."<th>".$row['status']."</th>".":"."<th>".$row["period"]."</th>"
."<th>"."<a href='todo_test.php?action=delete&id=".$row['id']."'>".$row['id']."</a>"."</th>"."</tr>";
}
}catch(PDOException $Exception) {
$pdo->rollBack();
print "エラー:".$Exception->getMessage();
}
echo "</table>";
?> - : Name_Not_Found [] 2018/03/28(水) 19:43:07.16:Ls4MzNfq
-
<?php
$pdo = db_connect();
if(isset($_GET['action']) && $_GET['action'] == 'delete' && $_GET['id'] > 0){
try{
$pdo->beginTransaction();
$id = $_GET['id'];
$sql = "DELETE FROM todo WHERE id=:id";
$stmh = $pdo->prepare($sql);
$stmh->bindValue(':id',$id,PDO::PARAM_INT);
$stmh->execute();
$pdo->commit();
require_once "todo_test.php";
} catch(PDOException $Exception) {
print "エラー:".$Exception->getMessage();
}
}
?>
</body>
</html> - : Name_Not_Found [] 2018/03/28(水) 20:18:23.11:Ls4MzNfq
-
PC再立ち上げしてlinkでスタイルシート指定しているところを書き直したら反映される様になりました。
ご迷惑おかけして申し訳ありません。 - : Name_Not_Found [sage] 2018/03/28(水) 20:37:11.56ID:???
- なーに、いいってことよ
- : Name_Not_Found [] 2018/03/30(金) 19:20:46.07:GvWrcUbx
- 自分はホームページを作り始めてから間もないのですが
一応トップページだけは公開出来たのですが、ディレクトリのアップロードの仕方が分かりません。
例えば、ttp://http://aaaa.netというトップページがあったとして、
その下層にttp://http://aaaa.net/xxxxやttp://http://aaaa.net/xxxxxx、xxxxxxxx等と言ったカテゴリがあるじゃないですか。
それの作り方、と言うかアップロードの仕方がどんなに調べても分からないので教えていただけるとありがたいです。
因みにアップロードにはFFFTPを利用しています。 - : Name_Not_Found [sage] 2018/03/30(金) 21:33:48.69ID:???
- ファイルと同じとしか良いようが…
- : Name_Not_Found [] 2018/03/30(金) 23:43:02.40:lnUukLli
- 池
- : Name_Not_Found [sage] 2018/03/31(土) 05:17:47.21ID:???
-
本読め
ttp://http://www.sbcr.jp/products/4797372960.html - : Name_Not_Found [sage] 2018/03/31(土) 23:53:59.32ID:???
- 「フォルダ upload」で検索!
- : Name_Not_Found [sage] 2018/04/01(日) 19:54:49.03ID:???
- 頑張れ!
- : Name_Not_Found [] 2018/04/02(月) 10:35:24.25:5FDSyIpD
- おはようございます。
CSSでwindowのサイズに合わせてマージン幅の調節をしたいのですが、何か良いやり方はありますでしょうか? - : Name_Not_Found [sage] 2018/04/02(月) 13:57:42.54ID:???
- paddingで%指定
- : Name_Not_Found [] 2018/04/02(月) 14:35:01.60:41m4qg1d
- 警察と創価、在日マフィアによる集団ストーカーの証拠動画
:(警察車両ナンバー入り)
ttp://https://www.youtube.com/watch?v=gTOBN1AkSz0
ttp://https://www.youtube.com/watch?v=bbPcpPwO3ug
ttp://https://www.youtube.com/watch?v=de1jeSPGGNo
怖ろしくてお漏らししそう´・ω・` - : Name_Not_Found [sage] 2018/04/11(水) 18:11:10.16ID:???
- ページの中のそれぞれに要素に対して、display:noneで別のリストがあるんですけど、これって何なんでしょうか?
- : Name_Not_Found [sage] 2018/04/12(木) 22:35:46.39ID:???
-
見せたく無いリストなんでしょ。 - : Name_Not_Found [sage] 2018/04/12(木) 23:31:05.14ID:???
- プチエンジェルの顧客リストかな?
- : Name_Not_Found [sage] 2018/04/13(金) 02:15:16.15ID:???
- 最新のCSS(3.2?)参考書はまだ出てない?
- : Name_Not_Found [sage] 2018/04/13(金) 18:09:13.07ID:???
- CSS3.x というものは実際は無い
唯一CSS2のみがあって 「CSS3」 はそれ以外のCSS全部
バージョンは個別のモジュールごとにあるが
CSS全体としては living standardみたいなもの
量的にはCSS2の数十倍くらいあるだろうから
細かい所まで網羅するような参考書は無理だろうな - : Name_Not_Found [sage] 2018/04/15(日) 10:27:16.81ID:???
- CSS3を求めるなら、モジュール単位で指定しないと
- : Name_Not_Found [sage] 2018/04/17(火) 01:40:25.76ID:???
- コーダペインにあるような
すっごいエフェクトとか動きのCSSかけるようになりたいんだけど
本屋にいっても初歩とか基本のCSSの本しかない
こういうのどこで勉強すればいいの? - : Name_Not_Found [sage] 2018/04/17(火) 18:47:45.77ID:???
-
ソース見て研究したらいいじゃない。 - : Name_Not_Found [sage] 2018/04/18(水) 01:28:23.65ID:???
-
やっぱりそれしかないのかぁ
独学でやってんだけど
WEBの学校とか高度なこととか教えてくれたりすのかなーとか
ソース見てすらすらわかるようになるのだろうかとか - : Name_Not_Found [sage] 2018/05/01(火) 08:10:27.97ID:???
-
聞いてるようじゃはなから無理だよ馬鹿 - : Name_Not_Found [] 2018/05/01(火) 18:33:39.69:l1wYHpV1
- 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
V610Q - : Name_Not_Found [sage] 2018/05/02(水) 14:25:08.99ID:???
- V610Q
- : Name_Not_Found [sage] 2018/05/06(日) 13:58:58.00ID:???
- 最近になって色指定のとき16進数でもアルファを指定できることを知った
これって実装状況ってどうなってんの?
調べてもよくわからないんだけど - : Name_Not_Found [sage] 2018/05/06(日) 15:08:57.27ID:???
- ええ、逆に出来なかったときなんてあったの??
- : Name_Not_Found [sage] 2018/05/06(日) 16:33:30.13ID:???
- ,51
level 4 から追加された
level 3 時代にはできなかったはず
実装状況:
ttp://https://developer.mozilla.org/en-US/docs/Web/CSS/color - : Name_Not_Found [sage] 2018/05/06(日) 16:41:21.28ID:???
- 52 に追加
color 型一般の互換性
ttp://https://developer.mozilla.org/ja/docs/Web/CSS/color_value#Browser_compatibility - : Name_Not_Found [sage] 2018/05/06(日) 17:41:02.45ID:???
- いつの時代の話してんだよwww
- : Name_Not_Found [sage] 2018/05/06(日) 22:10:48.03ID:???
- ttps://i.imgur.com/DX6FK1G.png
edgeとopera mini非対応じゃねーか - : Name_Not_Found [sage] 2018/05/07(月) 01:05:35.00ID:???
- いやオペラミニには変な期待すんなよ…
- : Name_Not_Found [] 2018/05/07(月) 20:52:38.32:h0Tvtlu9
- Opera miniは切り捨てろ
- : Name_Not_Found [sage] 2018/05/07(月) 21:43:47.65ID:???
- Edgeは言えば対応するよ
Microsoftが「EdgeではWebKitと動作が異なる場合はバグ」って明言してるからね - : Name_Not_Found [sage] 2018/05/07(月) 22:25:17.76ID:???
- 透明度のことを考えるとrgbで覚えた方がいいんだろうけど
#で慣れてしまった体にはもう - : Name_Not_Found [sage] 2018/05/08(火) 00:15:36.61ID:???
- オペラミニはどうでもいいけど
IE11も見たら対応してなかったぞ - : Name_Not_Found [sage] 2018/05/08(火) 00:26:38.98ID:???
- IEなんかもういらないだろ
- : Name_Not_Found [sage] 2018/05/08(火) 23:11:21.05ID:???
- Opera miniは軽くていいよ
桜もいい - : Name_Not_Found [] 2018/05/09(水) 19:16:32.58:DP7KUipI
- すいません,質問です。特定のクラスの内側全てを否定するCSSの書式を教えてください。
あるHTML文書に対して
* { all: initial }
というCSSによって全ての要素を初期化したいのですが,その際
<span class="katex-display">
[以後大量の階層構造...]
</span>
という領域だけは初期化の影響を与えたくありません。
しかし例えば
*:not(.katex-display) { [...] }
という指定だと除外したい領域の最上部しか実際は除外できておらず,内側の<span>などが初期化されてしまいます。
ですので,「“katex-display”クラスのspan要素以下の階層全てを除外する」方法が知りたいのです。
どうかお知恵を貸してください。 - : Name_Not_Found [sage] 2018/05/09(水) 20:46:50.68ID:???
- scss使うしかないかな
- : Name_Not_Found [sage] 2018/05/09(水) 20:54:09.80ID:???
- 出たw
- : Name_Not_Found [sage] 2018/05/09(水) 21:04:17.18ID:???
- 他にいい解決方法があるのならどうぞ
- : Name_Not_Found [sage] 2018/05/09(水) 21:09:14.06ID:???
- 他にいい解決方法?
いまのところひとつも解決方法出てないが。
> CSSの書式を教えてください。
という質問にSCSS使えと答えたバカはいたようだがw - : Name_Not_Found [sage] 2018/05/09(水) 21:20:38.61ID:???
-
仕様上は
:not( .katex-display * ) { all: initial; }
のように書けばいけるはずだが( .katex-display 自身は除く)、
この形のセレクタ引数はまだサポートされてないか - : Name_Not_Found [sage] 2018/05/09(水) 22:14:39.14ID:???
-
ありがとうございます。
Google ChromeおよびMozilla Firefoxの最新版で試してみましたがいずれも対応していないように見えました。
ttp://https://developer.mozilla.org/ja/docs/Web/CSS/:not
↑ここにも一通り目は通したのですが,助けになる情報はありませんでした……。
とりあえずあきらめます。
仕事ではなく個人的な案件なので,最新の特定のブラウザさえ対応していればそれでいいんですが,Google ChromeもMozilla Firefoxも対応していないとなると厳しいですよね。 - : Name_Not_Found [sage] 2018/05/09(水) 23:22:12.04ID:???
- 頓珍漢覚悟で書くがinheritで何とかならないかな?
- : Name_Not_Found [] 2018/05/22(火) 12:15:57.61:CIBcCH05
-
すみません。どなたかこの解決方法知りませんでしょうか。 - : Name_Not_Found [sage] 2018/05/22(火) 12:24:46.17ID:???
-
英語で検索しても解決方法が出てこないなら、あきらめて
別の手段や発想の転換で解決しよう
そういうことは山ほどあるよ - : Name_Not_Found [sage] 2018/05/23(水) 15:22:33.60ID:???
- CSSに書くプロパティの順番は
アルファベット順かFireFoxのモジィーラ順かで別れると思うのですが
その1つ上のタグの表記の順番はどういう決まりになっているのでしょか?
HTML側で上から順番に書くタグに合わせて
CSSも同じ順番に書いていくのですか? - : Name_Not_Found [] 2018/06/09(土) 04:49:30.90:fG0JU7eJ
- 質問させてください。
<time datetime="2018-06-09">2018年6月9日</time>
というような形式と同じように
<sometag someattr="30000">3万</sometag>
というような「数値の統一解釈」みたいなことってできませんかね。 - : Name_Not_Found [sage] 2018/06/09(土) 12:34:15.84ID:???
- カスタムエレメント作るとか
- : Name_Not_Found [sage] 2018/06/11(月) 02:57:41.22ID:???
- SASS
SCSS
LESS
・・・・まだ他にもありますね。どれおぼえればいいの?あるいは覚える必要ない?CSSで十分? - : Name_Not_Found [sage] 2018/06/11(月) 03:10:56.01ID:???
- PostCSSで必要な機能だけ選んで漸次導入していくのがナウいやり方。
PostCSSでもフルアーマーするとSass/Less/Stylusすべての機能同等のものができるがそれは筋が悪いやり方。
本当に必要なものだけ選んで入れる。
余計なものは入れない。 - : Name_Not_Found [sage] 2018/06/11(月) 14:29:12.62ID:???
-
ttp://https://postd.cc/actualize-networkmodern-css-explained-for-dinosaurs-3/
こういうページを読むといいかも - : Name_Not_Found [sage] 2018/06/11(月) 17:47:45.84ID:???
- 記述の仕方が微妙に違うだけで
CSSはCSSやで - : Name_Not_Found [sage] 2018/06/12(火) 21:59:24.97ID:???
-
それくらいしかないですよね……。 - : Name_Not_Found [] 2018/06/16(土) 18:26:20.05:yMVXQ93H
- CSS3とHTML5で
スクロールしたら文字浮き出たりするのは
無理ですか?
jsなしで、jsありならできるのはわかります。 - : Name_Not_Found [sage] 2018/06/16(土) 18:43:37.26ID:???
- 無理っぽいな。検索してもないね。
- : Name_Not_Found [sage] 2018/06/16(土) 20:42:14.38ID:???
- 大枠:hover 浮き出る要素
とかでそれっぽくできんじゃね?
スマホには対応しないけど - : Name_Not_Found [sage] 2018/06/16(土) 21:04:46.00ID:???
- スクロールしたらなのになんでhoverが出てきたしw
- : Name_Not_Found [sage] 2018/06/16(土) 22:38:11.64ID:???
-
ありがとう、hoverしかないですよね。
なんか色々探したらJavaScript使用するのはありました。
ま、無理そうなので諦めます。
勉強になりましたわ。 - : Name_Not_Found [sage] 2018/06/16(土) 22:56:02.24ID:???
-
SASS で良い
ただし、SASSとは、SCSS の事です。
昔のSASSではない - : Name_Not_Found [sage] 2018/07/12(木) 21:33:55.70ID:???
- cssをもう一度基礎からやりたいんだけどおすすめの本を教えて
- : Name_Not_Found [sage] 2018/07/13(金) 00:04:38.94ID:???
-
本も知識かたよってるからね。信頼できる師匠見つけて、仕事手伝って覚えるのがいい - : Name_Not_Found [sage] 2018/07/13(金) 00:38:25.95ID:???
- 師匠も知識偏ってるからね
- : Name_Not_Found [sage] 2018/07/13(金) 00:39:25.32ID:???
- 好きなページ模写が速い
- : Name_Not_Found [sage] 2018/07/13(金) 00:50:59.54ID:???
-
うん。どうやったって偏るから、信頼できる人のを学ぶのがいい - : Name_Not_Found [sage] 2018/07/13(金) 02:19:46.33ID:???
-
CSS辞典 - : Name_Not_Found [sage] 2018/07/13(金) 03:27:53.56ID:???
- 学びの媒体を限る必要ある?
- : Name_Not_Found [sage] 2018/07/13(金) 09:28:33.96ID:???
-
人によって書き方にはクセがあるからね - : Name_Not_Found [sage] 2018/07/14(土) 21:15:41.68ID:???
- 媒体wwwwwwwwww
- : Name_Not_Found [sage] 2018/07/14(土) 22:21:47.20ID:???
- 師匠wwwwwwwww
- : Name_Not_Found [sage] 2018/07/15(日) 11:37:16.75ID:???
- そんなことでは悪党の儂一人倒すことも出来んぞっ!
- : Name_Not_Found [sage] 2018/07/16(月) 23:53:22.02ID:???
- 里に修行にいかねば
- : Name_Not_Found [sage] 2018/08/23(木) 22:50:37.31ID:???
- Bootstrap 使っているサイト内のロゴをcinzelというフォントとstyle.cssで文字組みしてデザインしたいんですが、h1を使うとbootstrapのh1が反映されてしまい、!importalを付けても反映されませんでした。
どうしたらいいかお願いします - : Name_Not_Found [sage] 2018/09/06(木) 11:58:07.40ID:???
-
インラインでCSS書いたら?
凡例:
レス番
100 (赤) → 2つ以上レスが付いている
100 (紫) → 1つ以上レスが付いている
名前
名無しさん (青) → sage のレス
名無しさん (緑) → age のレス
ID
ID:xxxxxxx (赤) → 発言が3つ以上のID
ID:xxxxxxx (青) → 発言が2つ以上のID
このページは2ch勢いランキングが作成したキャッシュです。元のページはこちら。削除についてはこちら。