Перейти к содержимому

Реферальная программа Мегаплана


Позиционирование 2-х divов

#1 polus.www

polus.www
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 12 Июль 2013 - 07:53

Всем привет!
Скажите, можно ли див2 выровнять относительно правого края дива1, чтобы при изменении длины строки тень смещалась вправо-влево на соответствующее расстояние.
Спасибо!

Прикрепленные изображения

  • Без-имени-2.png

 

 

  • 0

#2 c0ns0l3

c0ns0l3
  • Пользователь
  • 264 сообщений
  • Репутация: 49

Отправлено 03 Октябрь 2013 - 20:11

Конечно можно.
Но можно даже обойтись без 2го дива.

Приведу быстренько пример.

<div class="shadow">Твой текст</div>
<style type="text/css">
.shadow {
  line-height: 20px;
  padding: 0 10px;
  position: relative; /*обязательно*/
  /*остальные правила оформления твоего дива*/
  /*минимальная длина блока которая должна быть >= длины изображения тени*/
  min-width: 70px;
}
.shadow:after {
  content: :'';
  /*выоста изображения, которое накладывается подниз блок твоего*/
  height: 5px;
  /*длина изображения соответственно*/
  width: 60px;
  position: absolute;;
  bottom: -5px;
  right: 0;
  background: transparent url('shadow_overlay.png') no-repeat;
}
</style>

  • 0


Оформление форума – IPBSkins.ru