Выделение HTML – статический текст

Мне интересно, допускает ли HTML-шаг статический текст в начале элемента управления (или контейнера), поэтому, когда текст скользит влево, он будет скользить по тексту?

Например.

Я смотрю на дату, которая должна быть статической, выровненной по левому краю, и текст из базы данных будет скользить по нему, а затем снова появится справа.

HTML:

 <marquee onmouseover="this.stop();" onmouseout="this.start();" 
    class="html-scroller" direction="left" behavior="scroll" scrollamount="12">
   <p style="color:#626060; font-weight:bold">24/05/2015 - Some Infor here</p>

CSS:

.html-scroller 
{
    height:30px;
    border:solid;
}

Конечно, приведенный выше код заставит текст, включая слайд с датой, пройти за границу контроллера.

Глядя на примеры выделения, нет ничего, поэтому, если мне придется его изменить, будет ли проще создать свой собственный?


html css marquee
person user3428422    schedule 24.05.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я не думаю, что есть решение для частичного статического текста для выделения. я бы сделал так:

HTML

<div class="container">
  <div class="date">24/05/2015</div>
  <div>
    <marquee
      onmouseover="this.stop();"
      onmouseout="this.start();"
      direction="left"
      behavior="scroll"
      scrollamount="12">
      <p>
        Some Infor here
      </p>
    </marquee>
  </div>
</div>

CSS

.container
{
    position: relative;
    border: 2px solid #626060;
    box-sizing: border-box;
}

.container,
.container .date {
    padding: 10px;
    background-color: #fff;
    color: #626060;
    font-weight: bold;
}

.container .date {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.container marquee {
    line-height: 0.8;
}

.container marquee p {
    margin: 0;
}

http://jsfiddle.net/1wzxywtn/

person Rafael Camargo    schedule 24.05.2015