또다른 삽질의 현장사진 > 자유게시판

자유게시판

또다른 삽질의 현장사진 정보

또다른 삽질의 현장사진

본문

라운드테이블소스 올라운것중 nifty머시기 하는게 있어서 만지작거렸읍니다.
100% css만 가지고 해봤는데 그림처럼 세로선의 굵기를 조절할수는 있어도
가로선 1픽셀로 만드는건 안되더군요.
 
 
그러한 과제를 남겨두고..
두 변수의 위치를 바꾸면 저 테이블 모양이 90도회전을해서 나타날까,
동시에 여러개를 나타낼수는 없을까,
기타등등 무궁무진.. 개조의 대왕, 변조의 마왕은   또다른 삽질을 계속한다네~~~
추천
0

댓글 3개

소스 좀 보여 주세여~! ㅎㅎㅎ
저도 그 라운드 테이블 좀 만들어 보게여~! ^^*

좋은건 같이 나눠여 ㅋㅋ
혹시? 알아여? 제가 가로선 1pix 만드는걸 도와 드릴지도 ㅋㅋ
가로선 1픽셀은 테이블 셀 가로 세로를 1픽셀로 만들어야 나오는 거 아닌가요?
padding으로 되려나 모르겠네요.
음..저 100% css라운드 테이블구현의 원리는
일반적인 테이블처럼 별도로 가로,세로,경계가 정해지는게 아닙니다.
안에 내용에따라서 가로세로가 늘어나고 그 주변으로 테이블효과가 나타나죠.

원 소스의 첫번째것을 가지고 이리저리 굴려본건데 주어진 소스의 코드로서는
테이블의 위치를 임의로 고정하기가 어렵습니다만 그부분은 개조를하면
가로,세로 화면의 어느위치라도 둘수있기는 하더군요.

다만 테이블 테두리를 1픽셀로 하는건 원천적으로 불가능한듯 합니다.
왜냐하면 저 소스의 원리는 사각형의 상단과 하단에 양끝이 반달모양같은 막대기를
그려서 나타내기 때문이죠.

유일하게 테스트안해본것은 css를 별도로 한개더 정의하는 방법인데
나중에 한번 해보겠읍니다.

저소스 그대로 라운드테이블안에 여러개의 라운드 테이블을 만들거나
여러개의 라운드테이블을 안에 가지고있는 라운드테이블을  여러개
만드는것도 되더군요. 다만 제한적인 부분이 있어서 자유롭지는 못합니다.

일단 여기까지...
전체 195,336 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여4 회 시작24.04.25 20:23 종료24.05.02 20:23
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT