- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Хочу переделать главную страницу сайта. Вверху изображение, под ним таблица, ширина которой должна быть равна ширине этого изображения. Выставлять ширину таблицы в % дело абсолютно бессмысленное, т.к. на разных мониторах она будет разной ширины. Выставила ширину в пикселях, и тоже фигня получается. На небольшом мониторе верхнее изображение уменьшается и полностью влезает в экран. А правый край таблицы вылезает за пределы экрана.
Свидетельства моего позора прикладываю.
Таблица нужна для того, чтобы выводить символьно-цифровую информацию - как в Excel, например. В Вашем случае я такой необходимости не наблюдаю. Верстайте блоками.
мартышон,
Выставлять ширину таблицы в % дело абсолютно бессмысленное, т.к. на разных мониторах она будет разной ширины.
Этот момент не понял. На разных мониторах будет 100% - и в чем проблема?
По поводу таблицы - все правильно, это не таблица, а обычные блоки. Реализовать можно разными способами, display:flex и т.п. Блоки можно и в столбик по одному пустить для мобильников.
С таблицами нынче лучше вообще не связываться по возможности, вообще думаю никогда не будут даже основные браузеры понимать таблицы одинаково :)
На разных мониторах будет 100% - и в чем проблема?
Проблема в том, что мне не нужно 100%. Тогда три нижних изображения будут расползаться по всему экрану. А мне хотелось бы, чтобы они были под верхней картинкой.
мартышон, это же всё обычные задачи для вёрстки. Решения могут быть разные - объединение верхней картинки и нижних в одном блоке, задание ширины нижнего блока равной ширине верхней картинки, ещё как-то, в зависимости от конкретных обстоятельств.
мартышон Bootstrap, я так понимаю, для вас жуткая магия?
мне не нужно 100%.
Ну 100% - это от ширины блока, в котором верхняя картинка.
Короче вся конструкция - допустим, максимум 800px. Картинка - 100%. Блок с тремя картинками - тоже 100%.
мартышон Bootstrap, я так понимаю, для вас жуткая магия?
Угу
Ну 100% - это от ширины блока, в котором верхняя картинка.
Короче вся конструкция - допустим, максимум 800px. Картинка - 100%. Блок с тремя картинками - тоже 100%.
А где-нибудь можно про верстку блоками почитать? Чтобы совсем для чайников.
В последний раз я верстала лет 10 назад, и про блочную верстку знаю только то, что она есть :)
А где-нибудь можно про верстку блоками почитать?
https://webref.ru/layout/learn-html-css/box-model
Приятного чтива :) Bootstrap также советую изучить
Угу
А где-нибудь можно про верстку блоками почитать? Чтобы совсем для чайников.
В последний раз я верстала лет 10 назад, и про блочную верстку знаю только то, что она есть :)
Ежели совсем для новичков вот
https://www.youtube.com/watch?v=a9RtPEjC2ik&list=PLplUVF5VxDlSUpKa0pZqzgWYxdREM9nO0
Еще и флексы заодно
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Flexible_Box_Layout/%D0%92%D1%8B%D1%80%D0%B0%D0%B2%D0%BD%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2_%D0%B2_Flex_%D0%BA%D0%BE%D0%BD%D1%82%D0%B5%D0%B9%D0%BD%D0%B5%D1%80%D0%B5