테스트 사이트 - 개발 중인 베타 버전입니다

a, b를 나누어 주세요. 채택완료

사랑둥이 6년 전 조회 2,731

a

b

서로 다른데...a의 정렬을 센터로 하면 b도 같이 센터로 정렬됩니다. b는 정렬이 왼쪽이여야 합니다.

어떻게 해야 이 둘의 끊을 수 있을까요?  

댓글을 작성하려면 로그인이 필요합니다.

답변 6개

채택된 답변
+20 포인트
플래토
6년 전

/theme/onepage/css/layout.css 138라인

 

.group_area_wrap h2:before {
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(calc(-50% - 4px));
    width: 1px;
    height: 45px;
    content: '';
    /* background: #ff4200; */ <-- 이게 배경에 세로줄을 만드네요
}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

사랑둥이
6년 전
예. 다른 것에도 세로줄 만들어서 삭제 하면 안돼요.
플래토
6년 전
클래스를 동일하게 복사해서
세로줄을 삭제한것을 적용하시면 되겠네요

댓글을 작성하려면 로그인이 필요합니다.

불필요한 부분 삭제하고 삭제한 부분 이미지로 처리했어요. 감사합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

.tl_business_wrap h2:before{display:block;position:absolute;top:0px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(calc(-50% - 4px));width:1px;height:45px;content:'';background:#ff4200}

 

신비님이 삭제하라 한 부분입니다. 세로로 줄이 그어져 있던 것이 사라졌지만 위 아래 부분의 세로줄도

사라져 버리고 말았습니다. 위 아래는 그 줄이 있어야 합니다.

 

http://godstory.kr

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
6년 전
아래 좌표 참고해 보세요.
https://codepen.io/sinbi/pen/QXVoNw

별도로 스타일 정의 후, 해당 요소에 클래스를 주시면 되세요.

댓글을 작성하려면 로그인이 필요합니다.

6년 전

<div>

   <div style="display:block; float:none; clear:both; width:100%; text-align:center;">A</div>

   <div style="display:block; float:none; clear:both; width:100%; text-align:left;">B</div>

</div>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
6년 전

코드를 적고 문의해 주세요. ㅡㅡ;

 

ps.

둘의 관계를 끊으려면, 선택자를 활용하셔야..

https://homzzang.com/b/css?sca=selector">https://homzzang.com/b/css?sca=selector

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

플래토
6년 전

무엇에 대한 질문인지 매우 모호하네요

 

질문이 별나라급입니다.

 

느낌상 css 질문인거 같은데

최소한 

구성된 태그코드 (html / css) 정도라도 올려야

답변할분들이 판단해서 답글이 달릴겁니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인