Q&A
回答もらってるのに、これだけ何度も聞かなきゃいけませんか？
本当にこの状態で中途採用される気なんですか？
赤い四角を、青い四角の位置へと移動させたいです。
htmlとcssのコードは私がコメントとして載せてあります。
cssには、どのようにして書き足せば良いでしょうか？
コードをご提示ください。
全て画像なら要素を切り取ってそういう風にすれば良いでしょう。
htmlならこれだけでは無理です。
そして過去に何度も同じ質問してる時点で無理です。
何度もご回答いただいているのにすみません。
Googleで調べたり、cssに何度もコードを書いても良い変化がないのでteratailにてご質問させていただいております。
htmlはこれです。
``````````````````````
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MyProfile</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="left-box">
<img src="profilepicture.jpg" width="200" hight="266">
</div>
<div class="right-box">
<!-- １番目 -->
<h3>プロフィール</h3>
<hr size="10" style="background-color: black;">
<p>名前<br>住所<br>学歴</p>
<!-- ２番目 -->
<h3>Skill</h3>
<hr size="10" style="background-color: black;">
<div class="skill-box"></div>
<div class="skill-box"></div>
<div class="skill-box"></div>
<div class="skill-box"></div>
<div class="skill-box">Word<br>Excel<br>PowerPoint</div>
<!-- ３番目 -->
<h3>MySite</h3>
<hr size="10" style="background-color: black;">
<a targer="">
<a target="">
</div>
</body>
</html>
````````````````````````
そして、cssは
````````````````````````
style.css
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
margin: 0;
padding: 0;
}
body {
font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}
.li {
list-style: square inside;
}
.left-box {
width: 100%;
height: 300px;
position: relative;
background: darkred;
}
.left-box:before {
top: 0;
left: 50%;
width: 50%;
height: 100%;
content: '';
position: absolute;
background: #e3d7a3;
}
`````````````````````
コードは質問に書いた方がいいです。
ご提示のコードを試してみましたが、青い四角は表示されませんでした。
「青い四角」とはご提示のコードで言うと、どの部分に当たりますか？ 青ではなくて#e3d7a3のことですか？
どの投稿も「コードくれ」と言っているようにしか見えないので。
それで身につくわけがない。（５００時間学習した人には全然見えない。本当は２時間くらいじゃないですか？）
上の画像に写っている青い四角です。その青い四角の位置に、赤い四角を置きたいです。
はい、cssのコードでどのようにして書いたら良いかを教えていただきたいです。
繰り返しになりますが、「青い四角」とはご提示のコードで言うと、どの部分に当たりますか？ コードには存在せず、だいたいそのあたりに移動させたい、みたいな話ですか？
赤い四角のモノを青い資格の位置に移動させたいです。
回答1件
0
ベストアンサー
font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;としているのにスクリーンショットを見るとセリフ書体が表示されているので、そもそも CSS ファイルを読み込めていないように思えます。
ひとまず、「赤い四角を動かす」という目標は先に置いておいて、それ以前にハローワールドができていないようなので、まず CSS を読み込ませることを直近の目標にしましょう。
- style.css が本当に存在しているのか
- 存在しているのであれば、それは css フォルダの中に入っているのか
- css フォルダは HTML と同じ階層にあるのか
以上を調べてみてはどうでしょうか。
投稿2022/03/26 07:17
編集2022/03/26 07:18総合スコア36134
はい、確かにおっしゃる通りかと思います。
この下記の三つを成立させるためにはどのようにしたらいいでしょうか？
・style.css が本当に存在しているのか
・存在しているのであれば、それは css フォルダの中に入っているのか
・css フォルダは HTML と同じ階層にあるのか
まず、style.css があるかどうか探してみましょう。
あ、別の質問に乗り換えたのですね。では、この質問は私をベストアンサーに選出してクローズしてください。
あなたの回答
tips
プレビュー
