수다닷컴

페이지 상단부분 코딩하다 문제가 있어 문의드립니다.
디자인은 일단 위와같고,
버튼 이미지들이 자주 바뀔예정임을 염두해 둬야 한답니다.아래는 제가 작업해놓은 페이지.
당장 해결해야 할 문제는
welcome,이름! 부분 세로정렬이 안맞는다는것.

작업한거 올려놔볼께요.
저 세로정렬은 어찌 해결하면 되는것이고,
아울러 전체적으로 문제점 있다면 지적해 주셨음 좋겠습니다.
잘 좀 부탁드리겠습니다~ 아핫^^a

========================================================================================================

[html 부분]

html
head
meta http-equiv=Content-Type content=text/html; charset=euc-kr
title마스터헤드/title
link rel=stylesheet type=text/css href=masthead.css
/head
body
div id=masthead
div id=masthead_logoimg src=image/masthead_logo_test.gif alt= width=169 height=60/div
div id=masthead_topnavi
div id=masthead_userspan class=welcomeWelcome, /spanspan class=nameEunjoo Jeon!/span/div
div id=masthead_menu
div id=masthead_helpa href=#img src=image/masthead_topnavi_help.gif alt=HelpDesk border=0 align=absmiddle/a/div
div id=masthead_logoffa href=#img src=image/masthead_topnavi_logoff.gif alt=LogOff border=0 align=absmiddle/a/div
div id=masthead_guiimg src=image/masthead_topnavi_gui.gif alt=ECC WEB GUI border=0 align=absmiddle/div
div id=masthead_searchinput name= type=text class=keyworda href=#img src=image/masthead_search_go.gif alt=GO border=0 align=absmiddle/a/div
/div
/div
/div
/body
/html========================================================================================================

[css 부분]

body {
background-color: #FFFFFF;
background-image: url(');
background-repeat: no-repeat;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#masthead {
width:100%; height:60px; margin:0; padding:0 20 0 20;
}
#masthead_logo {
float:left; margin:0; padding:0;
}
#masthead_topnavi {
float:right; margin-top:24px;
}
#masthead_menu {
display:inline;
}
#masthead_user {
display:inline; margin-right:10px; text-align:right; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size:10px;
}
#masthead_help {
display:inline; width:82px;
}
#masthead_logoff {
display:inline; width:73px;
}
#masthead_gui {
display:inline; width:106px;
}
#masthead_search {
display:inline; margin:0; padding:0;
}

.welcome{
display:inline; color:#666666; vertical-align:center;
}
.name{
display:inline; color:#000000;
}
.keyword{
width:140px; height:20px; border:1 groove #D1CDC4; margin-right:6px;
}

신청하기