Помогите немного с CSS

Статус
В этой теме нельзя размещать новые ответы.
bork75 написал(а):
Что бы изображение было поверх, нужно выводить в плавающем диве, внутри основного дива.
PHP: 
<div class="shadow">
    <div style="position:absolute; top:50px; left:0px; z-index:999;">
     <img src="сюда вписать картинку">
    </div>
</div>
Из основного стиля убрать
PHP: 
background: url(../images/new-shadow.png) no-repeat 0px 0px;
Нажмите для раскрытия...

К сожалению и это не сработало, хотя я возможно не так тебя понял.

вставил твой код между <div class="ellipsis">...</div>

Но не помогло...
 
Скинь целиком весь код с материалом сюда.
Сделаю как нужно.
И напиши, что конкретно там ещё не получается.
 
В данный момент css выглядит следующим образом:

PHP: 
    .ellipsis25
    {
      line-height: 1.2em;
      height: 1.2em;
      white-space: nowrap;
      overflow: hidden;
      background: url(../images/ellipsis.png);
      background-repeat:repeat-y;
      background-position:top right;
      text-overflow: ellipsis25;
      width: 100%;
      -o-text-overflow: ellipsis25;
    }
    .ellipsis25 *
    {
      display: inline;
    }

Текст который укорачиваю:

<div class="ellipsis25">Очень длинный текст....</div>

Картинка тем самым ложится под тест.

Вот тут это я пытаюсь реализовать.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.


P.s. Градиент специально сделал белым, чтобы было видно на фоне сайта. Позже сменю.
 
Просто скопируй целиком, картинку потом заменишь на градиент

PHP: 
<style>
    .ellipsis25 
    { 
      position:relative; top:0px; left:0px;
      line-height: 1.2em; 
      height: 1.2em; 
      white-space: nowrap; 
      overflow: hidden; 
      text-overflow: ellipsis25; 
      width: 100%; 
      -o-text-overflow: ellipsis25; 
    } 
    .ellipsis25 * 
    { 
      display: inline; 
    } 
</style>

</head>

<body>

<div class="ellipsis25">

    <div style="position:absolute; top:0px; right:0px; z-index:999;"> 
     <img src="http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial236/1.jpg"> 
    </div>


Очень длинный текст....Очень длинный текст....Очень длинный текст....Очень длинный текст....Очень длинный текст....Очень длинный текст....Очень длинный текст....Очень 

</div>
 
Всё отлично заработало, спасибо. Проблема как выяснилось была в кеше.
После очистки кеша сайта всё стало замечательно.
 
Единственное, хочу напомнить, что IE ниже версии 7 не поддерживает прозрачный png.
Посмотрел в стат - примерно 9% сидят на 6, 5.
 
Зачем вписывать img, можно просто плавающему блоку бекграундом прописать png-картинку. И можно обойтись без абсолютного позиционирования.

Добавлю, что если вы все-таки делаете плавающий див с абсолютным позиционированием, тогда надо основному диву прописать относительное позиционирование position: relative; чтобы блок с картинкой позиционировался относительно основного блока с текстом, а не относительно экрана.

С ИЕ можно легко разобраться.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху