- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Хочу переделать главную страницу сайта. Вверху изображение, под ним таблица, ширина которой должна быть равна ширине этого изображения. Выставлять ширину таблицы в % дело абсолютно бессмысленное, т.к. на разных мониторах она будет разной ширины. Выставила ширину в пикселях, и тоже фигня получается. На небольшом мониторе верхнее изображение уменьшается и полностью влезает в экран. А правый край таблицы вылезает за пределы экрана.
Свидетельства моего позора прикладываю.
Таблица нужна для того, чтобы выводить символьно-цифровую информацию - как в 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