본문 바로가기

개발34

window.open() 자동 팝업창 띄우기 홈페이지가 열렸을 때 자동으로 팝업창이 띄워져 있는 경우를 자주 보셨을 텐데요. window.open() 이용한 팝업이 자동으로 메인에 뜰 수 있게 하는 방법을 알아보도록 하겠습니다. 1. window.open() window.open( )은 팝업창을 만들때 사용하는데요. window.open('팝업 주소', '팝업창 이름', '팝업창 설정') 적어서 사용하시면 됩니다. window.open("Popup.html", "popup", "width=400, height=500, history=no, resizable=no, status=no, scrollbars=yes, menubar=no") 2. 코드 window.open("팝업으로 열릴 문서 경로", "팝업 될 문서 이름", "팝업창 옵션 .. 2023. 5. 25.
Table colspan width 너비 변경 안됨 해결 방법 colspan에 속한 너비를 변경하고 싶을 때 변경되지 않는 경우가 있는데요. 이 경우는 table에 칸 너비를 고정시키기 위해 table-layout : fixed가 적용되어 있기 때문입니다. 이번 시간에는 table-layout : fixed가 적용되어 있는 경우 table 칸 너비를 colgroup으로 변경하는 방법을 알아보도록 하겠습니다. 1. Table colspan width 너비 변경이 안됨 table 칸 너비를 고정하기 위해서 table-layout : fixed를 사용하는데요. th, td 너비가 동일한 비율로 고정되면서 너비 변경이 안됩니다. 2. colgroup으로 table 너비 변경하기 [HTML] Header 1 Header 2 Header 3 colspan 사용 Cell01 C.. 2023. 4. 26.
select태그랑 input태그가 사이에 공간없이 붙는 이유 input 태그, select 태그를 사용하면 나란히 옆으로 정렬되면서 저절로 4px정도 공간이 생기는데 이상하게도 input 태그와 select 태그 사이의 공간이 사라지고 붙어버렸다. 무슨 이유인지 엄청 고민했는데 그 이유는 아주 간단했다. 1. 문제 화면 input 태그와 select 태그 사이의 4px 정도의 공간이 사라지고 붙어있는 것을 확인 할 수 있다. 2. 문제 이유 [HTML] 1 2 3 4 5 내가 select 태그 옆에 붙여서 input태그를 작성했기 때문이었는데 input태그를 selcet 밑으로 내리니 바로 4px의 사이 간격이 생겨 났다. 3. 해결 화면 [HTML] 1 2 3 4 5 [결과화면] 2022. 12. 14.
table-layout:fixed 테이블 셀 너비 변경하는 방법 테이블이 틀어진 경우 table-layout : fixed를 사용하여 테이블 너비를 고정해 틀어진 테이블을 바로 잡는다. 하지만 table-layout : fixed를 사용하면 셀 너비가 모두 동일하게 맞춰져 임의로 너비 조절이 안 되는 경우가 있는데 이때는 colgroup을 사용하여 셀 너비를 변경할 수 있다. table-layout : fixed에 대한 추가 설명을 아래 참조하면 된다. table-layout:fixed으로 테이블 너비 고정하기 1. table-layout 셀 안의 내용에 따라 셀 너비를 고정할지, 변하게 할지 정하는 속성이다. 2. table-layout 속성 [table-layout : auto] 셀 안의 내용에 따라 셀 너비가 변동된다.(기본값) [table-layout : fi.. 2022. 11. 25.

티스토리툴바