코딩방법이요~
헤벌심
그림1
그림1을 보면 1번 2번 버튼인데
위에 코딩이 이런식으로 되야하는데
1번2번 버튼이 왼쪽에 붙어있습니다.
오른쪽으로 갈려면 어떻게해야하죠?
위에 class 이름은 .viewBtn 입니다. 잘못된점 알려주세요~
코딩
style
body{padding:0px; margin:0px;}
#wrap{position:relative;background:url(./img/lifenews/pagelife_bg.jpg);}
#header{position:relative;width:auto; height:61px; background:url(./img/lifenews/top_bg.gif);}
.viewBtn{position:absolute;width:33px;height:33px;margin-top:8px;}
#main{padding:20px;}
#left_menu{position:relative;width:180px;height:131px;background:url(./img/lifenews/menu_bg.png);}
#leftlistMenu{position:absolute;top:35px;left:10px;}
.leftMenu{font-family:돋움; font-size:12px;line-height:20px;color:#ad66b1;font-weight:bold;cursor:pointer;list-style:none;}
.leftMenu:hover{color:#fff}
ul{padding:5px;margin:5px;}
#content{width:auto;margin-left:190px}
#container{position:relative;width:950px;background:#fff;margin:0px auto;text-align:center;}
#leftBtn{position:absolute;top:500px;left:-60px;}
#rightBtn{position:absolute;top:500px;right:-60px;}
#footer{position:relative;width:100%;height:40px;background:#ad67b0;border-top:2px solid #d379d7;color:#ffffff;text-align:center;font-family:tahoma;font-size:12px;line-height:40px;}
/style
script
/script
/head
body
div id=wrap
div id=header
img src=./img/lifenews/top_title.png/
img src=./img/lifenews/btnList_over.gif id=listView class=viewBtn title=전체리스트보기 /
img src=./img/lifenews/btnpage.gif id=pageView class=viewBtn title=페이지형식으로보기 /
div style=clear:both/div
/div
div id=main
div id=left_menu
div id=leftlistMenu
img class=menuTitle src=./img/lifenews/honam_tit.gif title=호남권/
ul id=townpagelife
li class=leftMenu id=townpagelife1 title=제1호└ 제1호/li
li class=leftMenu id=townpagelife2 title=제2호└ 제2호/li
/ul
/div
/div
div id=content
div id=container
img id=viewImage src=./img/townpagelife1_1.jpg /
img src=./img/lifenews/leftBtn.png id=leftBtn title=이전페이지 /
img src=./img/lifenews/rightBtn.png id=rightBtn title=다음페이지 /
/div
-
영빈이
저라면...
.viewBtn {position:absolute; width:33px; height:33px; top:8px;}
#listView {right:0;}
#pageView {right:43px;}
:first-child는 하위브라우저를 호환하지 못할 수도 있으니,
그리고 id, class 명은 소문자로 할 거 같네요. -
가지
제가하니.. 안되는데요 ㅠㅠ
-
알프레드
.viewBtn{width:33px;height:33px;margin-top:8px;position:absolute;right:0;top:0;}
.viewBtn:first-child{right:38px;}
요런식?