묻고답하기
<hr> 태그가 안먹힙니다.
2013.11.19 13:34
간단한건데 그냥 구획선 하나 그으려고 합니다.
<hr style="border:3px; color:#878787; width:100%;">
이렇게요.
그런데 드림위버에서는 반영이 되는데
xe에서 레이아웃 HTML 편집창에서 집어 넣으니 전혀 변화가 없습니다.
어디서 꼬인걸까요....
댓글 1
-
epxilone
2013.11.20 09:55
참 간단한건데되;;; 레이아웃 CSS에서 무시되었던 거였네요. !important; 문구로 강제 적용되었습니다! 감사합니다.
<hr style="border:3px; color:#878787; width:100%;">
<hr style="border:3px solid #878787;"/>
기본적으로 hr은 블럭요소로 별도로 가로값을 지정하지 않아도 100%로 됩니다. 굳이 필요 없는 부분이고..
border의 경우 border:3px solid #878787 이런식으로 하셔야 합니다.
근데.. 보아하니... 닫기 태그가 안되어서 안나오는 것 같기도 합니다~~
hr 태그 같은 경우 다음과 같이 꼭 닫아주셔야 합니다 <hr/>
만일 이처럼 했는데도 나오지 않는다면
layout에 별도로 hr태그에 스타일 지정이 되어 있는 지 확인하셔야 합니다.
보통 각 layout 폴더 안에 style.css.. 등으로 파일이 있을 겁니다.
hr을 검색해서 display:none이 되어 있거나 height: 0 으로 되어 있는지 확인하시기 바랍니다.
만약 위의 것을 깡그리 무시하고 하시려면
<hr style="border:3px solid #878787; height: 3px !important; display: block !important; width: 100% !important;"/>