• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы по uCoz » Как адаптировать подвал "футер" для сайта (Проблема с адаптацией подвала сайта под категории)
Как адаптировать подвал "футер" для сайта
DImas99
Дата: Понедельник, 2020-05-25, 17:00 | Сообщение 16
Оффлайн
Проверенные
Сообщений:58
Награды: 0


Kosten, Спасибо, но все равно на некоторых есть на половину текст

---Это связано с тем, что идёт подрезка текста материала, а там как оно есть - так и видно будет, исходя из отведенной высоты (чего в видимую область попадает). Можно поиграться еще с межстрочным интервалом - line-height (читайте про стилизацию текста). Как вариант, то вот такое возможно еще сделать (визуально плавно скрыть).--- © -SAM-


Сообщение отредактировал
-SAM- - Вторник, 2020-05-26, 10:49
Страна: (RU)
Kosten
Дата: Понедельник, 2020-05-25, 17:02 | Сообщение 17
Оффлайн
Администраторы
Сообщений:29163
Награды: 62


Цитата DImas99 ()
некоторых есть на половину текст

Это на других модулях... должно везде быть одинаково.
Страна: (RU)
DImas99
Дата: Понедельник, 2020-05-25, 17:04 | Сообщение 18
Оффлайн
Проверенные
Сообщений:58
Награды: 0


Kosten, Я от Арт юкоз заказал адаптацию, и заплатил 5к вначале он сделал, потом он поставил и подправил проблему, но после того как я кинул 5к нашел еще проблемы и он больше не захотел выходить на связь. А я хотел на сайт 20 мая купить рекламу, а тут столько проблем, что не могу решить, еще и все хорошие верстальщики Ucoz все заняты.
Страна: (RU)
DImas99
Дата: Понедельник, 2020-05-25, 17:05 | Сообщение 19
Оффлайн
Проверенные
Сообщений:58
Награды: 0


Цитата Kosten ()
Это на других модулях... должно везде быть одинаково.


Можете проверить я установил
Страна: (RU)
Kosten
Дата: Понедельник, 2020-05-25, 17:10 | Сообщение 20
Оффлайн
Администраторы
Сообщений:29163
Награды: 62


Цитата DImas99 ()
Можете проверить я установил

Не чего вы не сделали, что выше описал, осталось как было!
Страна: (RU)
DImas99
Дата: Понедельник, 2020-05-25, 17:21 | Сообщение 21
Оффлайн
Проверенные
Сообщений:58
Награды: 0


Kosten, я установил, попробуйте кеш почистить
Страна: (RU)
Kosten
Дата: Понедельник, 2020-05-25, 17:45 | Сообщение 22
Оффлайн
Администраторы
Сообщений:29163
Награды: 62


Не знаю где вы ставили стили, но CSS так выглядит. А ДОЛЖНЫ ТАМ БЫТЬ МЕДЕО, ЧТО НИЖЕ.



Код
@media only screen and (max-width: 360px) {
.pamp-2 {
    margin-right: 0;
}
.pamp-2 .image {
    width: 100%;
    height: 170px;
    float: none;
    margin-right: 0;
}
.pamp-2 .image img {
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#logosite #share {
    display: none;
}
.box-latest-product {
    margin-right: 0;
}
}


Также изменить размер , что ЗДЕСЬ описал.

Этого не чего не сделано.
Прикрепления: 9506054.png(36.4 Kb)


Сообщение отредактировал
-SAM- - Вторник, 2020-05-26, 08:00
Страна: (RU)
DImas99
Дата: Понедельник, 2020-05-25, 17:51 | Сообщение 23
Оффлайн
Проверенные
Сообщений:58
Награды: 0


Kosten, вот смотрите все нормально у меня работает (скрины в прикреплении).
Прикрепления: 3435690.jpg(139.8 Kb) · 2566442.jpg(107.1 Kb) · 6492307.jpg(76.2 Kb)


Сообщение отредактировал
-SAM- - Вторник, 2020-05-26, 08:05
Страна: (RU)
DImas99
Дата: Понедельник, 2020-05-25, 17:53 | Сообщение 24
Оффлайн
Проверенные
Сообщений:58
Награды: 0


вот еще
--->>
Прикрепления: 7426988.jpg(150.5 Kb)


Сообщение отредактировал
-SAM- - Вторник, 2020-05-26, 08:27
Страна: (RU)
Kosten
Дата: Понедельник, 2020-05-25, 18:09 | Сообщение 25
Оффлайн
Администраторы
Сообщений:29163
Награды: 62


