Позицирование в DIV

[Gold Dragon]

есть такая конструкция

<div class="qwerty">текст</div>

и есть стиль

.qwerty{
  font-family: "Courier New", Courier, monospace;
  font-size: 14pt;
  font-weight: bold;
  color: #660000;
  margin: 0;
  padding-left: 90px;
  height: 80px;
  background-image: url(../images/fon_zag.png);
  background-repeat: no-repeat;
  background-position: left;
}

в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?

[psywalker]

ТС, покажи скриншот того, что хочешь получить.

[Justnewone]

Почитайте про "вертикальное выравнивание DIV"

[rus]

А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу.

Вам где нужен текст?

[sigma77]

А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу.

Вам где нужен текст?

Наверное справа внизу

[Deca]

во-первых не стоит забывать про Float (left или right)

[slicemasta]

vertical-align:middle;

line-height:80px;

background-position: 0 50%;

[Gold Dragon]

Тут нет возможности прикреплять картинку?

наверное запутанно объяснил

вот картинка, стрелка показывает что я хочу

Edited April 16, 2010 by Gold Dragon

[psywalker]

ТС, можно сделать так и вообще обойтись без стилей)

<h2><img src="my_avatar.jpg">ksfskdf</h2>

[rus]

Gold Dragon дай ссылку на страницу где проблема, это будет дельнее и да, очень хочется почитать, как же все-таки врут мужчины и женщины там...

[Gold Dragon]

slicemasta, что-то получается... но надпись почему-то посередине стала и больше никуда

Deca, а float тут при чём?

psywalker, не нужно стилями, т.к. это движок и структуру не лучший вариант менять текст в DIV

ps

Gold Dragon дай ссылку на страницу где проблема, это будет дельнее и да, очень хочется почитать, как же все-таки врут мужчины и женщины там...

на новый макет ссылку не могу дать.. пока на локалке

а это почитать

http://fipuche.ru/eto-interesno/kak-vrut-m...henschinyi.html

Edited April 16, 2010 by Gold Dragon

[sigma77]

Gold Dragon,

Как вариант, задать блоку .qwerty {position: relative;}, в него помещаешь блок с текстом и ему уже задаешь абсолютное позиционирование и размещение внизу, т.е. p {position: absolute; bottom: 0;}

[Gold Dragon]

ещё раз, структура только такая

<div class="qwerty">текст</div>

Код не нужно править..

Видимо не получится. хотя кто знает.. по крайней мере сейчас хоть посередине, тоже неплохо смотрится

[sigma77]

Gold Dragon,

Единственный вариант, если не менять структуру, который я знаю это display: table-cell, но в IE6 и 7 это свойство работать не будет. Как вариант писать для них экспрешн, но все примеры, что мне попадались, включали внутренние блоки.

Edited April 16, 2010 by sigma77

[Gold Dragon]

спасибо всем за помощь.. кое что из сказанного применил... если будет какое-нибудь решение, то буду рад

[slicemasta]

Gold Dragon если вам нужно текст к низу прижать задайте просто

background-position: 0 0;

vertical-align: bottom;

ну или line-height в два раза больше чем высота блока, но это не очень хороший вариант, подойдет только для текста в 1 строку, дайте ссылку на реальную страницу с элементом, толку будет больше.

скрин в помощ..

http://clip2net.com/page/m0/5297758

Edited April 16, 2010 by slicemasta

[Gold Dragon]

вот только сейчас обновил всё на сервере. так что могу дать ссылку на рабочий вариант

http://fipuche.ru/novosti/

slicemasta, я экспериментировал с background-position, но так что-то и не заработало

[slicemasta]

Gold Dragon

http://clip2net.com/page/m0/5301156