World Wide Web 썸네일형 리스트형 모바일 작업시 기본사항 1. 기본적인 html 셋팅메타테그를 이용하여 모바일에 적합한 사이트 만들어야 합니다. content="width=device-width"는 웹페이지의 가로를 모바일 가로사이즈에 맞춘다는 뜻입니다. 즉, 가로 스크롤이 생기지 않습니다.initial-scale=1은 화면을 초기화 할때 몇배율로 할 것인지 정합니다. 1로 한다면 딱 정상적인 배율로 보입니다.maximum-scale=1은 손가락 두개를 쫙 벌려서 확대를 얼마나 할 수 있는지에 대한 부분입니다.1로 하면 확대가 안되고 2로 하면 두배, 3으로하면 세배 확대가 됩니다.minimum-scale=1은 반대로 손가락 두개를 오므려서 얼마나 축소할 수 있는지에 대한 부분입니다.1로하면 축소가 안되고, 0.5는 50%축소가 됩니다.user-scalable.. 더보기 tbody 스크롤 만들기 테이블내에 스크롤을 만들 경우가 왕왕 있습니다. 구글링을 해보니 방법은 여러가지가 있습니다. 그중에 한가지 방법을 소개해드립니다. 아래 방법이 마음에 들지 않으신다면 구글링을 통해 여러가지 소스를 찾으실 수 있습니다. 123456789.TABLE{border-collapse:collapse; width:100%}.TABLE thead{float:left; width:890px;}.TABLE tbody{overflow-y:auto; overflow-x:hidden; float:left; width:890px; height:100px}.TABLE tbody tr{display:table; width:890px;}.TABLE td{width:100px}Colored by Color Scriptercs 더보기 youtube iframe API 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475//유튜브 콘트롤러 var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTu.. 더보기 div에서 세로정렬 시키기 세로정렬인 경우는 그냥 되지 않습니다. DIV의 속성을 BLOCK레벨에서 TABLE레벨로 변경한뒤 vertical align을 middle로 주면 됩니다. 세로 중앙정렬 입니다. 여기서 중요한 부분은 태그의 Display속성이 table-cell이어야 한다는 것입니다. 더보기 "..."을 css로 처리하는 방법 123 안녕하세요 Colored by Color Scriptercs Block레벨 테그에서만 적용이 됩니다. overflow:hidden : 넓이가 70px를 넒어서는 내용에 대해서는 보이지 않게 처리함text-overflow:ellipsis : 글자가 넓이 70px를 넘을 경우 생략부호를 표시함white-space:nowrap : 공백문자가 있는 경우 줄바꿈하지 않고 한줄로 나오게 처리함 (\A로 줄바꿈가능) 더보기 팝업 풀사이즈로 띄우기 123456789101112131415161718192021222324252627282930313233343536373839function openFullWindow(Option) { var screenSizeWidth,screenSizeHeight; if (self.screen) { screenSizeWidth = screen.width ; screenSizeHeight = screen.height; } documentURL = "./gisa_pop.html"; //팝업창에 출력될 페이지 URL windowname = "wmname"; intWidth = screenSizeWidth; intHeight = screenSizeHeight; intXOffset = 0 ; intYOffset = 0 ; if.. 더보기 IE에서 PNG에 opacity사용시 검은배경 막기 IE8에서 png 이미지에 opacity 애니메이션을 주면 투명부분이 작업자의 마음처럼 새까맣게 태워져 보인다. 사실 IE하위 버전을 고려해야된다면 png에는 opacity를 안주는게 가장 베스트하다. 아래 방법은 구글링을 통해서 찾았지만, 모든 환경에서 적용되는지는 잘 모르겠다. 1234567891011.mainVisualDiv .visualDiv img{ zoom:1; background:transparent; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient.. 더보기 float:left 썼을 때 가운데정렬 방법 웹표준에 관심을 가지면서 table보다는 div 사용을 장려하고 사용하는 그런 모습을 보면서 웹표준 웹표준 입에 달고 살길래 초보자를 위한 관련사이트가 많은 줄 알았습니다. (여기서, 초보자라 함은 div보다는 table로 익숙하게 써왔고 앞으로도 그러려고 했던 css 같은것을 잘 모르는 SCAC같은 사람들을 뜻합니다) 그런데 찾아보니 준비중인 사이트도 많고 이런 말 하기는 그렇지만 확실히 "부실"합니다. div로 table 효과를 내는데에 있어서 float:left (혹은 right)를 사용하는 예제가 있어서, 또 달린 댓글들을 보면서 테이블의 셀이 나열되는 효과를 내기 위해서는 꼭 그래야만 하는 줄 알았습니다. (어느 사이트에서)float:left를 쓰는 분들은 아시겠지만 죽을 맛입니다. 여기서 본래.. 더보기 일정 스크롤 내리면 fixed 시키기 12345678910111213if(jQuery("footer").offset().top - jQuery(window).height() + 30 더보기 이전 페이지의 주소 받기 var referrer = document.referrer; 이전 주소의 URL 값을 받아 올수 있다. 더보기 이전 1 2 3 4 5 6 다음