float:right 했을때 차례가 바뀌는문제해결방법좀 알려주세요~
아잉
위이미지는 코딩후 이미지입니당.
원래라면..
요렇게 나와야 하거든요~
css
#top .tab_menu{overflow:hidden;width:945px;background:url(../img/bg_tab.gif) repeat-x 0 100%; margin-top:-15px;}
#top .tab_menu li{_display:inline;float:right;margin-right:3px; background:url(../img/tabbg_off.gif) no-repeat; width:128px; height:31px; text-align:left; text-align:left;}
#top .tab_menu li img{padding:9px 0 0 19px;}
#top .tab_menu li.selec{background:url(../img/tabbg_ov.gif) no-repeat; width:128px; height:31px;}
float:right때문일텐데..
좌우 순서가 차례로 나오게하는 요소가 있다고 예전에 들었었는데 생각나지 않아요~ ㅠㅠ
text-align:right 해도 안되네용..
알려주세요오~^0^
-
PinkPearl
가로선을 꼭 넣으셔야 한다면 ul에 width값을 주시고 text-align:right를 넣어주시고,
li에는 float:left 대신 display:inline으로 처리하셔도 될 것 같습니다...;; -
뭘봐요
감사합니당.. 가로선때문에 width값을 줬는데..#top에다 width값을 주고 알려주신데로 하니깐 잘되네요~!
-
SchokoHolic
tab_menu에 width값을 빼시구 float:right를,
tab_menu li를 float:left 시켜주세요.ㅎㅎㅎ -
가온길
.tab_menu를 float:right 시키면 되지 않나요?
.tab_menu li는 float:left 시키구요