HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела
HTML, CSS Масштаб SVG https://www.cyberforum.ru/ html/ thread2193353.html Доброго времени суток! Подскажите, пожалуйста, как мне позиционировать линию в блоке размером 938х1142, чтобы линия была от начала координат и left/top задавать можно было как в обычном html/css. Есть готовая линия, я не могу её позиционировать, так как она к началу координат никак не становится + left/top я не знаю, как настраивать. <svg style="border: 1px solid #000;" width="938"...	Как используя border-spacing оставить только внутренние рамки HTML, CSS Есть главный контейнер внутри которого три элемента div со свойством display: table-cell для эмуляции таблицы использую border-collapse: separate border-spacing: 10px для создания прозрачных зазоров между колонками, но зазоры к сожалению создаются и по краям таблицы. Можно ли этого как-то избежать? Песочница: https://codepen.io/dimoff66/pen/BYxpwx
HTML, CSS Верстка секции по макету https://www.cyberforum.ru/ html/ thread2193277.html Подскажите как такую секцию сделать	HTML, CSS Верстка таблицы Ребят, я только начал изучать CSS Не хочет рисовать таблицу. Что ему надо? <html> <head> <style> <head> <link rel= “stylesheet” href=”css/style.css”> </head> </style> https://www.cyberforum.ru/ html/ thread2193214.html
HTML, CSS Непонятные отступы при вставке изображения в таблицу При вставке изображения в таблицу, непонятные отступы с верху и снизу+ картинка смещается в право... Помогите исправить пожалуйста. <!doctype html> <html> <head> <meta charset="utf-8"/> <title>Таблица</title> <link href="style.css" rel="stylesheet" type="text/css"/> </head>	HTML, CSS Непонятный отступ и прокрутка Непонятный отступ и прокрутка непонятно из-за чего? Ссылка на генератор: https://jsfiddle.net/AlexGood2016/vaxmk6ps/#&togetherjs=H5F5mKAUJz <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> https://www.cyberforum.ru/ html/ thread2193106.html
HTML, CSS Как сделать кнопку с анимацией? https://www.cyberforum.ru/ html/ thread2192981.html Увидел на сайте http://www.mobil-med.org в шапке кнопку с запись on-line с анимацией. Хочу сделать такую же кнопку. Но не получается. Скопировал код, но анимация не работает. Помогите разобраться пожалуйста. <a id="a_h" class="open_modal" href="#"><div class="callback_1">Онлайн заявка</div></a> .callback_1 { width: 179px; margin: auto; margin-top: 20px; margin-bottom:...	Прижать футер к низу страницы Angular 2/4 HTML, CSS Здравствуйте. Не получается прижать футер к низу страницы ни одним из популярных способов. Структура представлена на скриншоте. Желательна реализация через flex.
HTML, CSS Текст поверх изображения https://www.cyberforum.ru/ html/ thread2192877.html Как сделать так, чтобы текст Text был поверх изображения?Для класса изображения добавила relative, для текста absolute. Все равно текст отображается на след. строчке(т.е справа от изображения). *{ margin:0; padding:0; } .size{ width:1024px; margin: 0 auto; }	HTML, CSS Нумерованный список в HTML CODEBRA https://www.cyberforum.ru/ html/ thread2192859.html Задача такая: Вам нужно повторить картинку. То есть используйте вложение нумерованных списков (без рамки). Вот картинка ниже: Мой код: <!DOCTYPE html> <html> <head> <title>Нумерованный список в HTML</title>
Подскажите с кодом HTML, CSS Требуется создать простейший список ОГЛАВЛЕНИЯ в две колонки 1. Сначала идет текст 2. Затем многоточие до показателя 3. Показатель Помогите в HTML и CSS Пример приаттачил Всем БОЛЬШОЕ спасибо!	HTML, CSS Медиа запрос https://www.cyberforum.ru/ html/ thread2192759.html не отправляется запрос max-width:700-900, а вот запрос 1к отправляется нормально, на сатйе https://jsfiddle.net/w33aa8oq/4/ запрос и при 700 отлично отправляется, не могу понять что происходит <body> <div class="main"> <div class="main-color"></div> <header> <div class="logo"><img src="img/logo.png"><span>Misocial</span></div> <nav><ul>

Desent

3 / 3 / 1

Регистрация: 07.06.2014

Сообщений: 58

22.02.2018, 19:27 [ТС]

Фон слева от контейнера - HTML, CSS - Ответ 12145855

22.02.2018, 19:27. Показов 1099. Ответов 3

Метки (Все метки)

Ответ

Крч, сделал с помощью box-shadow, чтоб не пришлось кучу новых оберток создавать. Ничего лучше я придумать не смог.
Примерно так:

HTML5

<section class="section">
    <div class="container">
        <div class="row">
            <div class="section-bg"></div>
        </div>
    </div>
</section>

CSS

.section {
    height: 500px;
    overflow: hidden;
}
 
.section-bg {
    height: 500px;
    box-shadow: -1600px 0 0 1000px #2b30ca;
}

