한..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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 3923 | |
| 3917 | |
| 3915 |
디자이너
배워서 밥벌이로..
1
|
| 3911 | |
| 3905 |
디자이너
그누 사용한지 얼마 안되서
6
|
| 3904 |
디자이너
멋지네요~
|
| 3899 |
디자이너
폰트 질문 드립니다.
4
|
| 3892 |
디자이너
새로운 SIR 홈페이지
6
|
| 3890 |
디자이너
팝업
1
|
| 3881 | |
| 3879 |
디자이너
디지타이저 펜이 터치로 먹히네요
1
|
| 3873 |
디자이너
플래쉬 아웃
5
|
| 3870 |
디자이너
모바일 홈페이지 제작시
2
|
| 3854 |
디자이너
커뮤니티중심 쇼핑몰 만들건데
15
|
| 3852 |
디자이너
폰트 질문입니다~
1
|
| 3844 | |
| 3840 |
디자이너
스르르륵 효과
3
|
| 3836 |
디자이너
질문드립니다~!!
3
|
| 3835 |
디자이너
디자이너 알바 하실분~
|
| 3834 | |
| 3832 | |
| 3826 | |
| 3825 | |
| 3820 | |
| 3819 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기