電子書籍の厳選無料作品が豊富!

ホームページビルダーでの経験しかない初心者です。CSSに挑戦していますが不明な点ばかりです。
無料テンプレートを加工していますが下記の内容を教えて頂けませんか。
topとtop2の左側(上下位置は中間)に私が追加したtop3の画像を
表示させたいのですがうまくできません。宜しくお願いいたします。

CSS
#bodyid{
background:#eafefe url('img/bg.png');
padding:0;
margin:0;
text-align:center;
}
#bg{
width:706px;
background:#fff;
margin:0 auo;
}
#top{
width:400px;
height:80px;
background:url('img/title1.gif') no-repeat center top;
text-align:left;
}
#top2{
width:400px;
height:60px;
background:url('img/title2.gif') no-repeat center top;
text-align:left;
}

#top3{
position:absolute;
left 120px;
top 30px;
width:100px;
height:80px;
background:url('img/image555.gif') no-repeat center top;
}

html
<body id="bodyid">
<DIV id="bg">
<div id="top"></div>
<div id="top3"></div>
<div id="top2"></div>

A 回答 (1件)

float:leftを入れればうまくいくと思います。


#top{
width:400px;
height:80px;
background:url('img/title1.gif') no-repeat center top;
text-align:left;
float;left;
}
    • good
    • 0
この回答へのお礼

floatで何とか解決しました。
ありがとうございました。

お礼日時:2006/08/19 16:57

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!