한..5년 안했더니..
그냥...바보됬네요..ㅠㅠ
으흑..
혹시 레이아웃 만드는 가이드 없을까요?
아래 그림처럼 정말 심플하게 만들고 싶은데...
문학 동호회 게시판이라 ㅠㅠ
댓글 3개
css 공부하셔야 하구요, 예제하나 참고하시라고 짜봤습니다.
<!doctype html>
<html>
<head>
<title>음... 디자인 만들려면 어떻게 해야 하나요?</title>
<style type="text/css">
body {margin:0; padding:0;}
#wrapper { margin:auto; width:980px;}
#content {float:left; margin:0 auto; width: 980px;}
#topmenu {
width:980px; height:100px; background-color:lime;
margin:0 auto;}
#left{
width:450px; height:600px; border:solid 1px;
padding:10px; margin:0px 10px 0px 0px;
float:left;}
#right{
width:450px; height:600px; border:solid 1px;
padding:10px;
float:left;}
#footer{
width:980px; height:60px; background-color:gray;
padding:10px; margin-top:10px;
float:left; text-align:center;}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="topmenu">
<h1>homelogo</h1>
</div>
<div id="left">menu1 new</div>
<div id="right">menu2 new</div>
<div id="footer">copyright homepagelogo</div>
</div>
</div>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<title>음... 디자인 만들려면 어떻게 해야 하나요?</title>
<style type="text/css">
body {margin:0; padding:0;}
#wrapper { margin:auto; width:980px;}
#content {float:left; margin:0 auto; width: 980px;}
#topmenu {
width:980px; height:100px; background-color:lime;
margin:0 auto;}
#left{
width:450px; height:600px; border:solid 1px;
padding:10px; margin:0px 10px 0px 0px;
float:left;}
#right{
width:450px; height:600px; border:solid 1px;
padding:10px;
float:left;}
#footer{
width:980px; height:60px; background-color:gray;
padding:10px; margin-top:10px;
float:left; text-align:center;}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="topmenu">
<h1>homelogo</h1>
</div>
<div id="left">menu1 new</div>
<div id="right">menu2 new</div>
<div id="footer">copyright homepagelogo</div>
</div>
</div>
</div>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 7104 | |
| 7102 | |
| 5000 | |
| 4999 | |
| 4991 | |
| 4989 | |
| 4985 | |
| 7099 | |
| 11179 |
레이아웃
습작
1
|
| 4979 | |
| 4974 | |
| 11178 | |
| 4972 | |
| 7094 | |
| 4960 | |
| 11169 | |
| 11165 | |
| 11164 | |
| 11163 | |
| 11162 | |
| 4948 | |
| 6002 | |
| 7090 | |
| 4941 | |
| 7087 | |
| 7082 | |
| 7079 | |
| 7076 | |
| 11136 |
디자인
심플메인시안
4
|
| 11158 |
디자인
팝업디자인
3
|
| 11135 | |
| 4937 | |
| 4931 | |
| 4930 | |
| 4928 | |
| 4925 | |
| 4914 | |
| 7074 | |
| 7072 | |
| 4913 | |
| 4912 | |
| 4906 | |
| 4902 | |
| 4897 | |
| 4895 | |
| 4889 | |
| 4888 | |
| 4887 | |
| 4886 | |
| 4882 | |
| 4880 | |
| 4876 | |
| 4873 | |
| 4872 | |
| 4863 | |
| 4862 | |
| 4857 | |
| 4852 | |
| 5998 | |
| 11256 | |
| 4849 | |
| 4837 | |
| 4825 | |
| 4820 | |
| 4815 | |
| 4814 | |
| 4807 | |
| 4796 | |
| 7070 | |
| 7068 | |
| 4789 | |
| 4778 | |
| 4772 | |
| 4769 | |
| 4758 | |
| 4755 | |
| 4751 | |
| 4743 | |
| 7063 | |
| 7061 | |
| 4741 | |
| 4740 | |
| 4735 | |
| 4732 | |
| 4721 | |
| 4718 | |
| 7059 | |
| 4715 | |
| 4710 | |
| 4709 | |
| 4707 | |
| 4699 | |
| 11254 | |
| 4691 | |
| 4688 | |
| 11133 | |
| 11127 | |
| 4682 | |
| 7057 | |
| 4678 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기