수다닷컴

백이미지로 버튼을 넣었습니다. 글자는 가운데 색상변하게..
float시키고 백이미지에 가로세로값 들어가니 블럭요소가 되버려서 텍스트가 가운데 정렬이 안되서요..
그래서 p태그 하나 다시 만들어서 html p 태그 넣어주고 inline-block; text-align:center, padding-top 주니 가운데로 저렇게 됐습니다.

css
.add_1 {background:url(../images/btn_add_search1.gif) no-repeat; width:90px; height:30px; vertical-align: middle; text-align:center; position: relative;}
.add_1 p {text-align:center; display:inline-block; padding-top:10px;}
.add_1 a:active, a:hover {text-decoration:none; color:#CC0000; text-align:center;}
.add_2 {background:url(../images/btn_add_search2.gif) no-repeat; width:89px; height:30px; text-align:center;}
.add_2 p {text-align:center; display:inline-block; padding-top:10px;}

html
ul class=btn_add
li class=add_1pa href=통합/a/p/li
li class=add_2pa href=제안검/a/p/li
li class=add_2pa href=지식검색중/a/p/li
/ul

원하는 답은 얻었는데 제가 쓴 소스가 맞는건지요.
계속 이렇게 써도 될까요??

신청하기