분류 | 게시판 |
베스트 |
|
유머 |
|
이야기 |
|
이슈 |
|
생활 |
|
취미 |
|
학술 |
|
방송연예 |
|
방송프로그램 |
|
디지털 |
|
스포츠 |
|
야구팀 |
|
게임1 |
|
게임2 |
|
기타 |
|
운영 |
|
임시게시판 |
|
지금 홈페이지를 짜고있는데 이미지대로 짜고 싶습니다 그래서 일딴 인터넷 보면서 이것저것 복붙하면서 짜고 있는대
이상태 입니다 근대 제가 올린 이미지처럼 할려면 대체 어떻게 해야될지..
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Div 레이아웃 템플릿</title>
<style type="text/css">
.border2 { border: medium ridge blue; width:80px; width:1000px; }
#layout { width:1000px; margin:0 auto; }
#header { height:80px; width:1000px; }
#leftside { background-color:#FFBB00; float:left; width:250px; height:600px; }
#content { background-color:#8BBDFF; float:left; width:750px; height:600px;}
</style>
</head>
<body>
<div id="layout"></div>
<div id="header">
<hr />
<h1 class="border2">기타에 대해서 알아보자 </h1>
</div>
<div id="leftside">
<ul>
<li><a href="#">기타란 무엇인가?</a></li>
<li><a href="#">기타 배우기</a></li>
<ul>
<li><a href="#">기타의 종류</a></li>
<li><a href="#">기타를 치는법</a></li>
</ul>
<li><a href="#">유명한 기타리스트</a></li>
<ul>
<li><a href="#">데파페페</a></li>
<li><a href="#">코?</a></li>
</ul>
<li><a href="#">마치며</a></li>
</ul>
</div>
<div id="content"></div>
</body>
</html>
죄송합니다. 댓글 작성은 회원만 가능합니다.