[html/css] div 하나로 만드는 아이콘

http://one-div.com/ 딱 한개의 div 태그와 css 만으로 만든 icon들 입니다. 각 아이콘 별로 지원 가능한 브라우저가 표시되며 당연하게도 IE는 9+ 이거나 10+ 이어야만 가능합니다. (IE 만세) 당연하게도 html은 div 하나 뿐이고, css 는 여러가지 border 들로 구성되어있습니다. 설명에 따르자면 벡터 이미지들 처럼 리사이징에도 완벽하게 대응한다고 …

[html/css/js] code drills

오래전부터 만들어야지~ 라고 생각만 해오던 녀석을 이제서야 하게됐습니다. 일전에 nodejs로 만들려고 했었고 진행을 했었는데 능력이 미천하여 할줄 아는 수단으로 만들었습니다. http://html.appspace.kr/ 많이 보아오던 형식과 다르지 않습니다. jsfiddle을 참고해서 html, js, css 를 분리했었는데 코드를 공유하거나 작성하는게 분리보단 통합형이 더 나을 것 같다는 생각이 들었습니다. 형태는 …

[html/css] float 요소 중앙정렬

flaoting 된 요소는 float의 방향에 맞춰 늘러 붙어버리는데 이녀석을 가운데 정렬하는 방법입니다. 보통 가로 사이즈를 주고 가로 margin 을 auto 로 설정해서 해결 했었는데 가로 사이즈가 가변일 경우 이게 해결책이 될 수 없었죠. 지인을 통해 알게된 방법이고 지인도 구글링을 하다 알게되었다 합니다. html

css …

[html/css] table에서 thead고정 tbody스크롤 구현

html/css 만으로 완벽하게 모든 브라우저에서 동일하게 보이도록 만들기는 불가능하지 않나요?; 물론 thead 부분과 tbody 부분을 분리한 html 마크업을 통해서는 가능하기는 하지만 그리 현명한 방법은 아니죠.. 더 좋은 방법이 있는지는 모르겠지만 검색을 통해 찾은 방법입니다. 메뉴판 메뉴 가격 원산지 물은 셀프 라면 3,000원 농심 떡라면 4,000원 …