style.css scripts.js index.html

https://frescocooks.com/

Код посмотреть не могу, так как он, видимо, сделан с помощью Tailwind CSS.

Задача что бы колонки были одинаковой длинны, фон колонок растягивался по длине большей. ( в случае на картинке фон первых двух должне растянуться до Footer, т.к. третья по тексту до него. 

При этом верстка-блочная. Нельзя использовать флексы, гриды и таблицы. Т.е. только Float-ы, margin-ы. Схема размеров колонок 20%/*/200px

Что можно попробовать? оборачивать в дополнительные дивы и играть с фонами?

1. Работа должна быть доделана, а не представлять собой пустой шаблон.

2. Если сайт работает лишь частично, то работу лучше не выставлять вообще, либо заранее отметить, на что обратить внимание.

3. Указывайте, что именно вы желаете оценить: дизайн, верстку, код, юзабилити, общее впечатление и др. В противном случае обсуждение может пойти совсем в другом русле, чем вам бы хотелось.

4. Для удобства указывайте кратко, что собой представляет сайт, о чем он и для какой аудитории предназначен.

5. Обязательно приводите адрес оцениваемого сайта. Как ни странно, но многие почему-то забывают это сделать сразу.

6. Критика никому не нравится, но если она по существу, относитесь к ней как способу улучшить свою работу.

7. Выставляйте только один сайт на обсуждение. Если у вас несколько работ, создайте для каждой работы отдельную тему.

Пример выставления работы

Сайт http://merjevich.ru

Фотографии Владимира Сергеевича Мержевича, личные и из его архива.

Прошу оценить юзабилити сайта, конкретнее — удобство работы с фотографиями, поиск нужной информации.

22 часа назад, noob_saibot сказал:

Вот страничка https://unbrokenteam.ru/pages/legal-services.html
Нужно, чтобы разноцветная таблица была с границами, а нижняя (где можно оставить телефон и фото), чтобы была без границ.
Повесил разные классы на 2 эти таблицы. У нижней нет границ, но почему-то у верхней их тоже нет. Хотя по идее должны быть серые границы. В классе это прописано.
Вроде все проставил. Не выходит. В чем я ошибся?

style.css:
https://cloud.mail.ru/public/bMwb/Eq44NdxbY

index.html:
https://cloud.mail.ru/public/oVVK/3mAKXLzsz

 

 

http://unbrokenteam.ru/

Как переместить кнопку на ту же вертикальную линию, что и поля для ввода?

Вот как сейчас

Вот как должно быть

Я использую этот класс для кнопки в style.css

.noTableBorder-button {
  left: 0;
  margin-left: 0;
  transform: none;
  display: block;
}

index.html

style.css

p.s. Я новичок в этом деле, никогда до этого свой сайт не делал, и, соответственно, рекламу в видео не вставлял. Поэтому, если можно, объясните на доступном мне языке)))

<div class="wrapper">
    <div class="circle">
        <div class="panel panel--1">
        
        </div>
        <div class="panel panel--2">
        
        </div>
        <div class="panel panel--3">
       
        </div>
        <div class="panel panel--4">
        
        </div>
        <div class="circle--2">
        
        </div>
    </div>
</div>

* {
  box-sizing: border-box;
}
body {
  background-color: #2b2b2b;
}
.wrapper {
  background-color: #2b2b2b;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.circle {
  height: 29vw;
  width: 29vw;
  border-radius: 50%;
  position: absolute;
  transform: rotateZ(25deg);
  background-color: #333333;
}
.panel {
  height: 17.5vw;
  width: 17.5vw;
  border-radius: 50%;
  border: 1.5vw solid #f14100;
}
 
.panel--1 {
  float: left;
  position: absolute;
}
.panel--2 {
  float: right;
  position: relative;
}
.panel--3 {
  bottom: 0;
  position: absolute;
}
.panel--4 {
  bottom: 0;
  right: 0;
  position: absolute;
}
.circle--2 {
  border: 1.5vw solid #f14100;
  position: relative;
  border-radius: 50%;
  height: 25vw;
  width: 25vw;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  outline: 10vw solid #2b2b2b;
}

Никак не могу затемнить всю свободную область при открытии дополнительного меню. Пока выделил просто легкой тенью.

Подскажите, пожалуйста, как решать эту задачу? Верстка находится по ссылке - https://sdl.com.ua/bani/

Сайт: https://multiprog.ru

Этот сайт я сделала для знакомого владельца гостевого дома в Крыму.

Сделан от начала и  до конца мною - дизайн, верстка, простые скрипты.

Не придирайтесь сильно к дизайну, я ему не училась, поэтому все стандартно)))

Да, знаю, нужно еще БЭМ освоить.

https://donbass25.ru/

Сайту уже лет 15 и сказали, что верстка давно устарела (кроссбраузерность) и что надо переверстать сайт по новой и под новые браузеры и т.д.

Подскажите пожалуйста, так ли это на самом деле?

afon-oros.ru

Не буду конкретно описывать на что хочу, чтобы вы обратили внимание. Как говорится, it's up to you.

Буду благодарна советам, нахождению ошибок и конструктивной критике.

Интересует как, на ваш взгляд, я реализовала гибкость конструкций при изменении объёма текста или подстановки других картинок, например.

И в общем, хочется услышать мнение по любым моментам.

Заранее спасибо!

admin
w)PsovZoT#DSROco7L

FTP
31.31.198.235

pashkasaks@u1296618.cp.regruhosting.ru
KZf1r1.]@ww(

Обратите, пожалуйста, внимание на:

- блок "MEET OUR AMAZING TEAM". Немного не нравится как смещаются item при наведении мыши, как будто немного дергаются. Так ли по-вашему это должно работать или такое поведение блока нужно изменить?

- инпут "subscribe" в футторе. При клике на инпут, немного смещается и сам инпут, и рядом стоящая кнопка. Было бы классно, если бы подкинули идею как сделать, чтобы такого не было.

- и почему-то при клике на <a href="tel:(+62)2122243333">(+62)21-2224 3333</a>   не идет процесса соединения.

Заранее спасибо!

Взываю вас о помощи!? Прощу Вас уделите мне своё безценное время. Я который раз выполняю тестовое задание для трудоустройства, а мне постоянно отказывают. Я уже в замешательстве, что же я делаю не так. Я просил их, дать мне хоть какую-то критику, единственное что мне отвечают СЛАБО. Но что именно слабо не говорят!

Прошу Вас рассмотреть мою из последних тестовую работу и укозать мне ВСЕ мои прогрехи, по полной строгости. Единственная надежда на Вашу благосклонность и доброту.

Вот ссылка на гитхаб - https:/github.com/ShusevA/ARI-AJAX-Application 

Требоватие к этой работе https://docs.google.com/document/d/10gLPHDqGNMDSeSQbYfG8RVtXR3XQOrchSBmd50OzJ_s/edit

С уважением к Вам, за ранее спасибо.

Несколько дней танцую с бубном, не могу сделать меню. Сделал 2 варианта, оба косячные. http://finresh.com/

1 вариант, который в красной рамке. Не могу выравнять кнопки по центру. У пунктов меню  стоит float: left. Что только не пробовал и через флекс и оборачивать блок в блок и т.п. Если выравнивается по центру, то выпадающее меню смещается правее, к началу первой кнопки. Есть вариант добавить скрытый блок спереди, в процентном соотношении (что бы менялся динамически по формуле), но пока не разобрался, как ее написать. 

2 вариант, который ниже, кнопки стоят на месте в class='container', меню на всю ширину, но оно не прокручивается вместе со страницей, а фиксировано. Если убрать position: fixed, то соответственно выпадающее меню смещается правее к началу родительской кнопки. 

Я верю, что есть решения по обоим меню, но не хватает знаний и понимания, куда рыть. Подскажите пожалуйста, у кого есть идеи или решения проблемы.

Спасибо!

Описание: фильтры "цвет" и "сладость" работают по отдельности, "цвет" - mixitup, "сладость" - рукописный js

Гитхаб: https://vlad-vasinev.github.io/Vlad-Vasinev-wine-code/

Код: https://drive.google.com/file/d/1NKtoQmzUh46CMsgFOZlImkCmBn0uq0wD/view?ths=true

Заранее благодарен