Skip to content

Commit

Permalink
[css] 중앙정렬 수정
Browse files Browse the repository at this point in the history
  • Loading branch information
@bestlalala
bestlalala committed Apr 14, 2023
1 parent d44ba8b commit 34ad786
Show file tree
Hide file tree
Showing 13 changed files with 152 additions and 95 deletions.
27 changes: 17 additions & 10 deletions MyPage.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,25 +47,31 @@
}

.bottom_menu {
position: absolute;
position: fixed;
width: 390px;
height: 90.5px;
top: 761px;
height: 70px;
/* margin: 0 auto; */
bottom: 0px;
background-color: white
}

.bottom_menu>div {
float: left;
float:left;
width: 20%;
height: 100%;
text-align: center;
margin: 0 auto;
padding-top: 20px;
}

.bottom_menu>div>img {
float: center;
}
</style>
</head>

<body>
<div class="display"></div>
<div class="display">
<h1
style="position: absolute; width: 146px; height: 40px; left: 122px; top: 50px; font-weight: 400; font-size: 28px; line-height: 38px; text-align: center; color: #000000;">
마이페이지</h1>
Expand Down Expand Up @@ -148,21 +154,22 @@
</div>
<div class="bottom_menu">
<div>
<img style="float: left" src="img/menu_write.png" onclick="location.href='save_result.html'">
<img src="img/menu_write.png" onclick="location.href='save_result.html'">
</div>
<div>
<img style="float: left" src="img/menu_book.png" onclick="location.href='today_recommend.html'">
<img src="img/menu_book.png" onclick="location.href='today_recommend.html'">
</div>
<div>
<img style="float: left" src="img/menu_home.png"onclick="location.href='chatgpt.html'">
<img src="img/menu_home.png"onclick="location.href='chatgpt.html'">
</div>
<div>
<img style="float: left" src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
<img src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
</div>
<div>
<img style="float: left" src="img/menu_setting.png">
<img src="img/menu_setting.png">
</div>
</div>
</div>
</body>

</html>
33 changes: 20 additions & 13 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1591,16 +1591,23 @@ input, select, textarea {

}
.bottom_menu {
position: fixed;
width: 390px;
height: 90px;
bottom: 0px;
background-color: white
}
.bottom_menu>div {
float: left;
width: 20%;
height: 100%;
text-align: center;
padding-top: 20px;
}
position: fixed;
width: 100%;
height: 70px;
/* margin: 0 auto; */
bottom: 0px;
background-color: white
}

.bottom_menu>div {
float:left;
width: 20%;
height: 100%;
text-align: center;
margin: 0 auto;
padding-top: 20px;
}

.bottom_menu>div>img {
float: center;
}
10 changes: 5 additions & 5 deletions chatgpt.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,19 +27,19 @@ <h3 class="keyword">키워드</h3>
</article>
<div class="bottom_menu">
<div>
<img style="float: left" src="img/menu_write.png" onclick="location.href='save_result.html'">
<img src="img/menu_write.png" onclick="location.href='save_result.html'">
</div>
<div>
<img style="float: left" src="img/menu_book.png" onclick="location.href='today_recommend.html'">
<img src="img/menu_book.png" onclick="location.href='today_recommend.html'">
</div>
<div>
<img style="float: left" src="img/menu_home.png"onclick="location.href='chatgpt.html'">
<img src="img/menu_home.png"onclick="location.href='chatgpt.html'">
</div>
<div>
<img style="float: left" src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
<img src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
</div>
<div>
<img style="float: left" src="img/menu_setting.png">
<img src="img/menu_setting.png">
</div>
</div>
</body>
Expand Down
12 changes: 6 additions & 6 deletions consult.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,22 +15,22 @@ <h1>상담사 매칭</h1>
<div class="boxtwo" style="cursor:pointer;" onclick="location.href='https://www.mommos.co.kr/qna/?mod=editor&pageid=1';">관련 기관 상담 예약하기</div>
<div class="boxthree" style="cursor:pointer;" onclick="location.href='https://insungtherapy.modoo.at/';">인성심리상담센터 바로가기</div>
<div class="boxfour" style="cursor:pointer;" onclick="location.href='https://www.moe.go.kr/main.do?s=moe';">교육부 바로가기</div>

