Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
dos1k dos1k 1-й за Май
Очков активности: 1 194 28 тем, 115 сообщений, 4 балла репутации
Сайт: dos1k.ru
ТОП самых активных за этот месяц
  • Фотография Olya23
    #1

    Olya23
    Очков активности: 1278 3 темы, 133 сообщения, 6 баллов репутации

  • Фотография Rodiola
    #2

    Rodiola (rukodelkovo.ru)
    Очков активности: 693 0 тем, 77 сообщений, 6 баллов репутации

  • Фотография FIvYUr
    #3

    FIvYUr (catblogger.ru)
    Очков активности: 198 0 тем, 44 сообщения, 3 балла репутации

  • Фотография agrx
    #4

    agrx (key-assort.ru)
    Очков активности: 103.5 0 тем, 23 сообщения, 3 балла репутации

  • Фотография maxnik
    #5

    maxnik (konovalovpavel.ru)
    Очков активности: 99 0 тем, 22 сообщения, 3 балла репутации

  • Фотография fedornabilkin
    #6

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 60 0 тем, 20 сообщений, 2 балла репутации

  • Фотография re-search
    #7

    re-search
    Очков активности: 51 7 тем, 13 сообщений, 1 балл репутации

  • Фотография BLIK
    #8

    BLIK
    Очков активности: 49.5 Вне конкурса за определение пользователя месяца

  • Фотография Artos
    #9

    Artos
    Очков активности: 45 0 тем, 10 сообщений, 3 балла репутации

  • Фотография Андрей WPMasterKZ
    #10

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 39 0 тем, 26 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.06.2019
  • Яндекс выдача: 24.06.2019
Топ 5 участников по репутации


Подскажите по css

#1 efros

efros
  • Пользователь
  • 368 сообщений
  • Репутация: 28
0

Отправлено 04 Май 2017 - 13:19

Здравствуйте, надо сделать блок рекламы вот так http://prnt.sc/f3yxal , чтобы он был слева от текста и желательно, чтобы от него до текста было расстояние около 10-15px. Какой код для этого нужно прописать? 


 

 

  • 0

#2 Ixman

Ixman
  • Пользователь PRO
  • 3 158 сообщений
  • Репутация: 837

Отправлено 04 Май 2017 - 13:29

@efros, использовать свойство float для блока, который должен обтекать текстом и margin для нужного отступа между блоком и текстом.


  • 1


#3 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3 318 сообщений
  • Репутация: 933

Отправлено 04 Май 2017 - 13:30

Попробуй к стилям блока рекламы добавить следующие свойства: float:left;margin-right:10px;


  • 1
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#4 Ixman

Ixman
  • Пользователь PRO
  • 3 158 сообщений
  • Репутация: 837

Отправлено 04 Май 2017 - 13:30

Но это один из вариантов, коих в данном случае может быть несколько.


  • 0


#5 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3 318 сообщений
  • Репутация: 933

Отправлено 04 Май 2017 - 13:32

это один из вариантов
Под названием "в лоб", т.е. самый простой :) 
  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#6 Ixman

Ixman
  • Пользователь PRO
  • 3 158 сообщений
  • Репутация: 837

Отправлено 04 Май 2017 - 13:36

@ShowPrint, Михаил я про свои слова имел ввиду. Уже позже увидел, твой пост, а свой удалить уже не могу. А то что это наверное самый простой, то не спорю.


  • 0


#7 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3 318 сообщений
  • Репутация: 933

Отправлено 04 Май 2017 - 13:41

я про свои слова имел ввиду
Иван, я это понял - просто подтвердил, что варианты ещё есть, это - первый способ, который приходит на ум сразу  :)
  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#8 efros

efros
    Topic Starter
  • Пользователь
  • 368 сообщений
  • Репутация: 28

Отправлено 04 Май 2017 - 13:56

@ShowPrint,@Ixman, Спасибо большое, все работает) 


  • 0

#9 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3 318 сообщений
  • Репутация: 933

Отправлено 04 Май 2017 - 14:04

@efros, я для таких блоков "с обтеканием текста" обычно устанавливаю не только правый отступ, а еще и верхний/нижний. Не очхор смотрится когда текст внизу "прилипает" к блоку. Можно прописать margin:10px; и тогда отступы от блока по всем сторонам будут 10px. Можно устанавливать и отступ только по нужным сторонам - например слева, справа и снизу, а верх оставлять без отступа.

Левый отступ не дает "прилипать" к краю экрана...

Всё зависит от того как блок вписан в страницу, почитать про magrin можно здесь


Сообщение отредактировал ShowPrint: 04 Май 2017 - 14:06

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#10 efros

efros
    Topic Starter
  • Пользователь
  • 368 сообщений
  • Репутация: 28

Отправлено 04 Май 2017 - 15:39

@ShowPrint,да, я про это знал, так и сделал, мне просто надо было узнать, как это вместе склепать)) 


  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru