Showing
4 changed files
with
30 additions
and
11 deletions
public/images/title.png
0 → 100644
13.4 KB
... | @@ -39,16 +39,20 @@ ul.sidenav li a:hover:not(.active) { | ... | @@ -39,16 +39,20 @@ ul.sidenav li a:hover:not(.active) { |
39 | } | 39 | } |
40 | table { | 40 | table { |
41 | width: 70%; | 41 | width: 70%; |
42 | - height: 100%; | ||
43 | border-collapse: collapse; | 42 | border-collapse: collapse; |
44 | text-align: center; | 43 | text-align: center; |
44 | + vertical-align: middle; | ||
45 | } | 45 | } |
46 | td { | 46 | td { |
47 | + vertical-align: middle; | ||
47 | text-align: center; | 48 | text-align: center; |
48 | border: 1px solid #ddd; | 49 | border: 1px solid #ddd; |
49 | - padding: 15px; | 50 | + width: 10%; |
50 | - width: 20%; | 51 | + height: 0%; |
51 | - height: 20%; | 52 | + padding-bottom: 20%; |
53 | + background-image: url("/images/stamp.jpg"); | ||
54 | + background-repeat: no-repeat; | ||
55 | + background-position: center top; | ||
52 | } | 56 | } |
53 | .bold { | 57 | .bold { |
54 | color: #ffc0cb; | 58 | color: #ffc0cb; |
... | @@ -60,9 +64,20 @@ td { | ... | @@ -60,9 +64,20 @@ td { |
60 | } | 64 | } |
61 | #show { | 65 | #show { |
62 | width: 15%; | 66 | width: 15%; |
67 | + height: 55%; | ||
63 | display: inline-block; | 68 | display: inline-block; |
64 | float: left; | 69 | float: left; |
65 | - | 70 | + overflow: auto; |
71 | + position: fixed; | ||
72 | + background-color: #000; | ||
73 | +} | ||
74 | +#maintitle { | ||
75 | + text-align: center; | ||
76 | + background-color: #000; | ||
77 | + color: #fff; | ||
78 | + height: 55%; | ||
79 | + padding: 8px 16px; | ||
80 | + margin-left: 15%; | ||
66 | } | 81 | } |
67 | #mynav { | 82 | #mynav { |
68 | display: block; | 83 | display: block; |
... | @@ -74,3 +89,7 @@ td { | ... | @@ -74,3 +89,7 @@ td { |
74 | float: left; | 89 | float: left; |
75 | margin-left: 0px; | 90 | margin-left: 0px; |
76 | } | 91 | } |
92 | +#map { | ||
93 | + height: 400px; | ||
94 | + width: 100%; | ||
95 | +} | ... | ... |
... | @@ -69,19 +69,19 @@ td | ... | @@ -69,19 +69,19 @@ td |
69 | font-size : 8pt; | 69 | font-size : 8pt; |
70 | #show | 70 | #show |
71 | width: 15%; | 71 | width: 15%; |
72 | + height : 55%; | ||
72 | display : inline-block; | 73 | display : inline-block; |
73 | float : left; | 74 | float : left; |
74 | overflow : auto; | 75 | overflow : auto; |
75 | position : fixed; | 76 | position : fixed; |
76 | - background-image : url("/images/menu_icon.png"); | 77 | + background-color : black; |
77 | - background-repeat: no-repeat; | ||
78 | - background-position: center top; | ||
79 | 78 | ||
80 | #maintitle | 79 | #maintitle |
81 | text-align : center; | 80 | text-align : center; |
82 | - background : black; | 81 | + background-color : black; |
83 | color : white; | 82 | color : white; |
84 | - padding: 80px 16px; | 83 | + height : 55%; |
84 | + padding: 8px 16px; | ||
85 | margin-left : 15%; | 85 | margin-left : 15%; |
86 | 86 | ||
87 | #mynav | 87 | #mynav | ... | ... |
... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
26 | 26 | ||
27 | 27 | ||
28 | <div id ="show">clickmenu</div> | 28 | <div id ="show">clickmenu</div> |
29 | - <div id ="maintitle">맛집견문록</div> | 29 | + <div id ="maintitle"><image src ='/images/title.png' /></div> |
30 | 30 | ||
31 | <div id ="mynav"> | 31 | <div id ="mynav"> |
32 | <ul class="sidenav"> | 32 | <ul class="sidenav"> | ... | ... |
-
Please register or login to post a comment