###前提・実現したいこと
画像をフレーム(額)で取り囲みたいです。
Macのウィンドウの幅を広げた時に画像が一致(グループ)して一緒に動く状態にしたいです。固定したいです。
###発生している問題・エラーメッセージ
ウィンドウの幅を広げると額だけが移動せずに、
画像が移動してしまいます。
###該当のソースコード
Coolsrightは画像、spdayoが画像の額縁、
boxはメッセージテンプレート額です。
ーーー
CSS
1CSSソース 2 3#spdayo{ 4 margin:0 auto; 5 position: relative; 6} 7 8 9#coolsright { 10 position: absolute; 11 top: 55px; 12 left:60px; 13 14} 15 16#box { 17 margin-left: auto; 18 margin-right: auto; 19 position: relative; 20 top: 290px; 21} 22 23#boxtext{ 24 position:absolute; 25 top:100px; 26 left:100px; 27} 28 29
ーーーーーーーーーーーーー
HTMLソース
HTML
1<div id="spdayo"> 2<a href="index.html"><img src="sp1.jpg" alt="ginzagakubuchi" width="585" height="585"> 3</a> 4<div id="coolsright"> 5<a href="index.html"><img src="givemecoolsright.jpg" alt="Denencho-fu,田園調布2014" width="450" height="460"> 6</a></div> 7</div> 8 9<br/><br/><br/> 10<div id="box"> 11<img src="template1.jpg" width="150" height="50"> 12<!--#boxtextを入力--> 13<div id="boxtext"> 14<p>Welcome to Tokyo Hill </p> 15</div> 16</div>
プレート画像にテキストを入力したいです。
spdayo額縁に画像を入れたいです。
画像を真ん中に持っていき、固定したいです。
###試したこと
どのように書けばいいのかご教授ください。
何卒、よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー