[X] Помощник

[polus.www Topic Starter]

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

Эскизы прикрепленных изображений

 

[c0ns0l3]

Конечно можно.
Но можно даже обойтись без 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>

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.