고다경 / Open_Source_project

Go to a project
Toggle navigation Toggle navigation pinning
고다경
6fa26aa3 1 parent aaa4833e

AfterLogin_Outputpage 수정완료

Inline Side-by-side
Showing 1 changed file with 39 additions and 20 deletions
...@@ -7,21 +7,11 @@ ...@@ -7,21 +7,11 @@
7 <title>Input Page</title> 7 <title>Input Page</title>
8 <script src="jquery.js"></script> 8 <script src="jquery.js"></script>
9 <script> 9 <script>
10 -
11 - $(function(){
12 -
13 - $("#go").hover(function(){
14 - $("#go").css({"background-color":"white", "color": "rgb(104, 211, 104)"});
15 - },
16 - function(){
17 - $("#go").css({"color":"white", "background-color": "rgb(104, 211, 104)"});
18 - });
19 -
20 10
21 - }); 11 +
22 12
23 </script> 13 </script>
24 - <style > 14 + <style>
25 15
26 #banner { 16 #banner {
27 position: absolute; 17 position: absolute;
...@@ -45,10 +35,39 @@ ...@@ -45,10 +35,39 @@
45 right: 20ch; 35 right: 20ch;
46 } 36 }
47 37
38 + #section{
39 + position: absolute;
40 + margin-left:5%;
41 + float:left;
42 + width: 40%;
43 + height: 90%;
44 + }
45 +
46 + #container1{
47 + float: left;
48 + border: 1px solid white;
49 + width: 100%;
50 + height: 45%;
51 + }
52 + #container2{
53 + float: left;
54 + border: 1px solid white;
55 + width: 100%;
56 + height: 45%;
57 + }
58 + #container3{
59 + float: right;
60 + border: 1px solid white;
61 + margin-right:5%;
62 + width: 40%;
63 + height: 90%;
64 + }
65 +
48 66
49 </style> 67 </style>
50 </head> 68 </head>
51 <body> 69 <body>
70 +
52 <img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img> 71 <img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
53 <div id="banner"> 72 <div id="banner">
54 <h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1> 73 <h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1>
...@@ -56,15 +75,15 @@ ...@@ -56,15 +75,15 @@
56 75
57 <br><br><br> 76 <br><br><br>
58 77
59 - <div id = "input-ing" style="width:100%; text-align: center;"> 78 + <div id="section">
60 - <form action="/starting" method="post"> 79 + <div id="container1">container1</div>
61 - <div class="form-inline"> 80 + <br><br><br>
62 - 81 +
82 + <div id="container2">container2</div>
83 + </div>
63 84
64 - 85 + <div id="container3">container3</div>
65 - </div> 86 +
66 - </form>
67 - </div>
68 87
69 </div> 88 </div>
70 89
......