в мобильной версии сайта текст на главной странице фотоальбома выходит за приделы шаблона

голоса: 0
в мобильной версии сайта текст на главной странице фтоалбома выходит за приделы шаблона, а в категориях сайта текст нормально отображается переносится на другую строку
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Странный у вас текст на главной и много ошибок html:

<h1<div align="left">На сайте только самые красивые фото, картинки, обои для рабочего стола, только отборные. </div>
<div align="left">Сайт обновляется ежедневно, голосуйте за красивые обои. Сайт представляет вашему вниманию, картинки на рабочий стол <br>очень хорошего качества. </div>
<div align="left">Новые фото заставки, регулярно добавляются. Функция сайта предоставляет возможность скачать и комментировать контент.</div>
<div align="left">На сайте обязательно найдете заставку, которые станут замечательным украшением компьютера.</div>
<div align="left">Чтобы процесс отбора необходимой темы был более легким, на сайте все изображения рассортированы по отдельным категориям.</div>
<div align="left">Выбор обоев и сохранения на нашем сайте достаточно прост, вы сможете очень быстро найти изображения на любую тему и <br>скачать бесплатно, красивые заставки.</div>

Выделил синим, этого кода у вас нет, закрывающие теги в дивов должны быть, но вы их не добавили и выделел красным, это удалить. После в стили пропишите:

.middle [align="left"] {white-space:normal!important;}

| Автор:
Выбор ответа лучшим | | Автор: Юрий YuraSW

при дабавлении кода  .middle [align="left"] {white-space:normal!important;}

ломается дизайн основного шаблона  и в .middle тож который на сайте в css пытался менят ломает дизайн подставлял и так вставлял код одно и тоже

 

.middle {
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background: url(/cvet_sajta.jpg) no-repeat 50% 0;
 white-space: nowrap;
}

.middle:before {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 display: block;
 width: 100%;
 height: 100%;
 background: url(/cvet_sajta.jpg) repeat 0 0;
 content: '';
}

.middle .cont-wrap > section,
.middle .cont-wrap > aside,
.middle .cont-wrap > div {
 position: relative;
 white-space: normal;
}

Юрий YuraSW,
Я же просил код исправить, добавить выделенное синим, вы даже этого не сделали.
Yuri_Geruk,
биг спс все получилос все как надо в моб шаблоне
...