비주얼탭 (가운데정렬, 페이지에 딱 맞추기)

페이지 내에 비주얼탭 사용중인데

비주얼탭의 탭버튼부분을 가운데정렬 할 수 있나요?

style에서 가운데정렬은 먹히지 않아 질문합니다.

그리고

비주얼탭의 너비를 줄일 수 있을까요?

비주얼 탭 내에 있는 내용의 가로사이즈에 맞춰 적당히 맞게요~

★ 관리자정보는 메일로 보내드립니다
· 관련키워드

관리자,가운데정렬,비주얼탭가운데정렬, ,[RE],첨부파일,important

공유하기
매뉴얼요청
첨부파일
확장자는2017-11-07 152017-11-07 15
분류
콘텐츠/항목
>기타
등록자

최호용

등록일
2017-11-07
버전

[RE] 비주얼탭 (가운데정렬, 페이지에 딱 맞추기)

비주얼탭은 li로 나열되어있어 구조상 아예 가운데정렬이 불가능합니다.
대신 왼쪽에서부터 padding으로 밀어내서 가운데로 보낼 수는 있습니다.

해당 페이지의 헤더&메타&JS에 
ul#AB_vtab_529_tabs li:first-child {padding-left: 5px;} 라는 내용을 추가하시고 5대신 원하는 숫자로 변경해보세요.


비주얼 탭의 너비를 줄이시려면 비주얼탭을 감싸는 DIV를 하나 씌우시고
DIV속성 입력란에 style="width:원하는숫자px" 를 입력하시기 바랍니다.
관련키워드

비주얼탭가운데정렬

등록자
비오에스
등록일
2017-11-07 17:01
조회
121

[RE] 비주얼탭 (가운데정렬, 페이지에 딱 맞추기)


답변감사합니다.
 

그런데 첫번째 내용대로 해봤는데 적용되지 않습니다.

첨부파일과 같이 해당 페이지의 헤더메타부분에 넣었는데

잘못넣은건가요 ?? 



=========== 원래글 ============
페이지 내에 비주얼탭 사용중인데

비주얼탭의 탭버튼부분을 가운데정렬 할 수 있나요?

style에서 가운데정렬은 먹히지 않아 질문합니다.

그리고

비주얼탭의 너비를 줄일 수 있을까요?

비주얼 탭 내에 있는 내용의 가로사이즈에 맞춰 적당히 맞게요~

★ 관리자정보는 메일로 보내드립니다

등록자

최호용

등록일
2017-11-07 17:30
조회
69

댓글 1

조현정
앞뒤에 <style> </style>로 태그를 감싸주시기 바랍니다.

<style>
ul#AB_vtab_529_tabs li:first-child {padding-left: 5px;}
</style>
2017-11-07 17:56

[RE] 비주얼탭 (가운데정렬, 페이지에 딱 맞추기)

스타일로 감싸도 바뀌지 않습니다 (첨부파일)


=========== 원래글 ============
페이지 내에 비주얼탭 사용중인데

비주얼탭의 탭버튼부분을 가운데정렬 할 수 있나요?

style에서 가운데정렬은 먹히지 않아 질문합니다.

그리고

비주얼탭의 너비를 줄일 수 있을까요?

비주얼 탭 내에 있는 내용의 가로사이즈에 맞춰 적당히 맞게요~

★ 관리자정보는 메일로 보내드립니다
등록자

최호용

등록일
2017-11-07 18:24
조회
107

[RE] 비주얼탭 (가운데정렬, 페이지에 딱 맞추기)

속성 맨 뒤에 강제로 지정되게하는 !important를 추가해주세요 (이미지 참고)

 

관련키워드

important

등록자
비오에스
등록일
2017-11-08 09:48
조회
70
사용자포럼(Q&A)
번호제목등록자등록일
39428

최호용

10-24
39139

김길홍

09-20
39084

정민영

09-14
38209

최호용

07-04
38092

최호용

06-19
37530

최지우

05-08
37216

최호용

04-10
36525

최호용

02-09
36290

박창용

01-23
35939

최호용

12-15
35716

정혜숙

11-27
35421

최호용

11-07
34881

최호용

10-11
34660

최호용

09-20
34652

정혜숙

09-19