수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

게시판 th 사이의 bar와 양끝 모서리 처리...

Judicious

2023.04.01

제로보드 XE가 나와서설치해보고, 익히는 겸해서 스킨을 만들어 보고 있습니다.

하다가 고민이 좀 생겼는데, 평소에도 하던 고민이라 어떤 방법이 가장 좋을지 좀 여쭤보고 싶네요.요런 디자인으로 작업을 하려고 합니다.

XE에서 여러가지 색상을 한 스킨안에 넣고, 설정에서 선택할 수 있는 옵션을 두어서 이왕에 만드는 김에 여러가지 색깔로 해보려 하구요.
그런작업을 좀 더 편하게 하기 위해서 png를 사용해서 코딩하려고 합니다.
상단 TH 부분의 번호, 제목, 글쓴이, 조회 등은 흰색글씨에 살짝 검은색 Other grow로 그림자를 주어 png로 저장할거고 bar도 마찬가지구요.그런데 제목에도 썼듯이 bar와 양쪽 모서리처리가 고민이 됩니다.

png는 background에서 투명처리가 안되기 때문에 셀안에 넣어야 할텐데..

tr
 th번호/thth분류/thth제목/th....
/tr
이런식으로 작업을 하고 싶은데....

tr
 th왼쪽뚜껑/thth번호/ththbar/thth분류/ththbar/th....th오른쪽뚜껑/th
/tr
이렇게 하고 싶진 않아서요.뭐 좋은 방법이 없다면 bar 부분만 gif로 해서 background로 깔 수도 있기는 합니다.
양쪽 끝 부분도 왼쪽이나 오른쪽 중 하나는 가로1픽셀짜리 셀을 만들어야 할거 같은데 안그러는방법이 없을까요?

심플한 테이블 구조로 보이는 코딩을 하고 싶은데 말이죠.
지금 생각으로는 배경처리를 위해서 게시판 전체를 div로 감싸고 색상배경이미지를 top으로 repeat-x 시킬 생각입니다.
그러면 각TH에서 background를 한번씩 더 쓸 수 있을거 같아서요.
멀티 백그라운드가 안되니...;;;
좋은 노하우 있으시면 한 수 지도 부탁드립니다.

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 옆집꼬마야

    수다님// 방법이 아주 없는건 아니군요. 감사합니다.
    아마티// ie6 완벽하게 호환이 안되나요? 제가 확인할 땐 스크립트 쓰면 늘 잘되던데...

  • 미영

    음.. 말씀하신대로 전체 게시판을 div로 한번 감싸서 거기에 색상배경을 repeat시키구요... table 자체에서 말씀하신 양 옆의 1px 디자인요소를 png로 쓰신 다음에, 각 th에 border관련 배경이미지를 넣는 게 좋을 것 같습니다.

    그런데.. 전 png가 싫어요. ㅠㅠ 아무리 해도 완벽하게 호환될 수 없는 IE 6....

번호 제 목 글쓴이 날짜
2696043 제이쿼리 .scroll() 관련 질문드립니다 이거이름임 2025-05-26
2695984 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) 들꿈 2025-05-25
2695934 tr 속성값 (9) 새 2025-05-25
2695905 ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) 슬아라 2025-05-24
2695878 form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) 핫파랑 2025-05-24
2695844 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) 한빛 2025-05-24
2695814 [질문] PDA에서 애플릿이 가능한가요? (1) 봄시내 2025-05-24
2695785 웹 설정 도와줄분 화이트캣 2025-05-23
2695730 갑자기 기억이 안나는데 accesskey 속성.. 빛나라 2025-05-23
2695702 [질문] Java 버전 차이에 의한 오류?!! (2) 검사 2025-05-23
2695672 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) 뽀그리 2025-05-22
2695647 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) 아빠몬 2025-05-22
2695586 IFRAME 캐싱 질문 봄나비 2025-05-22
2695498 [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; 터1프한렩 2025-05-21
2695468 자바랑 이클립스에서요.. 스킬 2025-05-21
2695375 Mysql 연동하는 자바 질문있습니다. 아리솔 2025-05-20
2695319 파워포인트 파일을 저장할 수 있을까요? 시윤 2025-05-19
2695289 [질문]Tween 값의 정도를 알고 싶습니다. 타마 2025-05-19
2695238 c 와 c++의 시작 (10) ChocoHoilc 2025-05-18
2695215 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ 널위해 2025-05-18
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com