css를... > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

css를... 정보

css를...

본문

.base-tabs li {

    position:relative;
    top:1px;
    font-size:13px;
    color:#505659;
    padding:6px 12px 5px;
    margin:0 0 0 0px;
    font-weight:bold;
    display:inline-block;
  /*  background:#F5F6F7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F9FA), to(#F5F6F7));
    background-image: -webkit-linear-gradient(top, #F7F9FA, #F5F6F7);
    background-image:    -moz-linear-gradient(top, #F7F9FA, #F5F6F7);
    background-image:    -ms-linear-gradient(top, #F7F9FA, #F5F6F7);
    background-image:      -o-linear-gradient(top, #F7F9FA, #F5F6F7);
    background-image:        linear-gradient(top, #F7F9FA, #F5F6F7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F9FA', EndColorStr='#F5F6F7');*/
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border:0px #DADDE0 solid;
    border-bottom:0;
    -webkit-box-shadow: inset 0 0px 0 #FAFBFC;
    -moz-box-shadow: inset 0 0px 0 #FAFBFC;
    box-shadow: inset 0 0px 0 #FAFBFC;
    border-bottom:1px #DADDE0 solid;
  }

이렇게 css로 불러오는데요,.


메뉴바가있다면
 지금은 이렇게 표시되는데요
------------------------------------------------------------------------------------
 전체게시판    무슨게시판1  무슨게시판2 무슨게시판4
-------------------------------------------------------------------------------------


------------------------------------------------------------------------------------
  전체게시판                  무슨게시판1                무슨게시판2              무슨게시판4
-------------------------------------------------------------------------------------

이렇게 나눠 질려면 어떻하나요...
골고루 퍼지게..
해당 탭마다 il 로적용했습니다~
  • 복사

댓글 전체

<li class="mp1"> 태그에 스타일을 주셔서 클래스네임 정해주시고
.mp1{padding-left:"25px;"}
이렇게 각 li 마다 적용 하면 되지 않을까요??
아니면 메뉴를 이미지로 하셨다면 그 중간에 빈 공간도 잘라서 올리는것도 하나의 방법이고요...
방법은 여러개가 있는것 같은데...
저는 이렇게도 저렇게도 많이 시도해보고 되면 진행하는 스타일이라서..ㅋㅋ
여튼 꼭 성공하세요!!ㅋ
© SIRSOFT
현재 페이지 제일 처음으로