Mozilla 한국 커뮤니티

css2.0 이제 걸음마를 하고 있는 초보코더입니다.

html코드도 제대로 모르던 제가

예제로..와 방탄웹 책을 보고 한겨레신문사이트 메인 및 개발중인 사이트 게시판

을 테스트겸 짜보았는데요

질문은..

게시판 하단 중앙에 페이징 처리가 되는 부분과 하단 우측에 등록버튼이 들어가

면 어떻게 한줄에 표현하시는지요.

좌측,우측이라면 span태그를 사용해서 표현했지만.. (전체 2단 3단 레이아웃을 잡아서 그 한줄을 표현했다가... 이곳에 들러서 span태그의 유용함을 알았습니다..)

한줄에 가운데 정렬을 하고 우측에 등록버튼이 들어간다면.... 음...

텍스트로 표현하자면 다음과 같습니다.

---------------------------------------------------------------------------
전체 : 건 검색
----------------------------------------------------------------------------

언급했던대로 span태그를 이용해 float:left; float:right로 간단히 처리 할
수 있었습니다.

하지만
----------------------------------------------------------------------------
<<1>> 등록
----------------------------------------------------------------------------

이 부분은 ul,li를 사용해서 center부분을 처리하고
float을 사용하면 가운데 정렬이 안되는 거 같구요..

지금 상태는 전체 2,3단 레이아웃을 잡는것처럼

좌 우측 사이드바,센터부분으로 나눠서 분리시켜놨거든요.

좋은 방법 있으신분 답변해주시면 감사하겠습니다.

^^;;

제가 질문을 제대로 이해한건지 잘 모르겠지만...
저는 대략 아래와 같이 하겠습니다.

Code: Select all

<style type="text/css">
#Page{positon:relative; width:400px; text-align:center;}
#Page .left{positon:absolute; left:0;}
#Page .right{positon:absolute; right:0;}
</style>

<div id="Page">
    <img class="left" src="왼쪽버튼"/>
    <a href="">1</a>
    <img class="right" src="우측버튼"/>
</div>

좌우 버튼은 absolute로 띄워서 양쪽 끝으로 보내버립니다.
페이지 숫자는 가운데 정렬을 합니다.

답변 감사드립니다!

정말 감사합니다 ^----^

Mozilla 한국 커뮤니티

질문 올립니다..............

질문 올립니다..............

제 스타일은

감사합니다!