стили для веб интерфейса
тут ничего не указывал (пустое поле оставлял).
Код: Выделить всё
body {
background-color: #0d0d0d;
}
.menu
{
float:left;
padding: 1%;
margin: 1%;
width:16%;
background: #ffea00;
border: 1px solid black;
border-radius: 8px;
}
.menuItem
{
font-weight: 600;
background: #ffea00;
font-family: 'Times New Roman', Times, serif;
font-size: 110%;
}
.header
{
padding: 10px;
left: 0px;
right: 0px;
top: 0px;
background: #00FFFF;
color: rgb(0, 0, 0);
text-align: center;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
font-size: 250%;
}
.content
{
float:right;
width:78%;
background: #000033;
color: rgb(0,253,0);
font-size: 40px;
}
.pole
{
float:right;
width:78%;
background: #ffea6c;
color: rgb(205,0,16);
font-size: 40px;
}
.footer
{
float:left;
padding: 1%;
width:98%;
background: #00FFFF;
margin-top: 1%;
color: rgb(0, 0, 0);
text-align: center;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
font-size: 150%;
}
.buttonFlp
{
width:160px;
border-radius:40px;
background:#358DE5;
color:#ffffff;
font-size: 16px;
cursor:pointer;
float:left;
padding: 1%;
margin: 1%;
}
.buttonFlp:hover
{
background:#E60000;
}
.buttonFlp:focus
{
outline:none;
}
Код: Выделить всё
body {
background-color: #230023;
}
.header
{
margin: 1%;
padding: 1%;
border-radius: 5px;
background: #230023;
background: radial-gradient(#470047, #27236F);
color: #FEFFE7;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 200%;
}
.menu
{
float:left;
padding: 1%;
margin: 1%;
width:16%;
background: #F7F9E4;
border: 1px solid black;
border-radius: 5px;
font-family: Verdana, Geneva, sans-serif;
font-size: 120%;
}
.menuItem
{
background: #F7F9E4;
font-weight: 500;
}
.content
{
float:right;
width:78%;
background: #230023;
color: #FEFFE7;
font-weight: 500;
font-family: Verdana, Geneva, sans-serif;
font-size: 120%;
}
.footer
{
float:left;
margin: 1%;
padding: 1%;
width:96%;
border-radius: 5px;
background: #230023;
background: radial-gradient(#470047, #27236F);
color: #FEFFE7;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 150%;
}
.buttonFlp
{
width:150px;
border-radius:5px;
background:#470047;
color: rgb(224, 255, 255);
font-size:18px;
cursor:pointer;
float:left;
padding: 1%;
}
.buttonFlp:hover
{
background:#27236F;
}
.buttonFlp:focus
{
outline:none;
}
У вас 2 # а нужно 1
Да я знаю, что они как бы лишние, но лень было переделывать - изначально делал под ремоте, да и это больше всё-таки пример
.
Не пойму зачем нужен этот костыль?
Посмотрите этот проект.
Посмотрел - в проекте только вывод параметров, ввода нет. Но я ещё раз попробую.
Это css...belyx писал(а): ↑03.05.2020{, 23:31}Посмотрел - в проекте только вывод параметров, ввода нет. Но я ещё раз попробую.
Как по науке я понимаю и даже попытка была , но с вставкой в код.
rw6cm, сходу не нашел,что у вас означаетособенно вот это 1fr 1fr 1fr 1fr и последнее 1f;(без r)СпойлерПоказать.meteocontent
{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1f;
}
Эти две строки роли уже не играют, помню что их удалял, да видно уснул после первой буквы а утром выложил не посмотрев ))
НУ вот занялся, попытался сделать поле ввода штатными средствами
Мат часть под учите, тогда и будет задача просто решаться
rw6cm, мы ж ,пользователи, в основной своей массе не такие ж прошаренные, вот тут мы и учимся !