Вернуться к обсуждению:
Фон слева от контейнера HTML, CSS

Заказать работу у эксперта

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

22.02.2018, 19:27

Готовые ответы и решения:

Фон для контейнера
Всем привет! помогите решить проблему! Есть шапка сайте в теге header внутри должны быть 2 блока...

CSS фон слева и справа элемента
Есть страница с заданной шириной 1000px с белым цветом фона. В ней несколько блоков, один из них...

Как при наведении на li менять фон у блока слева
Добрый вечер, подскажите как можно сделать так чтобы при наведении на пункт li менялся фон у блока...

При наведении на кнопку заливать фон слева направо в течении двух секунд
Доброго времени суток! хочу спросить, как мне сделать так, чтобы при наведении на кнопку фон...

	22.02.2018, 19:27

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

22.02.2018, 19:27

Помогаю со студенческими работами здесь

Содержимое внутреннего контейнера увеличивает размер внешнего контейнера
есть во внутреннем контейнере фотка, которая достаточно велика, ее стиль не представляется...

Редактирование шаблона - добавить фон для контейнера статьи
Всем доброго дня. Помогите добавить фон для контейнера статьи. Хочу, чтобы он был серым как и...

Ajax. Задача заменить содержимое контейнера на содержимое того же контейнера из ответа сервера
Привет всем! Есть обращение Ajax $('#price_button').click(function () { $.ajax({ type:...

Как в Eclipse закрепить окно для консоля слева в столбик, а то постоянно ставлю его слева, потом перезахожу и
оно снова внизу?

Новые блоги и статьи
Как создать интернет-магазин на PHP и JavaScript InfoMaster 14.01.2025 В современном мире электронная коммерция стала неотъемлемой частью бизнеса. Создание собственного интернет-магазина открывает широкие возможности для предпринимателей, позволяя достичь большей. . .	Как написать Тетрис на Ассемблере InfoMaster 14.01.2025 Тетрис – одна из самых узнаваемых и популярных компьютерных игр, созданная в 1984 году советским программистом Алексеем Пажитновым. За прошедшие десятилетия она завоевала симпатии миллионы людей по. . .	Как создать игру "Танчики" на Unity3d и C# InfoMaster 14.01.2025 Разработка игр – это увлекательный процесс, сочетающий в себе творчество и технические навыки. В этой статье мы рассмотрим создание классической игры "Танчики" с использованием Unity3D и языка. . .	Организую платный онлайн микро-курс по доработке Android-клиента Telegram _Ivana 14.01.2025 Официальная версия и распространенные форки не полностью устраивают? Сделай свою кастомную версию клиента! 4 занятия по 2 часа (2 недели пн, ср 19:00-21:00 по Москве). Первое вводное занятие. . .	Как создать приложение для фитнеса для iOS/iPhone на Kotlin InfoMaster 14.01.2025 Создание собственного фитнес-приложения — это не только захватывающий, но и полезный процесс, ведь оно может стать вашим верным помощником на пути к здоровому и активному образу жизни. В современных. . .	Как создать приложение магазина для iOS/iPhone на Swift InfoMaster 14.01.2025 Введение в разработку iOS-приложений Разработка приложений для iPhone и других устройств на базе iOS открывает огромные возможности для создания инновационных мобильных решений. В данной статье мы. . .
Это работает. Скорость асинхронной логики велика. Вопрос видимо останется в стабильности. Плата - огонь! Hrethgir 13.01.2025 По прошлому проекту в Logisim Evolution https:/ / www. cyberforum. ru/ blogs/ 223907/ blog8781. html прилагаю файл архива проекта Gowin Eda и снимок. Восьмибитный счётчик из сумматора+ генератор сигнала. . .	UserScript для подсветки кнопок языков программирования в зависимости от текущего раздела volvo 13.01.2025 В результате работы этого скрипта подсвечиваются нужные кнопки не только в форме быстрого ответа, но и при редактировании сообщения: / / ==UserScript== / / @name CF_DefaultLangSelect / / . . .	Введение в модели и алгоритмы машинного обучения InfoMaster 12.01.2025 Машинное обучение представляет собой одну из наиболее динамично развивающихся областей искусственного интеллекта, которая фокусируется на разработке алгоритмов и методов, позволяющих компьютерам. . .	Как на Python создать нейросеть для решения задач InfoMaster 12.01.2025 В контексте стремительного развития современных технологий особое внимание уделяется таким инструментам, как нейросети. Эти структуры, вдохновленные биологическими нейронными сетями, используются для. . .	Как создать нейросеть для генерации картинок на Python InfoMaster 12.01.2025 Генерация изображений с помощью искусственных нейронных сетей стала одним из наиболее захватывающих направлений в области компьютерного зрения и машинного обучения. В этой статье мы рассмотрим. . .	Создание нейросети для генерации текста на Python InfoMaster 12.01.2025 Нейросети, или искусственные нейронные сети, представляют собой модели машинного обучения, вдохновленные работой человеческого мозга. Они состоят из множества взаимосвязанных узлов, или "нейронов",. . .

Наверх