From 873c7b5bb2674f8ef23499b5dc892f11ae594089 Mon Sep 17 00:00:00 2001 From: glushik <38889735+glushik@users.noreply.github.com> Date: Tue, 22 May 2018 19:03:59 +0300 Subject: [PATCH 01/11] Add files via upload --- lab3.css | 236 +++++++++++------------------------------------------- lab3.html | 30 +++---- 2 files changed, 59 insertions(+), 207 deletions(-) diff --git a/lab3.css b/lab3.css index a79eeee..7cf1f5d 100644 --- a/lab3.css +++ b/lab3.css @@ -1,103 +1,63 @@ - #two{ +.two{ right: calc((100% - (100% - 700px)/2) + 3px); - position: fixed; - bottom: 0; - top: 0; left: 0; + background-color: pink; } -#seven{ - - left: calc((100% - (100% - 700px)/2) + 3px); - position: fixed; - bottom: 0; - top: 0; +.seven{ right: 0; - -} -#two{ - background-color: pink; -} -#seven{ + left: calc((100% - (100% - 700px)/2) + 3px); background-color: aqua; } -#one{ - background-color: orangered; +.beach{ + position: absolute; + bottom: 0; + top: 0; } -#three{ +.three{ background-color: orange; } -#four{ +.four{ background-color: yellow; } -#five{ - background-color: limegreen; +.four a{ + margin: 0; } -#six{ - background-color: skyblue; -} -#eight{ +.eight{ background-color: blue; } -#nine{ +.nine{ background-color: violet; } -/* -#content{ - display: flex; -} -#one{ - width: 700px; - margin: 0 auto; - -} -#five{ - width: 200px; - float: left; -} -#six{ - width: 250px; - float: left; -} -#three-four{ - width: 250px; - margin:0 auto; - float: left; - align-self: center; -} */ -p{ - margin:0px; -} -#one, #two, #three, #four, #five,#six,#seven,#eight,#nine{ + +.all{ border: 3px solid black; } img{ - height: 140px; - width: 150px; + height: 140px; + width: 150px; margin: auto; } -body{ +p, body{ margin:0; } -#one, #eight, #nine{ +.center-blocks{ margin: auto; - - + min-width: 700px; + max-width: 700px; + height: 150px; } -#one{ +.one{ font-size: 22px; + background-color: orangered; } -#eight, #nine{ +.eight, .nine{ font-size: 18px; } -#one, #eight, #nine{ - min-width: 700px; - max-width: 700px; - height: 150px; -} -#three, #four{ + +.inner-blocks{ /* position: fixed; */ min-width: 244px; max-width: 244px; @@ -105,18 +65,19 @@ body{ left: 0; } -#five{ +.five{ min-width: 294px; max-width: 294px; height: 146px; + background: greenyellow; } -#six{ +.six{ min-width: 150px; max-width: 150px; display: flex; - + background-color: skyblue; } -#six p{ +.six p{ display: flex; } @@ -128,6 +89,9 @@ body{ left: 1000px; } + + + @media only screen and (max-width:715px){ body *{ display: flex; @@ -136,8 +100,10 @@ body{ flex-grow: 1; } - - #row1 div,#one, #two, #three, #four, #five,#six,#seven,#eight,#nine{ + body{ + position: fixed; + } + .row1 div,.all{ min-width: 100%; max-width: 100%; width: 100%; @@ -145,8 +111,8 @@ body{ font-size: medium; border-radius: 10px; } - #two, #seven{ - display: none; + .beach{ + visibility: hidden; } } @@ -157,119 +123,9 @@ body{ - - - -/* - */ \ No newline at end of file +} */ \ No newline at end of file diff --git a/lab3.html b/lab3.html index 64300c2..b668c75 100644 --- a/lab3.html +++ b/lab3.html @@ -4,44 +4,40 @@
Профессия Певец
Дата рождения 31 июля 1973
Рост и вес 175 см и 74 кг