고다경 / 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 @@
<title>Input Page</title>
<script src="jquery.js"></script>
<script>
$(function(){
$("#go").hover(function(){
$("#go").css({"background-color":"white", "color": "rgb(104, 211, 104)"});
},
function(){
$("#go").css({"color":"white", "background-color": "rgb(104, 211, 104)"});
});
});
</script>
<style >
<style>
#banner {
position: absolute;
......@@ -45,10 +35,39 @@
right: 20ch;
}
#section{
position: absolute;
margin-left:5%;
float:left;
width: 40%;
height: 90%;
}
#container1{
float: left;
border: 1px solid white;
width: 100%;
height: 45%;
}
#container2{
float: left;
border: 1px solid white;
width: 100%;
height: 45%;
}
#container3{
float: right;
border: 1px solid white;
margin-right:5%;
width: 40%;
height: 90%;
}
</style>
</head>
<body>
<img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
<div id="banner">
<h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1>
......@@ -56,15 +75,15 @@
<br><br><br>
<div id = "input-ing" style="width:100%; text-align: center;">
<form action="/starting" method="post">
<div class="form-inline">
<div id="section">
<div id="container1">container1</div>
<br><br><br>
<div id="container2">container2</div>
</div>
</div>
</form>
</div>
<div id="container3">container3</div>
</div>
......