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

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

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

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)
번호제목등록자등록일
27882

임경진

04-19
27358

김홍

03-22
27252

엄덕용

03-15
27132

유태규

03-07
26570

엄덕용

01-28
26287

김홍

01-18
26125

엄덕용

01-11
25511

홍영선

12-07
24974

6영경

11-04
24582

이태호

10-15
24538

이태호

10-14
24467

이태호

10-09
24131

진은성

09-22
23814

류숙현

09-07
23613

김용의

08-26