どのように画像の浮動小数点を中央揃えのdivの隣に置くことができますか？

画像を中央に配置されたボックスの隣に浮かせるようにするにはどうすればよいですか？正しいHTML/CSSコードは何でしょうか？事前にどのように画像の浮動小数点を中央揃えのdivの隣に置くことができますか？

enter image description here

ありがとう：ここで私が作るしようとしているものの概要です。

出典

2011-06-24 EatMyPickle

あなたがイメージが常にそこに滞在するか、ページをオフにスクロールしたいですか？ – mrtsherman

素晴らしい最初の質問btw。スタックオーバーフローへようこそ！ –

画像を中央揃えのdivに配置します。中央のdivにposition:relativeを付けます。今度は画像をposition:absoluteとleft:-XXpxとしてください。ここで、XXは画像の幅です。

出典

2011-06-24 15:20:29 Jrod

イメージをフローティングdivに配置し、必要に応じてフローティングdivを配置します。ここで

は、それはおそらくあなたの利益になるだけのdivを配置するには、以下の＃レイヤ1のCSSコードのトップと左の値を変更... DIVとイメージプレースホルダーを作成するためのいくつかのHTML ...

です独自のdivでほとんどのページ要素を折り返して、テーブルを使わずにページをレイアウトすることができます。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
<!-- 
#Layer1 { 
position:absolute; 
width:200px; 
height:115px; 
z-index:1; 
left: 475px; 
top: 291px;

} - >

<body> 
<div id="Layer1"><img src="" alt="" name="someimage" width="32" height="32" id="someimage" /></div> 
</body> 
</html>

グッドラック、

ロドニーバルバティ

出典

2011-06-24 16:00:47

どのように画像の浮動小数点を中央揃えのdivの隣に置くことができますか？

答えて

関連する問題