<div class="bottom_menu">
<div>
<img style="float: left" src="img/menu_write.png" onclick="location.href='save_result.html'">
<img src="img/menu_write.png" onclick="location.href='save_result.html'">
</div>
<div>
<img style="float: left" src="img/menu_book.png" onclick="location.href='today_recommend.html'">
<img src="img/menu_book.png" onclick="location.href='today_recommend.html'">
</div>
<div>
<img style="float: left" src="img/menu_home.png"onclick="location.href='chatgpt.html'">
<img src="img/menu_home.png"onclick="location.href='chatgpt.html'">
</div>
<div>
<img style="float: left" src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
<img src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
</div>
<div>
<img style="float: left" src="img/menu_setting.png">
<img src="img/menu_setting.png">
</div>
</div>
</body>
Expand Down
10 changes: 5 additions & 5 deletions gotest.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,19 +16,19 @@ <h1> 인성 테스트 바로 가기</h1>
<button type="button" id="toconsult" onclick="location.href='consult.html'">상담사한테 상담받고 싶다면?</button>
<div class="bottom_menu">
<div>
<img style="float: left" src="img/menu_write.png" onclick="location.href='save_result.html'">
<img src="img/menu_write.png" onclick="location.href='save_result.html'">
</div>
<div>
<img style="float: left" src="img/menu_book.png" onclick="location.href='today_recommend.html'">
<img src="img/menu_book.png" onclick="location.href='today_recommend.html'">
</div>
<div>
<img style="float: left" src="img/menu_home.png"onclick="location.href='chatgpt.html'">
<img src="img/menu_home.png"onclick="location.href='chatgpt.html'">
</div>
<div>
<img style="float: left" src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
<img src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
</div>
<div>
<img style="float: left" src="img/menu_setting.png">
<img src="img/menu_setting.png">
</div>
</div>
</body>
Expand Down
10 changes: 5 additions & 5 deletions more_recommend.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -142,19 +142,19 @@ <h2>❝김창옥 교수 #05 | <br/>밝은 사람이 되고 싶다면?<br/> 단
</div>
<div class="bottom_menu">
<div>
<img style="float: left" src="img/menu_write.png" onclick="location.href='save_result.html'">
<img src="img/menu_write.png" onclick="location.href='save_result.html'">
</div>
<div>
<img style="float: left" src="img/menu_book.png" onclick="location.href='today_recommend.html'">
<img src="img/menu_book.png" onclick="location.href='today_recommend.html'">
</div>
<div>
<img style="float: left" src="img/menu_home.png"onclick="location.href='chatgpt.html'">
<img src="img/menu_home.png"onclick="location.href='chatgpt.html'">
</div>
<div>
<img style="float: left" src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
<img src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
</div>
<div>
<img style="float: left" src="img/menu_setting.png">
<img src="img/menu_setting.png">
</div>
</div>

Expand Down
8 changes: 8 additions & 0 deletions question.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,14 @@
<link href="https://fonts.googleapis.com/css2?family=Song+Myung&display=swap" rel="stylesheet">
<link rel="stylesheet" href="questionstyle.css">
<title>'오늘의 쉼표'</title>
<style>
body {
background-image: url('./img/background.jpg');
background-size: 390px 844px;
background-repeat: no-repeat;
margin: 0 35px;
}
</style>
</head>
<body>

Expand Down
40 changes: 34 additions & 6 deletions questionstyle.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,15 @@ article {

html, body {
min-height: 844px;
max-width: 390px;
min-width: 390px;
}

body {
/* body {
background-image: url('./img/background.jpg');
background-size: 390px 844px;
background-repeat: no-repeat;
/* margin: 0 35px; */
}
margin: 0 35px;
} */

.splash_title {
position: absolute;
Expand Down Expand Up @@ -177,7 +177,35 @@ body {

.display {
box-sizing: border-box;
width: 390px;
height: 844px;
/* width: 390px;
height: 844px; */
background-color: #FBEDDD;
margin: 60px 35px;
}

.container {
display: flex;
justify-content: center;
}

.bottom_menu {
position: fixed;
width: 100%;
height: 70px;
/* margin: 0 auto; */
bottom: 0px;
background-color: white
}

.bottom_menu>div {
float:left;
width: 20%;
height: 100%;
text-align: center;
margin: 0 auto;
padding-top: 20px;
}

.bottom_menu>div>img {
float: center;
}
42 changes: 14 additions & 28 deletions save_result.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,21 +9,19 @@
<title>'오늘의 쉼표'</title>
<style>
body {
/* width: 100%; */
background: #FBEDDD;
}
.box {
position: absolute;
width: 300px;
height: fit-content;
left: 39px;
top: 173px;
margin-bottom: 200px;

/* left: 39px; */
/* top: 173px; */

background: #FFDAAF;
box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 10px 20px;

text-align: center;
}
.result_box {
Expand All @@ -34,21 +32,9 @@
background: rgba(255, 255, 255, 0.5);
border-radius: 10px;
vertical-align: middle;
}
.bottom_menu {
position: fixed;
width: 390px;
height: 70px;
bottom: 0px;
background-color: white
}
.bottom_menu>div {
float: left;
width: 20%;
height: 100%;
text-align: center;
padding-top: 20px;
}

.answer_box {
position: relative;
width: 280px;
Expand All @@ -69,7 +55,7 @@
</head>
<body>
<div class="display">
<h2 style="position: absolute;
<h2 style="
width: 212px;
height: 40px;
left: 89px;
Expand All @@ -78,9 +64,10 @@
font-weight: 400;
font-size: 28px;
line-height: 38px;
margin: 0 auto;
text-align: center;">
오늘의 쉼표 기록</h2>
<p style="position: absolute;
<p style="
width: 126.4px;
height: 19.75px;
left: 45px;
Expand Down Expand Up @@ -128,24 +115,23 @@
</div>
</div>
</div>

</div>
<div class="bottom_menu">
<div>
<img style="float: left" src="img/menu_write.png" onclick="location.href='save_result.html'">
<img style="float: center" src="img/menu_write.png" onclick="location.href='save_result.html'">
</div>
<div>
<img style="float: left" src="img/menu_book.png" onclick="location.href='today_recommend.html'">
<img style="float: center" src="img/menu_book.png" onclick="location.href='today_recommend.html'">
</div>
<div>
<img style="float: left" src="img/menu_home.png"onclick="location.href='chatgpt.html'">
<img style="float: center" src="img/menu_home.png"onclick="location.href='chatgpt.html'">
</div>
<div>
<img style="float: left" src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
<img style="float: center" src="img/menu_mypage.png" onclick="location.href='MyPage.html'">
</div>
<div>
<img style="float: left" src="img/menu_setting.png">
<img style="float: center" src="img/menu_setting.png">
</div>
</div>
</div>
</body>
</html>
Loading

0 comments on commit 34ad786

Please sign in to comment.