Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Картинка накладывается на текст 
:(
    Опции темы
WingfirE
Дата 30.5.2018, 01:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 110
Регистрация: 10.3.2012

Репутация: нет
Всего: нет



Всем привет.
Можете подсказать, как сделать, чтобы картинка не накладывалась на текст?
https://codepen.io/Whitecolor/pen/MXWBvW
Код

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div class="container">
        <div class="news1">
        <h1>Rush to protect lucrative antibody patents kicks into gear</h1>
        <p id="header">A federal court decision has left universities and companies working to preserve intellectual property rights worth billions.</p>
        <p сlass="text">US universities and biotechnology companies are scrambling to protect some of their most valuable assets: patents on antibodies. These immune-system molecules form the basis of drugs that rake in about US$100 billion per year. But securing intellectual-property rights to antibodies has become much more difficult, under guidelines released in February by the US Patent and Trademark Office (USPTO). The revised rules come after a federal court decision last October narrowed the scope of antibody patents — including those that have already been handed out. “People are still trying to make sense of it,” says Ulrich Storz, a patent attorney at Michalski HГјttermann Partner in DГјsseldorf, Germany. “These were very powerful patents.” Storz and others will discuss the implications of the shift on 6 June as part of a panel at the Biotechnology Innovation Organization annual meeting in Boston, Massachusetts.</p>
        <p class="header_text">Broad protections</p>
        <p сlass="text">Antibodies are proteins made by the immune system that bind to a specific target, such as a protein produced by a microbe, to interfere with its ability to promote disease. This has made them powerful drugs against some illnesses.</p>
        <p сlass="text">Therapeutic antibodies are structurally complex, and many changes to their amino-acid sequences will not affect their function. So a patent based solely on an antibody’s sequence might be vulnerable to competition, says Barbara Rigby, a patent attorney at Dehns in Brighton, UK. A competitor could tweak the sequence to create a new antibody that performed the same function.</p>
        <p сlass="text">In addition, for many years researchers lacked the technology to characterize an antibody fully. Given these challenges, the USPTO routinely granted broad patents that covered the suite of antibodies that attached to a particular target, rather than a specific antibody developed by an inventor.</p>
        <div class="image"></div>
        <p class="header_text">Specifics, please</p>
        <p сlass="text">Over time, however, the technology for antibody analysis has improved. In 2014, two pharmaceutical heavyweights — Amgen of Thousand Oaks, California and Sanofi of Paris — launched a battle over patents covering a potentially lucrative antibody treatment for high cholesterol. The case reached a federal appeals court, where judges determined last year that inventors must provide a better description of the actual invention — a more defined set of antibodies — that they wanted to patent.</p>
        <p сlass="text">The USPTO responded with new guidelines for its examiners this year. Since then, patent rejections have piled up. A few weeks ago, patent attorney John Kilyk of Leydig, Voit Mayer in Chicago, Illinois, learned that an application he was handling had run into trouble. “It was sufficient a few months ago, and now it’s not,” he says.</p>
        <p сlass="text">The court ruling is retroactive, so the move also jeopardizes existing antibody patents. “There’s no doubt that the biotech companies that have been patenting antibodies are going to be harmed,” says Storz.</p>
        <p class="header_text">Devil in the details</p>
        <p сlass="text">Universities in particular might struggle to put together the information now needed to win an antibody patent, says Rodney Sparks, an attorney with the University of Virginia’s technology-transfer office in Charlottesville. Examiners are asking for more detail about the range of antibodies that can bind to a target, and specifically where on the target those antibodies will attach.</p>
        <p сlass="text">“In universities, our guys want to publish,” Sparks says. “We don’t have the ability, typically, early on to make lots and lots and lots of antibodies and screen for all of those characteristics.” As a result, he says, universities will need to file narrower patents covering only a few of the possible antibodies, and might struggle to find companies willing to license them.</p>
        <p сlass="text">And applicants are facing pushback from patent examiners who are extending the tightened rules on an invention’s written description to other kinds of patent applications, says Rigby. A broad patent for a method to treat disease by targeting a specific protein, she says, might now also be in question.</p>
        <p сlass="text">Yet the shift has been an unexpected boon to some companies. Benjamin Doranz, president of Integral Molecular, a company in Philadelphia, Pennsylvania, that produces and analyses antibodies, says that clients used to request analyses mainly to learn more about how their antibodies functioned. But increasingly, he says, the company’s data are being used to bolster patent applications. Some of its clients are now patent-law firms.</p>
        <p сlass="text">Patenting antibodies has become much more treacherous, Doranz says. “But they’re still of great value,” he says, “so everyone is trying to figure out the new patent landscape, and how do we navigate it.”</p>
        </div>
        <div class="news2">
        <h1>Asteroid that killed the dinosaurs caused massive global warming</h1>
        </div>
    </div>
</body>
</html>

Код

* {
    margin: 0;
    padding: 0;
    background: Bisque;
}
 
.news1 {
    position: relative;
    top: 10px;
    background: Bisque;
    column-count: 6;
    text-align: justify;
    line-height: 1.2rem; 
    height: auto;
}
.news1>h1 {
    text-align: center;
    margin-bottom: 15px;
    column-span: all;
}
 
#header {
    font-style: italic;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    column-span: all;
}
.news1 p {
    margin-bottom: 15px;
}
 
.header_text {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}
.image {
    position: fixed;
    width: 300px;
    height: 200px;
    background-image: url("d41586-018-05273-z_15789198.jpg");
    background-position: top;
    background-repeat: no-repeat;
   
}
.news2 {
    position: relative;
    top: 20px;
    background: Bisque;
    column-count: 6;
    text-align: justify;
    line-height: 1.2rem; 
}
.news2>h1 {
    text-align: center;
    margin-bottom: 15px;
    column-span: all;
}

PM MAIL   Вверх
ksnk
Дата 30.5.2018, 08:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Если картинка - не всплывающий банер, а часть текста статьи, то и ставить ему position:fixed неправильно. 
Возможно, правильнее будет вставить его в общий поток данных как нибудь так.

Код

.image {
    width: 100%;
    min-height: 50px; /* чтобы не терялась картинка */
    background: url("d41586-018-05273-z_15789198.jpg") 100% 100% no-repeat; 
    background-size: cover; 
}


Хотя размер по высоте придется корректировать после загрузки картинки javascript' ом. Еще нужно дать возможность пользователю эту картинку рассмотреть получше. 
Возможно в этом случае правильно будет вставлять тег img, а не div. C фоновыми картинками тот еще геморрой в статейной верстке. По крайней мере, вычисление высоты возьмет на себя броузер.

с img получается проще... что-то вроде
Код

.news1 img {
   float:left;
   width: 100%;
   max-width:300px;
}

флоат - чтобы в широком тексте статьи все таки текст обтекал картинку, а в столбчатом и так нормально должно быть

Это сообщение отредактировал(а) ksnk - 30.5.2018, 08:54


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
WingfirE
Дата 1.6.2018, 01:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 110
Регистрация: 10.3.2012

Репутация: нет
Всего: нет



ksnk, Спасибо

PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1128 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.