Позициониране на текст

E

Ev0luti0N

Registered
Здравейте, ще пробвам да ви обесня със схемичка.
Имам следното:

|----------------------------|
| tekst ______|_______|
| tekst 2 ____| kartinka |
|___________|_______|
|----------------------------|

как може да стане този tekst2 да падне най-доло на този <div> да стане нещо такова:


|----------------------------|
| tekst ______|_______|
|___________| kartinka |
| tekst2 _____|_______|
|----------------------------|

Нестава въпрос за <br /> или padding тей като искам този tekst ако продължата надоло tekst 2 да си стой винаги най-доло.

Дано сте ме разбрали :)
 
HTML: 
<div class="innerdiv clearfix">
<a href="#" title="asd">
<img src="default.jpg" alt="" border="0" align="right" style="width: 58px; height: 58px; border: 1px solid #000000;" />
<strong>asd</strong></a><br />
asd2
</div>
 
HTML: 
<div class="innerdiv clearfix" style="position: relative; overflow: hidden;">
<a href="#" title="asd">
<img src="default.jpg" alt="" border="0" align="right" style="width: 58px; height: 58px; border: 1px solid #000000;" />
<div style="font-weight: bold; overflow: hidden;">asd</div></a><br />
<div style="position: absolute; bottom:0; overflow: hidden;"> asd2 TEXT2</div>
</div>

мисля че така ще стане

ЕДИТНАТ
 
legolas каза:
HTML: 
<div class="innerdiv clearfix" style="position: relative;">
<a href="#" title="asd">
<img src="default.jpg" alt="" border="0" align="right" style="width: 58px; height: 58px; border: 1px solid #000000;" />
<strong>asd</strong></a><br />
<divs style="position: absolute; bottom:0;"> asd2 TEXT2</div>
</div>

мисля че така ще стане
Увеличете...
Не.. като го изведа през while стават едно върху друго, с една дума мазало :D
 
Demo на кода, който ще ти дам:
http://pastehtml.com/view/1e2r3ch.html
Ето самия код, надявам се да ти помогне. :) :?:

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
	<title>За Уеб Турист =]</title>
	<style>
	.holder {
		width: 250px;
	}
	.text {
		float: left;
	}
	.image {
		float: right;
	}
	.cl {
		clear :both;
	}
    </style>
  </head>
<body>
	<div class="holder">
		<div class="text">Текст ред №1 <br /> ..... <br /> ... <br />Текст ред №2</div>
		<div class="image"><img src="http://web-tourist.net/forum/images/avatars/6027312064da03ba994fae.png" alt="" /></div>
		<div class="cl"></div>
	</div>
</body>
</html>
 
Мерси, но явно не си ме разбрал/разбрала.
Исках ако може да стане без тези <br>.

Благодаря.
 
Ev0luti0N каза:
Мерси, но явно не си ме разбрал/разбрала.
Исках ако може да стане без тези <br>.

Благодаря.
Увеличете...
Demo - http://pastehtml.com/view/1e2rk43.html ?
Еми направи така:
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>За Уеб Турист =]</title>
   <style>
   .holder {
      width: 250px;
   }
   .text {
      float: left;
   }
   .txt1 {
  margin-bottom: 120px; /* eventualno tova ti e razmera na image-to :} */
}
   .image {
      float: right;
   }
   .cl {
      clear :both;
   }
    </style>
  </head>
<body>
   <div class="holder">
      <div class="text"><div class="txt1">Текст ред №1</div>Текст ред №2</div>
      <div class="image"><img src="http://web-tourist.net/forum/images/avatars/6027312064da03ba994fae.png" alt="" /></div>
      <div class="cl"></div>
   </div>
</body>
</html>

Demo 2 with position: absolute/relative :}
http://pastehtml.com/view/1e2rm73.html
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>За Уеб Турист =]</title>
   <style>
   .holder {
      width: 250px;
   }
   .text {
      float: left;
      height: 160px;
position: relative;

   }
   .txt2 {
 position: absolute;
bottom: 0;  
}
   .image {
      float: right;
   }
   .cl {
      clear :both;
   }
    </style>
  </head>
<body>
   <div class="holder">
      <div class="text">Текст ред №1<div class="txt2">Текст ред №2</div></div>
      <div class="image"><img src="http://web-tourist.net/forum/images/avatars/6027312064da03ba994fae.png" alt="" /></div>
      <div class="cl"></div>
   </div>
</body>
</html>
 
Ще пробвам след минутки и ще кажа резултат :)

Не е това резултата който искам..
Но няма проблем ще си остана с проблема, не е кой знае какво :)

Благодаря!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе