Новостная картинка

Вопрос?

#16 17 мая 2016 в 23:07
Я так понимаю что придется ждать Олега Васильевича для решения данного вопроса.! Ждем-с…
#17 20 мая 2016 в 12:03
Что ни кто не знает как сделать обтекание изображения в контенте?
#18 20 мая 2016 в 12:09


Что ни кто не знает как сделать обтекание изображения в контенте?

MegaRostov

Как понял, нужно чтобы текст был по бокам картинки? Пример —


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Обтекание</title>
  6. <style>
  7. .leftimg {
  8. float:left; /* Выравнивание по левому краю */
  9. margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
  10. }
  11. .rightimg {
  12. float: right; /* Выравнивание по правому краю */
  13. margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <h2>Доклад лейтенанта Бокатуева</h2>
  19. <p><img src="images/1.jpg" alt="Лейтенант Бокатуев" width="132" height="174" class="leftimg">
  20. Вчера во время проведения разведоперации наша группа подверглась нападению неизвестного
  21. противника в камуфляжной форме Алиенов. В результате эффективной обороны и стремительной
  22. контратаки многочисленная группа боевиков была смята и отброшена. Среди личного состава
  23. потерь нет. Бойцы разведгруппы проявили недюжие навыки владения оружием. Особо отличился
  24. в бою взводный Кудряшев&nbsp;М.А., грамотно использовавший человеческие ресурсы
  25. своего взвода. В результате операции были захвачены элементы внеземной культуры, которые
  26. переданы аналитической группе.</p>
  27. <h2>Пресс-релиз аналитической группы</h2>
  28. <p><img src="images/2.jpg" alt="Учёные, находящиеся в состоянии аффекта" class="rightimg">
  29. В наших секретных лабораториях в рамках проекта &laquo;Пандора&raquo; разрабатывалось
  30. психотропное оружие. В результате неудачного эксперимента большинство ученых, работавших
  31. над прибором, подверглись воздействию психотропного излучения, и они, находясь в состоянии
  32. аффекта, растащили прототип по деталям. Возможно, наши ученые до сих пор находятся в
  33. состоянии аффекта.</p>
  34. </body>
  35. </html>
#19 20 мая 2016 в 12:13
Заралик, Не по бокам а с боку! Примеры есть выше.
#20 20 мая 2016 в 12:42


Заралик, Не по бокам а с боку! Примеры есть выше.

MegaRostov

Может так в стили —
  1. <style type="text/css">
  2. IMG.fig {
  3. float: right; /* Обтекание картинки по левому краю */
  4. padding-left: 10px; /* Отступ слева */
  5. padding-bottom: 10px; /* Отступ снизу */
  6. }
  7.  
#21 20 мая 2016 в 12:43


Заралик, Не по бокам а с боку! Примеры есть выше.

MegaRostov

У Вас наверное что то тпа этого стоит —
  1. <style type="text/css">
  2. TD.leftcol {
  3. width: 110px; /* Ширина левой колонки с рисунком */
  4. vertical-align: top; /* Выравнивание по верхнему краю */
  5. }
  6.  
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.