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

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


Сообщение отредактировал
-SAM- - Вторник, 26 Мая 2020, 10:49
Страна: (RU)
Kosten
Понедельник, 25 Мая 2020 | Сообщение 17
Онлайн
Администраторы
Сообщений:44333
Награды: 70
Цитата DImas99 ()
некоторых есть на половину текст

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


Можете проверить я установил
Страна: (RU)
Kosten
Понедельник, 25 Мая 2020 | Сообщение 20
Онлайн
Администраторы
Сообщений:44333
Награды: 70
Цитата DImas99 ()
Можете проверить я установил

Не чего вы не сделали, что выше описал, осталось как было!
Страна: (RU)
DImas99
Понедельник, 25 Мая 2020 | Сообщение 21
Оффлайн
Проверенные
Сообщений:58
Награды: 0
Kosten, я установил, попробуйте кеш почистить
Страна: (RU)
Kosten
Понедельник, 25 Мая 2020 | Сообщение 22
Онлайн
Администраторы
Сообщений:44333
Награды: 70
Не знаю где вы ставили стили, но 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- - Вторник, 26 Мая 2020, 08:00
Страна: (RU)
DImas99
Понедельник, 25 Мая 2020 | Сообщение 23
Оффлайн
Проверенные
Сообщений:58
Награды: 0
Kosten, вот смотрите все нормально у меня работает (скрины в прикреплении).
Прикрепления: 3435690.jpg (139.8 Kb) · 2566442.jpg (107.1 Kb) · 6492307.jpg (76.2 Kb)


Сообщение отредактировал
-SAM- - Вторник, 26 Мая 2020, 08:05
Страна: (RU)
DImas99
Понедельник, 25 Мая 2020 | Сообщение 24
Оффлайн
Проверенные
Сообщений:58
Награды: 0
вот еще
--->>
Прикрепления: 7426988.jpg (150.5 Kb)


Сообщение отредактировал
-SAM- - Вторник, 26 Мая 2020, 08:27
Страна: (RU)
Kosten
Понедельник, 25 Мая 2020 | Сообщение 25
Онлайн
Администраторы
Сообщений:44333
Награды: 70
Ладно, возможно кто то по другому пояснить, я не смог объяснить, чтоб вы скопировали стиль и прописали его в самом низу CSS, а также номер стиля дал, где просто изменить значение, с 60 на 54!
Страна: (RU)
DImas99
Понедельник, 25 Мая 2020 | Сообщение 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
Понедельник, 25 Мая 2020 | Сообщение 27
Оффлайн
Vip
Сообщений:64
Награды: 3
Проблема с футером связана с незакрытым div'ом в коде страницы. Ищите и закройте их, тогда футер встанет как надо (смотрите скриншоты в прикреплении).
Прикрепления: 5782941.png (75.1 Kb) · 2272903.png (85.7 Kb)


Сообщение отредактировал
-SAM- - Вторник, 26 Мая 2020, 08:11
Страна: (US)
Snoopak
Понедельник, 25 Мая 2020 | Сообщение 28
Оффлайн
Vip
Сообщений:64
Награды: 3
upd:
Прогнал "проблемную" страницу в валидаторе, так и оказалось, что имеются незакрытые теги.

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


Сообщение отредактировал
-SAM- - Вторник, 26 Мая 2020, 08:19
Страна: (US)
DImas99
Вторник, 26 Мая 2020 | Сообщение 29
Оффлайн
Проверенные
Сообщений:58
Награды: 0
Snoopak, не получается, если я пытаюсь закрыть тег, то все ломается или я не понял куда именно вставить закрывающий тег

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


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


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

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

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




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


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