Loading...
Обучение/Помощь новичкам | Оценка сайта-визитки, улучшение, доработка.
Посоветуйте, как сделать страницу "Про нас" и "Контакти", и что можно улучшить. Сайт Laserfan.wox.su.
Спасибо *arbuz*
Пожалуйста
Содержание Меню с телефона отображается слишком маленьким
Uran , я тоже это увидил, надо будет решить, но на ПК, когда окно уменшить, всё работает на УРА, а вот в режыме смартфона....
Ivangg (15.08.2020 в 12:03)
Uran , я тоже это увидил, надо будет решить, но на ПК, когда окно уменшить, всё работает на УРА, а вот в режыме смартфона....

... а в режиме смартфона, отображение страницы можно отрегулировать при помощи @media-запросов.

Например: .menu {
width: 10%
}

@media screen and (max-width: 768px) {
.menu {
width: 100%
}
}
1. По @media screen and тебе уже отписали. 2. Понятно что твои работы итд итп, НО ..... Где-то хоть что-то разбей разделитель блоков. Либо добавь хоть минимальный контраст цвета. А то как в тетрадь (чистый лист с наклейками) посмотрел 3. Делай таблицу и будет тебе счастье. - тебе удобно делать правки. - гостю удобно смотреть. Пример: http://vip.maminforum.com/pages/novostnoi_kontent
html
   <style type="text/css"> #table0 { display: table; width: 100%; text-align: center; } #table1 { display: table; width: 100%; text-align: center; } #table2 { display: table; width: 100%; text-align: center; } .row {display: table-row;} .cell0 {display: table-cell; width: 100%; text-align: center;} .cell { display: table-cell; border-width: 1px;  border-color: black;  border-style: solid; } .cell1, .cell3 { display: table-cell;  width: 20%;  } .cell2 { display: table-cell;  width: 60%; } #zagh1 { // Все настройки заголовка h1 } #zagh2 { // Все настройки заголовка h2 } </style> <!--Верх, а-ля объявление, сюда можно ставить различные слайдеры-->  <div id="table0"> <div class="row">  <div class="cell0"><h1 id="zagh1">Заголовок/Объявление</h1>  Сюда вставляем слайдеры и любую инфу  </div> </div> </div> <!--Заголовок основной таблицы--> <div id="table0">  <div class="row">   <div class="cell0"><h1 id="zagh1">Заголовок/Основная таблица</h1></div>  </div> </div> <!--Основная таблица:-->  <div id="table1"> <!--Заголовки блоков--> <div class="row">  <span class="cell1"><h1 id="zagh1">Блок левый</h1></span>  <span class="cell2"><h1 id="zagh1">Новости</h1></span>  <span class="cell3"><h1 id="zagh1">Блок правый</h1></span> </div> <!--Левый блок:--> <div class="row">   <span class="cell1">     <div id="table">   <div class="row">         <div class="cell"><h2 id="zagh2">Заголовок1</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>      <div class="row">         <div class="cell"><h2 id="zagh2">Заголовок2</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок3</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок4</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок5</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div> </div>   </span> <!--Центр:-->    <span class="cell2">      <div id="table2">    <div class="row">         <span class="cell0"> Новостной блок </span>        </div>  </div>   </span>  <!--Правый блок:-->   <span class="cell3">    <div id="table">   <div class="row">         <div class="cell"><h2 id="zagh2">Заголовок1</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>      <div class="row">         <div class="cell"><h2 id="zagh2">Заголовок2</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок3</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок4</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок5</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>    </div>   </span> </div> </div> <!--Самый низ а-ля футер:--> <div id="table0"> <div class="row">  <div class="cell0"><h1 id="zagh1">Заголовок/низ</h1>  Сюда вставляем слайдеры и любую инфу  </div> </div> </div>   
Вообще есть куча вариантов с таблицами. Могу помочь если надо *096*
________
посл. ред. 15.08.2020 в 12:57; всего 1 раз(а); by nefakt
Не хватает оптимизации изображений и в целом дизайна под смартфоны
Тс, используй бутстрап для моб адаптации, на телефоне не очень красиво смотрится.
Онлайн: 4
Время:
Gen. 0.0906
(c) Bym.Guru 2010-2026