li 가운데 정렬 하는것과 .. legend 테두리 안보이게 하려면 어떻게 해야할까요 ??
봄시내
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html lang=ko xml:lang=ko xmlns=http://www.w3.org/1999/xhtml
head
title new document /title
meta content=text/html; charset=utf-8 http-equiv=Content-Type
meta name=author content= /
meta name=keywords content= /
meta name=description content= /
/head
style type=text/css
body, div, ul, li, fieldset, select, button, textarea, legend{margin:0; padding:0;}
body{font-size:12px; color:#000; font-family:돋움,dotum;}
img{border:0;}
ol,ul { list-style: none }
img, input, button, select, textarea { vertical-align:middle}
#header{padding: 8px 0 0 0;position:relative; z-index:30;background: url(images/gnb_bg.gif) no-repeat 0 0;height: 135px;}
.global{height: 48px;}
.global img {vertical-align: top;}
.l_global{float:left; width: 735px;padding: 3px 0 0 0;}
.l_global li{float:left; font-size: 0px;}
.r_global{float:left; width: 139px; padding-top:2px}
.r_global ul{padding: 3px 0 0 0;float:left;width: 113px;}
.r_global li{float:left; font-size: 0px;}
.r_global fieldset{float:left;width: 134px;padding: 0 0 0 4px;}
.r_global fieldset select{border: 1px solid #7f9db9;height: 17px;width: 87px; font-size: 12px; margin-right: 4px;}
.r_global fieldset input {}
.logo {position: absolute; left:0;top:46px;}
.language { float:left; }
.language .site_select { margin-right:2px}
legend { position:absolute; width:1px; height:1px; font-size:0; overflow:hidden; visibility:hidden; }
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}
/style
body
div id=header
div class=global
ul class=l_global
lia href=#img src=images/lnb_1.jpg alt=홈 //a/li
lia href=#img src=images/lnb_2.jpg alt=로그인 //a/li
lia href=#img src=images/lnb_3.jpg alt=회원가입 //a/li
lia href=#img src=images/lnb_4.jpg alt=사이트맵 //a/li
/ul
ul class=r_global
lia href=#img src=images/lnb_5.gif alt=글자크기 //a/li
lia href=#img src=images/lnb_6.gif alt=확대 //a/li
lia href=#img src=images/lnb_7.gif alt=확대율 //a/li
lia href=#img src=images/lnb_8.gif alt=축소 //a/li
/ul
div class=language
form id=goLanguageSiteFrm onsubmit=return goLanguageSite(this); method=post action=
fieldset
legend언어별 홈페이지 이동/legend
select name=languageSiteUrl id=selectSite class=site_select
option value=# selected=selectedlanguage/option
option value=#ENGLISH/option
option value=#日本語/option
option value=#中文/option
option value=#Россия/option
/select
input type=image src=images/lnb_10.jpg alt=이동(새창열림) /
/fieldset
/form
/div
/div
/div/body
/html
여기까지 ... 이곳 저곳에서 배껴가면서 해봤는데 가운데 정렬하는것과 테두리 없애는게 어떻게 않되네여 ㅠㅠ
어떻게 해야지 될련지 고수님들 부탁좀 드립니다 _(__)_ 지식이 아직 ... 전무하다보니 ; ㅁ;
-
한지잠
이해하지 않으신채 저렇게 이곳 저곳 가져와서 하게 되면 나중에 유지보수 할 때 우짜실라고.. ㅠㅠ
-
나봄
플로팅시키면 블록처리대서 정렬은 안먹죠~
적당히 간격을 주던가 인라인or인라인블록 처리해야 미들정렬댈듯해영 -
갤2
.global에 높이값을 주신것으로 보아 고정된 높이를 지니고 있는듯 하군요. 수직으로 가운데 정렬의 방법은 인라인요소만 vertical-align이 먹힙니다. 블록요소는 상단 패딩값 등으로 직접 중앙으로 맞춰주시면 됩니다. .l_global에 상단 패딩값을 적절하게 주시면 될듯 하네요.
-
개구리
감사 합니다 ^^ filedset{border:0}주니까 테이블이 사라졌네여 ^^;;
그런데 ul li img 를 미들로 줬는데 ... 이부분에서는 아직 위치가 그대로더라고여
혹시나해서 저 윗부분에img, input, button, select, textarea { vertical-align:middle} 이렇게 넣은곳에
삭제 해서 집어넣기도 해보고 / 저부분에 같이 ul / li 도 집어넣어봤는데 가운데 정렬은 않됬네여 ㅠㅠ
제가 잘못한건지 -
유키
fieldset{border:0} 으로 하세요~
그리고 ul li img{vertical-align:middle} 줘보세요~~