- 締切済み
HTMLの画像とテキストのことで困っています…
リンク、バナー、画像リンクブログパーツなど、様々な画像やリンクなどを右や左に貼り、文字をその隣に書きたいんですが、どうしても、画像を避けてしまい、文字と同じ列に画像やリンクが貼れません；； ものすごく困っています；；；；；； どの様にソースを書いたら色んなサイトの様になるのでしょうか； できれば、わかりやすく例や見本を書いてくれると本当に助かります；
- li-bu
- お礼率0% (0/8)
- その他([技術者向] コンピューター)
- 回答数5
- ありがとう数0
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- pc_net_sp
- ベストアンサー率46% (468/1003)
divタグ サンプル <div style="position: absolute; width: 436px; height: 7px; z-index: 3; left: 162px; top: 184px; visibility:visible" id="layer1"><font>文字</font></div> <div style="position: absolute; width: 96px; height: 114px; z-index: 1; left: 620px; top: 174px; " id="layer2"><img border="0" src="hoge.gif" width="93" height="108" alt="画像"></div> これで、好きな場所に文字や画像を配置できます。 あとはこれを応用して下さい。
ん…？ブログパーツ？？ あ…とんだ勘違いをしていたのかもしれません。。。 もしかしてレンタルブログのカスタマイズで変になるということですか…？ 失礼しました。_(_^_)_
>""←この中の文字は、何を入れれば良いのでしょうか…？ ん？？？？ 基本のタグぐらいわかりませんか？ <img src="画像のパス" width="縦幅" height="横幅" alt="代替テキスト"> パス以外は別になくてもいいです。
- bugtte
- ベストアンサー率33% (24/71)
現在のソースがどのようになっているのかわかりませんが、左右がきちんと分離出来てないかだと予想します。 cssコーディングで書いてみます。 ■スタイルシート #left {background:#a6e71b; float:left;} #right {background:#20b149; float:left;} #right p{background:#fec00d;} ■<body></body>タグ内 <div id="left"> <a href="#"><img src="" width="" height="" alt=""></a> <a href="#"><img src="" width="" height="" alt=""></a> <a href="#"><img src="" width="" height="" alt=""></a> <a href="#"><img src="" width="" height="" alt=""></a> </div> <div id="right"> <h1>タイトル</h1> <p>文章文章文章文章文章文章文章文章文章文章</p> </div> 余白や横幅などの微調整は必要ですが、簡単なレイアウトはこんな感じでいいと思います。 <div>で左右に分けているので、お困りになっている現象は起こりませんよ。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
補足
""←この中の文字は、何を入れれば良いのでしょうか…？