HTML 관련 간단한 질문이 있습니다.
제가 간단한 웹 게시물을 좀 만들고 싶은데요.
┌─────────┐
│ 1 │
├─────────┤
│ │ │ │
│ 2.1 │ 2.2 │2.3 │
│ │ │ │
├─────────┤
│ 4 │
└─────────┘
음.. 그림이 뭉게져서 나오네요.. 사이에 쩜을 찍어 보겠습니다.
┌───────────┐
│............1...........│
├───────────┤
│.......│.......│......│
│.2.1.│.2.2.│2.3.│
│.......│.......│......│
├───────────┤
│........... 4...........│
└───────────┘
이런 형태를 구상하고 있습니다.
그런데
2.2에는 이미지가 있는데 이 이미지를 클릭하면 2.1에 설명이 뜨도록 구성하고 싶습니다.
이걸
frameset cols, frameset rows. noframes, frame src, name, target 등의 명령어를 활용하여 만들었고. 완전하게 의도한대로 작동 했습니다만, 그 사이즈가 절대로 모니터 사이즈를 벗어날 수가 없었습니다.
그러니까.. 저는 세로로 아주 기~~~일쭉한 페이지를 만들고 싶은데. 저렇게 하면 그 '화면이 넘치면 생기는 스크롤 바' 있지요? 그런 스크롤 바로 각각의 칸들이 채워 지면서 절대로 전체 크기가 모니터 화면을 넘질 못합니다. 제가 원하는것은 스크롤바로 훑으면서 페이지를 내려가면서 보는 페이지 인데 말입니다.
또다른 시도로. 저것과 동일한 형태를 table, tr, td width, height 등의 명령어를 활용하여 구성 하였습니다.
이 경우 완전히 원하는 형태로 구성 되었고, 페이지의 길이도 원하는 대로 조절되어 마우스 스크롤로 내려가면서 볼 수 있었지만, 절대로 제가 상기한 기능(2.2 내의 그림을 클릭하면 2.1에 설명이 뜨도록 하는 기능)을 구현할 수가 없었습니다.
table 안에는 frameset 기능을 넣을수가 없다고 하네요.
전 어떻게 해야 할까요..
..
table row를 여러개 만들고 (설명 혹은 그림마나 하나씩),
누르면 row를 숨기거나 보이도록 javascript로 되지 않을까요?
그냥 소설입니다.
A rose is a rose is a rose..