수다닷컴

테이블로만 해야하는 상황인지라;;;;테이블로 가르쳐 주시면 고맙겠습니다 ㅜ ㅠ
롤오버하면 색이 변하는 버튼들을 만들려고 하는데요...
아래와 같이 되어버려요 ㅜ ㅠ

밑에 border-bottom과 버튼사이에 작은 여백이 있잖아요 ㅡ ㅜ

이것만 없애면 좋을텐데 ㅡ ㅜ

제발 도와주세요요요용요요 ㅡ ㅜ 흑흑흑흑흑 3시간째 헤매이고 있어여 ㅡ ㅜ
!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
meta http-equiv=Content-Type content=text/html; charset=euc-kr /
titletaps/title
style type=text/css
body {
margin:0;
padding:0;
}
img {
border: none;
}
a { selector-dummy : expression(this.hideFocus=true);}
/*- Menu Tabs --------------------------- */
#wrap{
width:700px;
margin:0;
padding:0;
}
/*---탭메뉴4개짜리_start---*/
#tabs1 {
float:left;
width:700px;
height:29px;
margin:0;
padding:0;
border-bottom:2px solid #6C9BD3;
line-height:normal;
font-size:11px;
font-family: 굴림, 굴림체;
float:left;
}
#tabs1 a {
width:4px;
padding:0 0px 0 4px;
float:left;
background:url(images/tableft2.gif) no-repeat left top;
text-decoration:none;
cursor:pointer;
}
#tabs1 a span {
padding:0 4px 0 4px;
width:155px;
text-align:center;
height:25px;
float:left;
line-height:29px;
display:block;
background:url(images/tabright2.gif) no-repeat right top;
color:#00226E;
}
#tabs1 a span {
float:left;
font-weight:bold;
font-size:12px;
font-family: 윤고딕, 새굴림, 굴림
}

#tabs1 a:hover span {
color:#fff;
}
#tabs1 a:hover {
background-position:0% -42px;
}
#tabs1 a:hover span {
background-position:100% -42px;
}
/*---탭메뉴4개짜리_end---*/
/style
/head
body
table id=wrap
!--탭메뉴1_start--
table id=tabs1
tr
tda href=# title=입금확인중span입금확인중/span/a/td
tda href=# title=구매완료span구매완료/span/a/td
tda href=# title=반품내역span반품내역/span/a/td
tda href=# title=취소내역span취소내역/span/a/td
/tr
/table
!--탭메뉴1_end--

/table
/body
/html

신청하기