한..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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 10654 | |
| 10650 | |
| 4205 | |
| 10645 | |
| 4199 | |
| 11247 | |
| 4190 | |
| 7036 | |
| 4179 | |
| 7033 | |
| 4169 | |
| 10644 | |
| 4148 | |
| 4137 | |
| 4132 | |
| 4121 | |
| 4114 | |
| 4109 | |
| 4108 | |
| 10640 | |
| 10636 | |
| 10631 | |
| 10622 | |
| 10618 | |
| 4105 | |
| 4103 | |
| 10617 | |
| 10613 | |
| 10610 | |
| 4091 | |
| 4090 | |
| 4082 | |
| 10608 | |
| 10607 | |
| 4073 | |
| 4069 | |
| 4067 | |
| 10606 | |
| 10605 | |
| 10603 | |
| 10601 | |
| 10600 | |
| 4063 | |
| 4057 | |
| 4054 | |
| 4051 | |
| 10597 | |
| 4045 | |
| 11243 | |
| 4043 | |
| 4037 | |
| 4032 | |
| 4026 | |
| 4023 | |
| 4020 | |
| 11242 | |
| 4018 | |
| 10590 | |
| 10585 | |
| 10578 | |
| 10570 | |
| 10566 | |
| 10562 | |
| 4008 | |
| 10560 | |
| 3995 | |
| 11241 | |
| 10556 | |
| 10555 | |
| 10553 | |
| 10552 | |
| 7030 | |
| 10549 | |
| 10542 | |
| 10540 | |
| 10539 | |
| 10536 | |
| 10534 | |
| 10531 | |
| 10529 | |
| 10490 | |
| 10456 | |
| 10427 | |
| 3980 | |
| 3967 | |
| 11239 | |
| 11238 | |
| 11236 | |
| 7028 | |
| 10426 | |
| 10425 | |
| 7027 | |
| 10419 | |
| 10415 | |
| 10413 | |
| 7025 | |
| 5995 | |
| 7024 | |
| 3964 | |
| 3951 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기