본문 바로가기

CSS

(2)
[티스토리] 지도와 텍스트 겹침 문제 해결 방법 문제 설명블로그 글을 작성하면서 처음으로 지도 삽입 기능을 사용했습니다.편집 화면에서 별다른 문제가 없었는데, 글을 발행하고 나니 지도와 텍스트가 겹쳐서 나오는 문제가 있었습니다.해당 문제는 간단한 CSS 수정을 통해 해결이 가능합니다.  스킨 편집으로 문제 해결우선, 티스토리 관리자 페이지로 이동한 후, 꾸미기 메뉴 하위에 있는 스킨 편집을 클릭합니다.스킨 편집 화면으로 이동하면, 오른쪽 상단에 html 편집 버튼을 클릭해 HTML 편집 화면으로 이동합니다.   상단에서 CSS 탭을 선택한 후, Ctrl + F를 눌러 텍스트 검색창을 엽니다. 그 다음, iframe을 검색합니다.그러면 .frame_wrap 선택자가 나타나는데, 이곳에 display: inline; 을 추가해줍니다.미리보기에서 문제가..
간단하게 만드는 아코디언 메뉴 - HTML 전용 태그 활용 아코디언 메뉴란?아코디언 메뉴는 사용자가 항목을 클릭할 때마다 내용을 펼치거나 접는 UI를 의미합니다.일반적으로 '아코디언 메뉴' 또는 '아코디언 패널'이라고 부릅니다. 주로 공간을 절약하거나 정보 계층 구조를 관리하는 데 사용합니다.   아코디언 전용 태그혹시 HTML 기본 태그에 아코디언 전용 태그가 있다는 사실 알고 계셨나요?HTML5에서  태그는 아코디언 기능을 지원합니다. 기본 HTML 구조입니다. Details Something small enough to escape casual notice. OUTPUT DetailsSomething small enough to escape casual notice."> HTML 삽입미리보기할 수 없는 소스  태그만 사용해도 바로 아코디언 메뉴를 구현할..