일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- #이미지
- 쇼핑몰
- #쇼핑몰
- #업종별
- 사이트제작
- 홈페이지
- 홈페이지제작
- 해피CGI
- #cgimall
- #홈페이지
- 게시판
- happycgi
- #해피CGI
- 해피씨지아이
- #jQuery
- 솔루션
- #image
- #솔루션
- CGIMALL
- #뉴스
- CSS
- php
- 웹솔루션
- javascript
- #happycgi
- #CSS
- #웹솔루션
- #동영상
- #홈페이지제작
- jquery
- Today
- Total
목록웹프로그램밍 자료실/알짜자료 골드팁 (111)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
HTML상에서 테이블 태그는 그 특성상 보더값을 1로 하고 셀과 셀사이의 간격을 0으로 해도(cellspacing="0") 브라우져 자체가 테이블보더를 입체적으로 표현하려 하고, 보더값이 셀단위로 부여되기 때문에 정작 보더가 1픽셀이 넘을 뿐 아니라 매우 어색해 보이기까지 합니다. 일종의 버그아닌 버그가 되어버린거죠. 물론 해결책은 있습니다. #1.첫째로 테이블태그의 속성을 이용해서 만드는 방법입니다. 이 방법은 음영의 색깔을 다르게 줘서 테이블보더에 입체감을 주게끔하는 설정값을 그 반대로 줌으로서 가는선으로 보이게 하는 일종의 팁입니다. 하지만 더러는 문제가 생기는 경우가 있어서 추천하진 않겠습니다. #2.두번째는 스타일을 이용해서 만드는 방법입니다. 스타일 하고도 border-collapse 속성은 ..
사실 기본적으로 제공되는 형태의 HTML태그만으로 사이트를 개발한다는 얘기는 제약을 상당히 많이 감수해야 한다는 얘기이기도 합니다. 특히 테이블태그에서 경우에 따라 지정한 의 크기가 제멋대로 벗어나버리는 경우가 대표적이라 할 수 있겠습니다. 그렇다면 그 기본적인 제약에서 벗어날 수 있는 방법을 모색해 볼까요? 우선 제목에 열거한 녀석들의 기능을 알아보겠습니다. word-break:break-all - 하나의 문장을 띄어쓰기할 때 쓰인 공백 기준이 아닌 문자 하나하나를 단위로 끊어주는 역할을 하는 스타일속성입니다. 기본적으로 안에서 문장은 띄어쓰기의 공백을 기준으로 잘리기 때문에 100픽셀로 크기를 지정했다 해도 공백 없이 100픽셀을 넘어가는 단어가 들어올 경우 이를 무시하고 마구 늘어나게 됩니다. 이런..
우리가 처음 HTML을 배울때 기본적으로 접하게 되는 링크는 퍼런색 글씨에 밑줄이 좌악 그어져 있으며 그것도 모자라 누르고 난 링크는 튀튀한 보라색으로 죽은듯한 색상으로 변하게 됩니다.;;; 여기서도 역시 우리의 갈증을 풀어줄 녀석은 스타일시트가 되겠습니다. 우선 스타일시트내에서 링크설정방법을 알아본 후에 사례별 탐구를 해보도록 하겠습니다. #1.스타일시트 내에서 링크의 설정방법 위의 태그를 태그 사이에 넣어시면 해당문서의 모든 링크에 위의 설정이 적용됩니다. a:link - 일반적으로 눈에 보이는(방문한적이 없는) 링크의 기본모양. a:visited - 방문한 적이 있는 링크의 모양. a:active - 활성화된 상태에서의 링크의 모양.(링크가 눌린상태) a:hover - 마우스가 오버됐을 때 변화하는..
어쩌면 이미지툴바라는 이름자체가 생소하신 분들도 있을지 모르겠습니다. 이미지툴바가 익스플로러 5.0부터 나왔던가... -_-a 버전은 잘 기억이 나질 않습니다만 사용자의 입장에서 볼때 보기가 별로 좋지 않더군요... 옥의 티처럼 보이고 말이죠... 이미지 툴바는 아래 사진에 사진 위에 겹쳐보이는 조그만 툴바입니다. 이미지에 마우스가 올라가면 생기는... 제거하는 방법은 사이에 를 추가해 주시면 됩니다. 간단하죠? ^^ 아래는 적용예입니다. 본문내용
해피CGI 입니다. 이번 서버를 업그레이드 하면서 DBD 때문에 2시간정도 고생을 했습니다. 서버에 DBI 모듈 설치는 쉬우나 DBD에서 경로설정 때문에 문제가 있었더군요. [인용글] bash-2.05b# perl Makefile.PL Can't exec "mysql_config": No such file or directory at Makefile.PL line 76. Cannot find the file 'mysql_config'! Your execution PATH doesn't seem not contain the path to mysql_config. Resorting to guessed values! Can't exec "mysql_config": No such file or directory..
form 의 값이 regiform 이라고 가정합니다. 그리고 다중으로 받은 파일첨부의 값을 img[] 라고 가정을 하지요. [프로그램코드]
이런경우가 있을겁니다. 특정주소를 항상 주소창에 고정시키기 위해 frame을 사용했는데.. 사용자가 사용하다가(게시판을 본다든지) 새로고침(F5)를 해버리면... 다시 첫페이지로 돌아가게 되죠..^^ 짜증납니다.. 사용자들은 ㅋ 이걸 방지하기 위한태그입니다. 물론 프로그램 최상단에 위치해야 합니다.(아닌가..) [프로그램코드] 이상 허접한 팁(?) 이였습니다.
해피CGI 입니다. 지정한 폭을 벗어나는 경우가 꽤 있습니다. 예를 들면 aaaaaaaaaaaaaaaaaaaaaaa 와 같이 딱딱 붙은 문자가 의 다음에 올때 일반적으로는 테이블이 좍좍 늘어납니다. 이를 강제로 꽉 고정해봅시다. ^^ 기존 테이블태그 [프로그램코드] aaaaaaaaaaaaaaaaaaaaaaaaaaaaa 변경된 테이블태그 [프로그램코드] aaaaaaaaaaaaaaaaaaaaaaaaaaaaa 꽤나 유용하더라구요. ^^
최근 대형 포탈사이트등 조금 크다하는 사이트들은 사이트의 로딩속도를 올리기위해서 레이어로 홈페이지를 만들곤 합니다. 2단배열 혹은 3단배열 홈페이지를 레이어로 레이아웃을 만들기를 알아보도록 하겠습니다. 요약 상단 좌측 부분 중앙부분 우측 부분 하단부분 레이어는 좌표값과 정렬따위는 없습니다. 모두 부모레이어에 속성되며, 좌에서 우로 정령을 해주는값이 상단의 파란색 칠한 값 float:left; 며, 그 아래에 오는 하단부분은 그 아래로 내리는 clear:both; 을 사용하면 내려갑니다. 레이어의 중앙정렬은 text-align:center; ps. 레이어를 만들때 특정위치에 2개의 레이어 혹은 그이상의 레이어를 합쳐서 보여줄때 사용자의 환경에 따라 레이어의 위치가 바껴버리면, 곤란하죠. 이럴때는 레이어의 ..
해피CGI 웹마스터 윤영웅입니다. 우울한 주말에 열심히 일을 하던중 ^^ 조금 재미있는 사실을 알았습니다. 저희 솔루션중 해피뉴스라는 솔루션이 있습니다. 뉴스구축솔루션인데요. 문자열 과 mysql의 수백회 쿼리가 일어나는 조금 복잡한 프로그램이죠. 기존 저희 뉴스솔루션이 perl 이고 새버젼으로 준비하는 솔루션은 PHP 인데 프로그래머의 호기심을 자극하는 ^^ 똑같은 루틴으로 작동하는 프로그램을 만들어 테스트를 본이아니게 해보게 되었네요. 위쪽이 평균 0.10~0.13초 사이. 아래쪽이 평균 0.20~0.27초 사이. 대략 숫자상으로 두배가 차이납니다. 위쪽이 Perl 아래쪽이 PHP 입니다. 다른루틴으로 짠것이 아니고 동일루틴으로 포팅한것이기 때문에 PERL 과 PHP의 절대적인 비교가 될수 있을것 같..