Ладно, возможно кто то по другому пояснить, я не смог объяснить, чтоб вы скопировали стиль и прописали его в самом низу CSS, а также номер стиля дал, где просто изменить значение, с 60 на 54!
Страна: (RU)
DImas99
Дата: Понедельник, 2020-05-25, 18:20 | Сообщение 26
Оффлайн
Проверенные
Сообщений:58
Награды: 0


Код
/* DESKTOP (1920)
---------------------------------------------*/
@media only screen and (max-width:1920px) {
.sc-bottom, .sc-button {
padding:10px 390px
}
#carousel0 {
width: 935px;
}
/* DESKTOP (1440)
---------------------------------------------*/
@media only screen and (max-width:1440px) {
.sc-bottom, .sc-button {
padding:10px 390px
}

/* DESKTOP (1366)
---------------------------------------------*/
@media only screen and (max-width: 1366px) {

.news-htabs a {
font-size: 15px;
padding-left: 22px;
padding-right: 22px;
}
/* DESKTOP (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
.btn-hamburger {
display: inline-block;
}
.top_nav {
display: none;
}
#logosite {
width: 100%;
}
#shapkausers {
width: 100%;
height: auto;
}
#maincontainer-fix {
width: 100%;
}

.full-story {
width: 100%;
}
.tab-content-border {
margin-right: 0;
}
.serch_form {
padding: 10px 15px 12px;
}
.news-htabs a {
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
}
.sc-bottom, .sc-button {
padding:10px 290px
}
#carousel0 {
display: none;
width: 0px;
}
/* TABLET (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
.product-info>.left {
float: left;
margin-left: 0%;
margin-top: -1%;
}
.product-info .image {
float: left;
width: 95%;
height: 35%;
text-align: center;
}
.news-htabs a {
font-size: 11px;
padding-left: 14px;
padding-right: 14px;
}
.latest-video {
margin-right: 8px;
}
/* TABLET (896)
---------------------------------------------*/
@media only screen and (max-width:896px) {
.news-htabs a {
font-size: 11px;
padding-left: 6px;
padding-right: 6px;
}
.sc-bottom, .sc-button {
padding: 10px 195px;
}

/* TABLET (823)
---------------------------------------------*/
@media only screen and (max-width:823px) {
.news-htabs a {
font-size: 10px;
padding-left: 6px;
padding-right: 6px;
}
.sc-bottom, .sc-button {
padding: 10px 195px;
}

/* TABLET (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
.product-info>.left {
float: left;
margin-left: 0%;
margin-top: -1%;
}
.product-info .image {
float: left;
width: 95%;
height: 35%;
text-align: center;
}
#column-right {
display: none;
}
.news-htabs a {
font-size: 14px;
padding-left: 12px;
padding-right: 12px;
}
.sc-bottom, .sc-button {
padding: 10px 130px;
}

/* TABLET (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
.product-info .image {
width: 55%;
height: 55%;

}
.product-info>.left {
float: left;
margin-right: 15px;
margin-left: 60%;
margin-top: -30%;
}
.news-htabs a {
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}
.sc-bottom, .sc-button {
padding: 10px 170px;
}
/* TABLET (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
.product-info .image {
width: 48%;
height: auto;
}
.product-info>.left {
float: left;
margin-right: 0%;
margin-top: 0%;
margin-left: 3%;
}
.h-footer-tab, .h-footer-1, .h-footer-2 {
text-align: center;
}
.news-htabs a {
font-size: 9px;
padding-left: 9px;
padding-right: 9px;
}
.sc-bottom, .sc-button {
padding: 10px 120px;
}

/* MOBILE (533)
---------------------------------------------*/
@media only screen and (max-width:533px) {
.news-htabs a {
font-size: 10px;
padding-left: 5px;
padding-right: 5px;
}
.sc-bottom, .sc-button {
padding: 10px 52px;
}
/* MOBILE (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
.product-info .image {
width: 100%;
}
.nav-tabs a {
font-size: 11px;
}
#tabs_full {
margin-right: 0px;
}
#content-tg-user2 {
display: none;
}
.news-htabs a {
font-size: 15px;
padding-left: 8px;
padding-right: 8px;
}
.sc-bottom, .sc-button {
padding: 6px 0px;
}
.sc-button a, .sc-button a:hover {
padding: 3px 1px;
font-size: 12px;
}
/* MOBILE (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
.pamp-2 {
margin-right: 0;
}
.pamp-2 .image {
width: 100%;
height: 170px;
float: none;
margin-right: 0;
}
.pamp-2 .image img {
min-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
#logosite #share {
display: none;
}
.box-latest-product {
margin-right: 0;
}

/* MOBILE (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {
.pamp-2 {
margin-right: 0;
}
.pamp-2 .image {
width: 100%;
height: 170px;
float: none;
margin-right: 0;
}
.pamp-2 .image img {
min-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
#logosite #share {
display: none;
}
.box-latest-product {
margin-right: 0;
}


Вот я же правильно поставил?
Страна: (RU)
Snoopak
Дата: Понедельник, 2020-05-25, 21:40 | Сообщение 27
Оффлайн
Проверенные
Сообщений:48
Награды: 2


Проблема с футером связана с незакрытым div'ом в коде страницы. Ищите и закройте их, тогда футер встанет как надо (смотрите скриншоты в прикреплении).
Прикрепления: 5782941.png(75.1 Kb) · 2272903.png(85.7 Kb)




Сообщение отредактировал
-SAM- - Вторник, 2020-05-26, 08:11
Страна: (UA)
Snoopak
Дата: Понедельник, 2020-05-25, 21:43 | Сообщение 28
Оффлайн
Проверенные
Сообщений:48
Награды: 2


upd:
Прогнал "проблемную" страницу в валидаторе, так и оказалось, что имеются незакрытые теги.

Прикрепления: 9387788.png(12.8 Kb)




Сообщение отредактировал
-SAM- - Вторник, 2020-05-26, 08:19
Страна: (UA)
DImas99
Дата: Вторник, 2020-05-26, 04:57 | Сообщение 29
Оффлайн
Проверенные
Сообщений:58
Награды: 0


Snoopak, не получается, если я пытаюсь закрыть тег, то все ломается или я не понял куда именно вставить закрывающий тег

---Выше правильно сказали, что проблема в разметке. И там хватает помимо этого еще ошибок, Доступно только для пользователей. Также плевать какой там шаблон - сайт в ПС не оптимизирован, пока не сделаете оптимизацию в плане SEO и по тех. части - у сайта нет будущего. Еще поставлено в избытке ссылок на разделы\категории (несколько раз) - это плохо ведь (не верите? ну, так почитайте Доступно только для пользователей, как пример). И для кого я распинался и "втирал" в прошлые разы, что когда ставятся полноразмерные скрины - на нет сводятся ваши потуги по адаптивности шаблонов, чтобы сайт грузился быстро и так далее (и чтобы люди трафик свой мобильный не переводили, ага)... ведь снова стоят полноразмерные изображения на странице материала, короче этот момент исправить опять.--- © -SAM-


Сообщение отредактировал
-SAM- - Вторник, 2020-05-26, 09:58
Страна: (RU)
-SAM-
Дата: Вторник, 2020-05-26, 06:00 | Сообщение 30
Оффлайн
Друзья сайта
Сообщений:720
Награды: 29




P.S.:
И что, что тут не оказали помощь-услугу, мол, долго ждать и так далее, заняты... думаете, тема в этом разделе шансы на исправление прибавит? Отнюдь. Есть биржа фриланса (или вы не знаете адреса?). Кто готов помогать - в личку к ТС.

И без обид, но уже из прошлых тем стало ясно, как пример, что ТС не разбирается в разметке, следовательно кто помогает - запаситесь терпением, что даже когда даете рабочее - далеко не факт, что его поставят правильно... и будут "мозг выносить" далее (да, но разработчик то причём здесь? если ему сначала одно поручили, а после еще что-то могут поручить - в праве отказаться, как и бюджет может выйти за рамки потом).

Я это к тому, что выход тут один - расписать полное ТЗ и на биржу фриланса топать, как уже не раз предложили, чтобы там дали готовое после (а не из разряда, мол, кинуть кусок кода и потом его ставить пол часа, а дальше по новой начинать "исправлять", ведь опять шаблон "прямыми" руками тронут):
Цитата DImas99 ()
Я пытался сделать их в один ряд, но у меня ломалось все.
Вот я про что и говорю, что когда дали готовый исправленный код, то после не лезть к нему значит. Ничего личного.




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи и ответы на ваши вопросы по системе uCoz.


Сообщение отредактировал
-SAM- - Вторник, 2020-05-26, 10:14
Страна: (UA)
Форум » Веб-разработка » Вопросы по uCoz » Как адаптировать подвал "футер" для сайта (Проблема с адаптацией подвала сайта под категории)
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: