수다닷컴

안녕하세요. 이번에 혼자서 웹페이지를 하나 만들려고하는데요 아래와 같은 ui를 만들려고하는데(ㅈㅅ 발로그렷네요;ㅁ;)
물런 크기는 실질적으로 다 같습니다....발로그려서 저렇게 된거구요...암튼
이런식으로 html소스를 짜려했는데 div와 ul li span 등을 다동원하는중인데 모양도 맘대로 안되고해서
어떤식으로 해야할지 조언을받고자 이렇게 글을올립니다.

간단하게 html소스 보여주시면 더 감사드리구요~ㅋㅋㅋ(ㅈㅅ 무리한부탁)
테그를 어떤식으로 짜야할지 조언좀부탁드려요!

지금 만든 소스 같이 올려요
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
title/title
style type=text/css
body
{
width:900px;
}
ul
{
/*position:relative; */
width:880px;
height:150px;
margin:20px 0 20px 0;
padding:0;
border:1px dotted red;
list-style:none;
}
li
{
float:left;
width:150px;
height:148px;
border:1px dotted #7F7F7F;

}
div
{
text-align:center;
}
.leftbtn
{
margin:0;
width:25px;
float:left;
}
.rightbtn
{
margin:0;
width:25px;
float:left;
clear:both;
}
.liform
{
width:800px;
height:150px;
text-align:center;
border:1px dotted green;
}
/style
/head
body
div1/div
div
p class=leftbtnbtn/p
ul
li1-1/li
li1-2/li
li1-3/li
li1-4/li
li1-5/li
/ul
p class=rightbtnbtn/p
/div
div2/div
div
ul
li2-1/li
li2-2/li
li2-3/li
li2-4/li
li2-5/li
/ul
/div
div3/div
div
ul
li3-1/li
li3-2/li
li3-3/li
li3-4/li
li3-5/li
/ul
/div
div4/div
div
ul
li4-1/li
li4-2/li
li4-3/li
li4-4/li
li4-5/li
/ul
/div
/body
/html

신청하기