Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 1827 Просмотров
*

gehan

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Сама проблема:



Не могу понять как я это сделал. У главного текста вроде ничего блокирующего нету.

Стиль на адресный блок:
Код
.inm_addr {
display: block;
//position: relative;
float: right;
-webkit-border-radius: 8px; /* Safari, Chrome */
-moz-border-radius: 8px; /* Firefox */
-khtml-border-radius: 8px; /* KHTML */
border-radius: 8px;

-webkit-box-shadow: inset 0 2px 5px #A8A8A8;
        -moz-box-shadow: inset 0 2px 5px #A8A8A8;
         box-shadow: inset 0 2px 5px #A8A8A8;
background: #eaedf0;

padding: 1.5em;
margin: -165px 0.6em 0 0.5em;
}

Текст вокруг это обычные абзацы.
Подскажите пожалуйста куда копать хоть примерно?
*

smart

  • Администратор
  • 6478
  • 1318 / 15
  • Хочешь сделать хорошо — сделай!
Re: Плавающий блок внутри текста
« Ответ #1 : 11.06.2013, 19:18:50 »
Вы предлагаете снять порчу по фотографии? Мне кажется в подобной ситуации надо или ссылку на сайт давать, или же самостоятельно изучать верстку с помощью FireBug или подобных инструментов.
*

gehan

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Плавающий блок внутри текста
« Ответ #2 : 11.06.2013, 19:34:20 »
Я ничего не предлагаю и не прошу все сделать за меня, я всего лишь спрашиваю где порекомендуете копать. :dry:

Вот это, тоже самое:
Код
<html>
<head>
    <title>form</title>
    <meta charset="utf-8" />

<style>

.pp {

}
.inm_addr {
//display: ;
position: relative;
float: right;
clear:both;
background: #eaedf0;
left: -100px;
top: -120px;
}

</style>

</head>
<body>

<div class=pp><p>Одним із завдань UPC є покращення інформаційного забезпечення фахівців з проблем управління охороною здоров’я, інноваційними напрямками та передовими технологіями в медицині. З цією метою засновано проект – періодичне друковане видання – журнал «Medicine».</p>
<p>Тематика журналу: профілактичні та лікувально-діагностичні нововведення, сучасний менеджмент в охороні здоров’я, економіка, фінансування, правове та інформаційне забезпечення, проблеми підготовки медичних кадрів, функціонування лікарських громадських організацій, правове забезпечення реформ в охороні здоров’я та інше.</p></div>
<div class="inm_addr"><strong>Адреса редакції:</strong><br>Журнал «Medicine»<br>Вул. pobeda, 12 Київ-124, 04777<br>e-mail:
<br>тел. (033) 555-65-34</div>
 
</body>
</html>
Можно вставить копипастом сюда http://htmledit.squarefree.com/ и заценить
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Плавающий блок внутри текста
« Ответ #3 : 11.06.2013, 20:13:36 »
Можно вставить копипастом сюда http://htmledit.squarefree.com/ и заценить
Вставил и посмотрел, блок отображается поверх текста
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Плавающий блок внутри текста
« Ответ #4 : 11.06.2013, 20:42:11 »
Про что копать ? Что блок наезжает на текст ? Уберите сдвиг блока и не будет наезжать, left и top .
Ответы на вопросы по CSS . Откройте для себя Firebug
*

gehan

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Плавающий блок внутри текста
« Ответ #5 : 11.06.2013, 20:42:23 »

umbabaraumba
так и есть. Что поверх, что за ним, одинаково проблема )
Я так понял там с флоатом и позицией дива конфликт.

midav
Цель была добиться обтеканием текста блока, который впихивают в этот текст.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Плавающий блок внутри текста
« Ответ #6 : 11.06.2013, 20:58:43 »
Есть мнение, что не на тот элемент пеняете. Если он плавающий, как у вас, поток должен его обтекать а никак не накладывацо. Видимо в элемента, в котором основной текст, прописан position:absolute
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Плавающий блок внутри текста
« Ответ #7 : 11.06.2013, 21:27:57 »
midav
Цель была добиться обтеканием текста блока, который впихивают в этот текст.
Поставьте этот блок перед текстом, будет обтекать .
Ответы на вопросы по CSS . Откройте для себя Firebug
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Плавающий блок внутри текста
« Ответ #8 : 11.06.2013, 21:34:15 »
Код
<html>
<head>
    <title>form</title>
    <meta charset="utf-8" />

<style>

.pp {
margin-right:260px
}
.inm_addr {
float:right;
        width: 250px;
        background: #eaedf0;
}

</style>

</head>
<body>
<div class="inm_addr"><strong>Адреса редакції:</strong><br>Журнал «Medicine»<br>Вул. pobeda, 12 Київ-124, 04777<br>e-mail:
<br>тел. (033) 555-65-34</div>
<div class=pp><p>Одним із завдань UPC є покращення інформаційного забезпечення фахівців з проблем управління охороною здоров’я, інноваційними напрямками та передовими технологіями в медицині. З цією метою засновано проект – періодичне друковане видання – журнал «Medicine».</p>
<p>Тематика журналу: профілактичні та лікувально-діагностичні нововведення, сучасний менеджмент в охороні здоров’я, економіка, фінансування, правове та інформаційне забезпечення, проблеми підготовки медичних кадрів, функціонування лікарських громадських організацій, правове забезпечення реформ в охороні здоров’я та інше.</p></div>

 
</body>
</html>
*

gehan

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Плавающий блок внутри текста
« Ответ #9 : 12.06.2013, 00:15:59 »

midav
да уже догадался, не понял только почему этот блок должен идти обязательно первым.
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Плавающий блок внутри текста
« Ответ #10 : 12.06.2013, 09:37:19 »
Float задает обтекание блока текстом, а если он идет последним и за ним текста нет, то и обтекать его уже как бы нечему .
Ответы на вопросы по CSS . Откройте для себя Firebug
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться