수다닷컴

왕초보라고 소스올리면 지겨워하실것 같아서 많이 망설였어요.
그래도 책보고 혼자 할라니 모르겠는 이마음,,,정말 답답합니다.

아래에 소스올릴께요.
이눔의 가로정렬메뉴조차 쉽게 안되네요.

구조상 아무래도 이상한 부분이 있을겁니다.
그것도 지적해주시면 정말 감사하지요.
불필요하게 들어가있는 부분들도 당근 있을테고,,,,구조도 이상할 수도,,,ㅠㅠ

난잡한 부분이 있겠지만 어찌어찌 화면모습은 맞춰야 할텐데,
아래 소스가 익스7에서는 박스안의 패딩모양이 정상적으로 보이고,
ff에서는 어째 아래로 축져져보이는데,,,
아직 저로서는 통 모르겠어요.

위의 메뉴스타일이 돗트라인아래에서 또 반복되는 스타일이 되어야 하는데,
ff때문에 패딩값을 좌우와 다르게 먹여놓았어요.

한번 봐줍쇼.

!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 xml:lang=en lang=en
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
titlepopup/title
style type=text/css media=screen

body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
padding:0;
margin:0;
}
body {
font-family: arial, verdana, sans-serif;
font-size: 12px;
color:#404040;
}
div {
margin: 0;
}

#thirdMenu {
border:5px solid #eee6d4;
width:780px;
padding: 10px 10px 10px 10px
}
#thirdMenu #menu{
margin: 0;
padding: 0 0 10px 0
}
#thirdMenu li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#thirdMenu a {
background: url(images/ic_triorg.gif) no-repeat 0 50%;
float: left;
text-decoration: none;
padding: 3px 10px 0px 10px;
color: #404040;
}

#thirdMenu a.active, #thirdMenu a:hover {
color: #a82721;
}
.dotline {
background: url(images/dotline_2x1y.gif) repeat-x 0 50%;
float: left;
margin: 5px 0px 5px 0px;
width:100%;
height:1px;
}
/style
/head
body
div id=thirdMenu
ul id=menu
lia href=#교양/a/li
lia href=#경영대학/a/li
/ul
div class=dotline/div
/div
/body
/html

신청하기