table 7

div 에 Ajax 로 태그들을 넣을때, 넣어지는 쪽에 div 나 span 이 1 레벨로 들어 있으면 IE 에서 알수 없는 런타임 오류

a.jsp 가 아래와 같이 구성되어 있다 하자. ... 이곳에 Ajax 를 통해 b.jsp 를 idA 의 innerHTML 로 넣을때 b.jsp 에 아래와 같은 코드가 있으면 IE 에서 런타임 오류 발생. ... ... 그런데 오류가 났던 동일한 div 나 span 태그를 table 태그로 감싸주면 오류가 나지 않는다 ... ... 왜 그런걸까..? table 대신에 다른 div 나 span 을 사용해도 마찬가지로 에러.. ul/ol 과 li 조합으로 해도 에러.. dl 과 dt, dd 로 해도 에러.. 다른 웹브라우저에서도 에러가 날까..?

누가 말도 안 되는 말을, 파이어폭스에서는 form 태그를 table 밖에 두어야 한다는..?

위키피디아를 논할때 어떤 분이 "쓰레기" 라는 표현을 했던데.. 역시나 인터넷에는 엉뚱한 내용들도 많이 돌아다닌다는 것은 이상할 것이 없는 듯.. 도대체, 파이어폭스에서는 form 태그를 table 안에 두면 작동하지 않는다는 분이 계신데.. 뭘 근거로 그렇게 글을 포스팅 했는지 알 수가 없다. 해당 포스트를 근거로 아래와 같이 재구성해 보았다. 자세한 내용은 공개를 하지 않았기 때문에 나머지 부분은 임의로 구성했다. 테이블 헤더 결과는 아래와 같다. 혹시나 해서 clickme 로 지정한 input type 을 submit 에서 button 으로 하고 onClick 을 붙여도 잘 된다. 제로보드에서 해 봤더니 안 되더란 분도 있던데, 그러면 제로보드의 관련 코드가 잘못된 것은 아닌지 뜯어 보아야 하는거 ..

의도하지 않는 빈 줄이 생기지 않도록 form 태그와 table, iframe 태그들을 배열하는 순서

아래와 같이 해야 빈 공간이 생기지 않는다. 물론 다른 방법도 있겠지만.. iframe 태그를 form 태그 안에 두면 빈 줄이 생기므로, iframe 은 form 태그 밖에 위치한다. form 태그를 table 태그 밖에 두면 빈 줄이 생기므로, table 과 tr 사이에 위치한다. ... ... 아, 위와 같이 하는 것은.. 물론 table 태그를 사용하였을 때다. iframe 은 Ajax 를 사용하지 않고 iframe 내에서 처리 프로세스를 태우기 위해서다. 간혹 Ajax 를 사용하면 오류가 나거나 구현하기 어려울 때, iframe 을 사용해서 내부 처리를 할때 요긴하다.

하나의 웹페이지 안에서 특정 위치로 포커스 이동, focus() 와 location.hash

웹페이지 UI 를 만들다 보면, 프로세스 상 어딘가가 화면에 꼭 보여야 하는 수가 있지요. 이런건 focus 내장함수를 사용하면 됩니다. input 태그가 있는 경우 해당 태그에 focus() 함수를 사용하여 이동이 가능합니다. input 태그의 type 옵션에 text, radio, checkbox 등이 들어 있어도 공히 적용이 됩니다. textarea 태그에도 focus 가 먹힙니다. 그런데.. input 태그나 textarea 태그에 disabled 옵션이 걸려 있다면 대략 낭패. 스크립트가 작동을 하지 않습니다. readonly 옵션은 영향력이 없습니다만.. 업무상 disabled 옵션이 필요하다면 focus() 함수를 통한 위치이동은 불가합니다. input, textarea 태그가 없는 곳으로 ..

CSS 를 이용한 수직 가운데 정렬, table 태그냐 div 태그냐..?

아래 코드를 사용하면 3개의 input 태그는 수직으로 가운데 정렬이 되는데, 나머지 img 태그는 위쪽으로 붙어 버린다. img 태그에 padding 이나 margin 스타일을 먹여도 요지부동. - 역시 구관이 명관이라고, table 태그로 전환하면 해결이 되는데.. 만약 td 태그 안에 여러 내용이 혼합되어 사용된다면 td 태그에 속성을 더 설정해 주어야 한다. - 아래와 같이 vAlign 속성을 middle 로 주거나, align 속성에 middle 을 주면 해결. vAlign 에 middle 을 주거나 align 에 center 를 주는 것은 봤지만, align 에 middle 을 준다꼬..? 한번 해 보시라. 그런데, 코드가 복잡해 졌다.. 이거는 조금 곤란해 졌네.. 크윽. - 다시 div 형..

CSS 말줄임표(...) div 와 table 에 적용하기

*. DIV 나 SPAN → DIV 의 style 속성에 text-overflow:ellipsis; overflow:hidden 두가지를 병행하여 사용. → DIV 의 style 속성에 white-space:nowrap 를 사용하거나 div 태그 안에 태그를 사용. → span 태그 안에서는.. IE 에선 div 랑 같은데, Chrome 에선 말줄임 기능이 먹지 않네요.. 텍스트가 넘치는 상황에서 ellipsis 생략 처리, 넘친 부분은 hidden 안보임 처리. nobr 은 처음 보나요..? 태그는 많이 봤죠..? 이 행을 바꾸라는 것이라면 은 행을 바꾸지 말라는 것. 파워포인트에서 '도형 안에 글자넣기' 옵션이 켜지면 폭을 넘어서는 글내용이 들어갈때 자동으로 개행되져..? 이걸 하지 못하도록 한 것...

예쁜 HTML 태그, 테이블/제목

이곳에서는 CSS 와 Table 태그를 활용하여 예쁜(?, 디자이너가 보면 엉성하겠죠.. ^^>) 코딩을 모아 보려고 합니다. 이제 시작이니까.. 짬짬이 모아 보려구요. #3. CSS 스타일 filter glow 와 color 를 사용하여 예쁜 글씨 만들기 예쁜 글씨 #2. 이런 것은 어때요..? 재밍님의 예쁜 타이틀. 해당 내용을 보시려면 여기를 클릭하세요. #1 간단한 테이블, (더 간단하게 구현하는 분들도 계시더군요.) 회원선택 신청구분 신청일자 선물 받는분 성명 휴대폰 동계하늘회원1 본인신청 2009-01-13 - -