Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Другие темы раздела
HTML, CSS Решение для панели навигации https://www.cyberforum.ru/ html/ thread2604195.html
Разметка в виде таблицы, сильно много фреймов не будет, несколько основных блоков, поэтому таблица. Верхние две строки- две объединенные ячейки. Интересует вторая строка - будет меню навигации(горизонтальный список) и панель авторизации. Какой самый оптимальный вариант будет ?Не придумал другого, как - объединить две ячейки в одну - на всю строку, поместить в нее блок(display:table), а внутри...
HTML, CSS Расположение блоков по горизонтали
Здравствуйте! По сетевым технологиям задали сделать страницу с блоками (фото прикреплено), не выходит сделать два блока по горизонтали (float и пустой). Подскажите, как сделать? Уже все статьи перепробовал и никак не выходит. Буду очень благодарен! Код html и css также прикрепил в блокноте.
HTML, CSS Сложности с высотой фонового изображения Делаю страничку для мобильной версии и никак не могу разобраться с фоновым изображением. Выставил фиксированный размер body, background-size: cover, ещё кучу всего поперепробовал. Есть изображение определенного размера, нужно чтобы под каждое разрешение экрана мобильного размер страницы и фона был одинаковым, а получается что фон по высоте или обрезается или начинает повторяться ... https://www.cyberforum.ru/ html/ thread2604162.html HTML, CSS Как лучше поместить фон https://www.cyberforum.ru/ html/ thread2604147.html
как лучше поместить фон? вот что должно получится: если разрезать фон на шапку и контейнер то видно стык а если фон и сверху фото угловое - не получается <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css">
flexbox HTML, CSS
вообщем, есть div с классом кубики, я ему поставил align-self: flex-end, но почему не работает... <div class="row" id="slider"> <img id="slider1" style="right: 0px" src="https://www.cyberforum.ru/images/slaider1.jpg"><img id="slider2" src="https://www.cyberforum.ru/images/slaider2.jpg"> <img id="slider3" src="https://www.cyberforum.ru/images/slaider3.jpg"><img id="slider4"...
HTML, CSS Блок не заливается полностью Ребята, нужна помощь. Есть два блока: Dignity and pluses product и Reviews. Внутри каждого из них контент. Каждый из этих родительских блоков имеет цвет фона. Но почему-то он не растягивается под размер контента, а идёт только одной полосой. Во вложении фото: как должно быть (слева) и то, что получается (справа). Помогите пожалуйста <!DOCTYPE html> <html> <head> <meta... https://www.cyberforum.ru/ html/ thread2604112.html
HTML, CSS Не полностью меняется фон блока Не могу понять почему блок выделяется не полностью, все margin и padding обнулены <nav class="nav-header"> <ul> <li class="active"><a href="">Главная</a></li> <li><a href="">Новости</a></li> <li><a href="">Контакты</a></li> <li><a href="">О компании</a></li> <li><a href="">Как добраться</a></li> </ul> https://www.cyberforum.ru/ html/ thread2604100.html HTML, CSS Как передвинуть border у любого элемента
Коллеги, возник чисто дизайнерский вопрос оформления кода. Вот у нас есть на странице элемент с border и вопрос состоит в том КАК ЖЕ ДВИГАТЬ BORDER В CSS?! Знаю что можно так, но мне такой вариант не подходит: .selector-block { border-bottom: 1px solid #000; padding-bottom: 8px; } Чтобы стало понятно, посмотрите на картинку...
HTML, CSS Выравнивание flex items внутри container Только начал недавно верстать, извиняюсь за глупые вопросы заранее. Я также немного перфекционист и проблема в том, что ul список не получается расширить по ширине контейнера( Приведу лучше код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Web Hosting</title> https://www.cyberforum.ru/ html/ thread2604048.html HTML, CSS Форма изменения пароля, убрать автоподстановку логина-пароля У меня форма которая должна проверить старый пароль и изменить, классы инпутов названы соответственно, но они автозаполняются парой логин-пароль <div class = "container"> <form class = "form-signin" role = "form" action = "<?php echo htmlspecialchars($_SERVER); ?>" method = "post"> <h4 class = "form-signin-heading"><?php echo $msg;... https://www.cyberforum.ru/ html/ thread2604040.html
Как установить изображение на фон HTML, CSS
как вставить круглую пнг картинку в определенном месте поверх фона? как должно быть: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel=
Модератор
Эксперт JSЭксперт HTML/CSS
2697 / 1767 / 763
Регистрация: 13.03.2010
Сообщений: 5,865
25.03.2020, 08:42 0

Как написать код на html так, что было как на картинке? - HTML, CSS - Ответ 14364182

25.03.2020, 08:42. Показов 319. Ответов 1
Метки (Все метки)

Ответ

Ручками.
HTML5
1
2
3
4
5
6
7
8
9
10
<div class="container">
<p style="font-style: italic; color: red;">Листочки танцуют, листочки кружатся</p>
<p style="font-weight: bold;">И ярким ковром мне под ноги ложатся.</p>
<p style="text-decoration: underline;">Как будто ужасно они занятые,</p>
<p style="font-weight: bold; font-style: italic;"><span style="color: green;">Зелёные</span>, <span style="color: red;">красные</span> и <span style="color: gold;">золотые</span>...</p>
<p style="text-align: center;">Листья кленовые, листья дубовые,</p>
<p style="text-align: center; color: orange;">Пурпурные, алые, даже бордовые...</p>
<p style="text-align: right;">Бросаюсь я листьями вверх наугад -</p>
<p style="text-align: right; font-weight: bold; color: red;">Я тоже устроить могу листопад!</p>
</div>
CSS
1
2
3
4
5
6
7
8
.container {
  max-width: 640px;
  margin: 0 auto;
}
p {
  margin: 0;
  font-size: 22px;
}


Вернуться к обсуждению:
Как написать код на html так, что было как на картинке? HTML, CSS
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
25.03.2020, 08:42
Готовые ответы и решения:

Как сделать так, чтобы было как на картинке?
Всем привет. Как сделать так, чтобы в поисковике выдавало как на картинке? Ато у меня пару ссылок...

Как экспортировать так, что б нельзя было глянуть код?
Написал консольную программу в Eclipse Mars. Хочу получить JAR Runnable file, так что бы никто не...

Как изменить этот код так чтобы нарисовалась фигура как на картинке
Как изменить этот код так чтобы нарисовалась фигура как на картинке...

Тыкните пальцем что где нужно создать чтоб было такое как на картинке
вот http://файлы и картинки загружайте на форум это таблица, что за таблица не знаю а как можно...

1
25.03.2020, 08:42
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
25.03.2020, 08:42
Помогаю со студенческими работами здесь

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

как сделать так, что бы в 1 и 2 заказе не было скидки, а в последующих была?
Вы работаете в химчистке. Ваша химчистка осуществляет прием у населения вещей для выведения пятен....

Как сделать так что бы невозможно было удалить определьнный файл?
Здраствуйте... у меня есть USB флешка... меня интересуэт вопрос как сделать так что бы...

Как сделать так, чтобы код WEB-страницы нельзя было просматривать из-вне в редакторе?
Как сделать так, чтобы код WEB-страницы нельзя было просматривать из-вне в редакторе?

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru