Q&A
html内に張り付けた画像を表示すると、大きく位置ズレをしているので、調整したいんですが、
下記コードを書いても改善しないので、どこが可笑しいのか教えていただけますか。
HTML
1 <body itemscope itemtype="http://schema.org/WebPage"> 2 <div id="container"> 3 <header id="page_header"> 4 <hgroup> 5 <h1><img src="images/ロゴ.png" alt="タイトル"></h1>///ロゴ.pngの位置が大きく右側へズレてしまった 6 </hgroup> 7 </header>
CSS
1container { 2 right:400 3}
回答1件
0
HTML要素の座標はいろいろな要素が影響して決定されるのでなんとも言えませんが、提示されたコードの範囲内で問題になりそうな箇所としては以下のとおりです。
単位の不足
css の right 要素に数値を指定する場合は、単位が必要です。
例:
css
1 right: 400px
css セレクタ
css セレクタは、アルファベットから始めた場合要素型セレクタ (タグ名で指定する) になります。
特定の id を持つ要素を対象にしたい場合は #{id} とします。
例:
css
1#container { /* 略 */ }
要素の position プロパティ
HTML要素はデフォルトでは position プロパティが static に指定されていますが、
position が static の要素は right 等の位置指定を無視します。
相対位置での配置を行いたい場合は relative を指定してください。(参考)
例:
css
1 position: relative; 2 right: 400px;
投稿2020/05/13 08:28
総合スコア1086
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。