css sorunu

smd

merhaba arkadaşlar.
css problemimi resimle anlatayım dedim. bir $resim var, $message ve bir de bilgi div'i olan info var. toparlarsak .resim, .message, #info alanlarımız mevcut. ben bunları bu resimdeki gibi .resim solda olacak şekilde, info div'i yukarı çakılcak şekilde, altına da mesaj gelecek şekilde nasıl bir kodlama yapmam lazım?

egalix · 22 Ekim 2011

anahtar kelime : postion:fixed

ilgili örneklere buradan ulaşabilirsin.

eğer olmazsa table ile bu şekilde de yapabilirsin.

HTML:

<table>
<tr><td>INFO</td></tr>
<tr>
	<td>
		<table>
			<tr>
				<td width="%30"></td>
				<td width="%70"></td>
			</tr>
			<tr>
				<td>RESIM</td>
				<td>MESAJ</td>
			</tr>
		</table>
	</td>
</tr>
</table>

sempaty · 24 Ekim 2011

float: left

osahin · 25 Ekim 2011

smd' Alıntı:
merhaba arkadaşlar.
css problemimi resimle anlatayım dedim. bir $resim var, $message ve bir de bilgi div'i olan info var. toparlarsak .resim, .message, #info alanlarımız mevcut. ben bunları bu resimdeki gibi .resim solda olacak şekilde, info div'i yukarı çakılcak şekilde, altına da mesaj gelecek şekilde nasıl bir kodlama yapmam lazım?

<div style="width:300px;">
<p>info</p>
<div style="float:left;"><img src="http://forum.iyinet.com/avatarlar/avatar10485_9.gif"></div>
<div style="float:right;">adsa asdas asda</div>
</div>