помогите упростить css

Тема в разделе "Веб-дизайн", создана пользователем Damasc, 11 янв 2011.

Модераторы: zek24
  1. Damasc

    Damasc

    Регистр.:
    5 мар 2009
    Сообщения:
    173
    Симпатии:
    6
    Очень нужна ваша помощь.
    Помогите упростить вывод моего блока.
    как это выглядит сейчас:
    PHP:
    <div class="ellipsis251">
        <
    div style="position:absolute; top:0px; right:0px; z-index:999;"
         <
    img src="/images/ellipsis.png"
        </
    divТЕКСТ ТЕКСТ ТЕКСТ</div>
    в самом css:
    PHP:
        .ellipsis251 
        

          
    position:relativetop:0pxleft:0px;
          
    line-height1.2em
          
    height1.2em
          
    white-spacenowrap
          
    overflowhidden
          
    text-overflowellipsis25
          
    width100%; 
          -
    o-text-overflowellipsis25
        } 
    Как сократить мой код до:
    PHP:
    <div class="ellipsis251">ТЕКСТ ТЕКСТ ТЕКСТ</div>
     
  2. Phrack

    Phrack

    Регистр.:
    3 ноя 2010
    Сообщения:
    264
    Симпатии:
    38
    удалить вложенный див. он никак не влияет на текст..или покажи тут
    jsfiddle.net
     
  3. Mr. Brightside

    Mr. Brightside

    Регистр.:
    19 янв 2010
    Сообщения:
    478
    Симпатии:
    70
    <div style="position:absolute; top:0px; right:0px; z-index:999;">
    <img src="/images/ellipsis.png">
    </div>


    Это выкинь.

    <img src="/images/ellipsis.png">

    А вот это надо вписать бэкграундом сюда:

    .ellipsis251
    {
    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;
    }
     
    Damasc нравится это.
  4. Damasc

    Damasc

    Регистр.:
    5 мар 2009
    Сообщения:
    173
    Симпатии:
    6
    Как эти параметры в css можно применить к изображению бекграунда?

    <div style="position:absolute; top:0px; right:0px; z-index:999;">

    У меня только с ними картинка ложится поверх текста.

    Бекграунд накладывал таким образом:

    PHP:
    backgroundurl("../images/ellipsis.png"no-repeat right top;
     
  5. Mr. Brightside

    Mr. Brightside

    Регистр.:
    19 янв 2010
    Сообщения:
    478
    Симпатии:
    70
    покажи пример того, что делаешь или то, что делаешь, потому что у меня наоборот такой код дает текст поверх:

    HTML:
    <style>
      .ellipsis251 
        { 
          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; 
    	background: url("../images/ellipsis.png") no-repeat right top; 
        }  
    </style>
    <div class="ellipsis251">
    ТЕКСТ ТЕКСТ ТЕКСТ</div>
     
    Damasc нравится это.
  6. Damasc

    Damasc

    Регистр.:
    5 мар 2009
    Сообщения:
    173
    Симпатии:
    6
    Перепутал слегка. Мне нужно чтобы картинка ложилась над текстом. Прошу прощения, что ввёл в заблуждение!