EvgenijVI

ответов0 / помог0

Адаптив и ровные блоки

1680817224
Добрый ночи всем. Работаю над проектом (хобби, для себя так сказать, на этом проекте изучаю язык всё глубже). Вообщем вопрос такой, есть сайт: https://new.play-arena.ru На главной странице список серверов разных игр, я реализовал их в таблице, но эти таблицы не ровные. То есть если посмотреть на столбцы, они для каждой игры разные, подскажите пожалуйста как мне сделать их по одной ширине во всех блоках игр не навредив адаптиву? P.S - хотел в div'ах сделать, но чёт ещё хуже вышло, с опытом проблемы) Страницу буду полностью переписывать (моб. версию в том числе), по этому хотел бы услышать мнение профи как лучше сделать.
sash
ответов0 / помог0
1680817297
Тогда давай ширину для тех td которые нужны Для первойколонки

td:nth-child(1){
  width: 40%;
}
влепить жирный лайк
EvgenijVI
ответов0 / помог0
1680825490
sash, ну нужно все столбцы выравнивать по странице (в 5 таблицах), по сути своей данный метод не чем не отличается например от того что я задам конкретный размер каждому столбцу (их все генерирует одна функция)? А можно ли вообще такое реализовать в div например, а не в таблице, при этом что бы всё было ровненько). Т.к div на итог мне проше будет адаптивить чем таблицу. просто если делать фиксу, нужно пони когда какой то из блоков выйдет за эти приделы, а я не могу это предвидеть, т.к названия, карты и прочее у всех разные, есть конечно базовые ограничения на количество символов, но всё же на мобилке они по другому будут отображаться
влепить жирный лайк
sash
ответов0 / помог0
1680825541
С дивами сложнее будет Всё равно это для игр с компа, зачем его адаптировать для мобильных, никто с них туда заходить всё равно не будет
влепить жирный лайк
EvgenijVI
ответов0 / помог0
1680825690
sash, Ну по этой логике можно старый диз. оставить который делал ещё в 2017 году Он ща в принципе и стоит на основном домене. Ну блин я делаю проект для само развития, а не для кого то) как говориться опыт не чего не заменит. Просто изучаю адаптив и т.к уже есть готовый проект, делаю всё на нём, внося какие то изменения (тысяча раз переписывая узнав что -то новое), вообщем просто интересно.
влепить жирный лайк
sash
ответов0 / помог0
1680825749
EvgenijVI, тогда понятно. В общую обёртку див тогда каждую строку и в ней уже дивы или спаны с инфой.Через media css делаешь им ширину и всё остальное)
влепить жирный лайк
Сначала вход
A B i U S JS PHP HTML CSS SQL C C++ C# PYTHON JAVA
Для входа только имэйл или имя и апроль
Можно сменить аватар
Имэйл Ваше имя
Пароль