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


Партнерская программа Expressrxsales

Как правильно разместить изображение в дивах.

#1 Napoleon-007

Napoleon-007
  • Пользователь
  • 339 сообщений
  • Репутация: 7
0

Отправлено 30 Апрель 2016 - 22:25

Ситуация такая. Я заменил фотоальбом который находится у меня сразу после шапки сайта. Установил другой, тоже  на JavaScript .  Что бы во всех мобильных браузерах сайт отображался нормально , все дивы установил в ширину 100%. И все было бы хорошо если бы не две проблемы. Первая это сайт стал грузится с мобильных устройств раза в три дольше. И вторая проблема это дивы с фотографиями.  При сжатии браузера, текст который находится ниже наезжает на эти фотографии. Как пример выкладываю скрин  http://www.aristov-aleksandr.ru/1.jpg . Я высоту этих див с фотографиями и в процентах указывал и в пикселах и что только не делал, все равно текст наезжает на фотографии. Помогите пожалуйста с решением этих задач. Что касается загрузки сайта, то я думаю решить её с помощью .htaccess файла. Использовть ZIP сжатие. Ну и конечно, сделать, что бы браузер запоминал, уже ранее загруженные файлы. А вот, с дивами не могу понять, что делать.  Страница с альбомом http://www.aristov-a...ropriyatie.html Спасибо !


 

 

Сообщение отредактировал Napoleon-007: 30 Апрель 2016 - 22:33

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Как правильно разместить статьи несуществующего журнала на сайт
  2. Как правильно продать сайт на котором размещены вечные ссылки?
  3. Как правильно разместить ссылки на сайт для поднятия тиц?
  4. Как правильно дать название изображению

#2 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 02 Май 2016 - 08:53

И вторая проблема это дивы с фотографиями.  При сжатии браузера, текст который находится ниже наезжает на эти фотографии.

 
Нужно очистить поток после блока с фото.
Например, можно добавить следующему за фото блоку DivTextCenterEV2 свойство clear:both; 
 
У вас это в файле Style/Comp/DIV.css
 

.DivTextCenterEV2 {
    width: 1120px;
    height: auto;
    margin: 0 auto;
    margin-top: 0px;
    float: none;
    margin-bottom: 20px;
    clear: both;
}

 

 


  • 0

#3 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 339 сообщений
  • Репутация: 7

Отправлено 03 Май 2016 - 20:55

clear: both;

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


  • 0


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