본문 바로가기

[Study & Job]

hasLayout 속성과 홀리 핵(Holly hack)[펌] CSS로 이미지 정렬하기에서 소개했던 CSS의 clear 속성을 이용하는 float 제거(clearing float)와 동일한 효과를 내는 방법은 몇 가지가 더 있습니다. 그 중 하나인 overflow 속성을 이용하는 방법을 설명하기 전에 인터넷 익스플로러(이하 IE)만의 독자적인 속성인hasLayout에 대해서 먼저 알아보려고 하는데, 이 속성이 HTML 요소들의 레이아웃, 특히 float된 요소가 렌더링되는 방식에 크게 영향을 끼치기 때문입니다. 그러면 hasLayout 속성이란 무엇이고, 어떤 영향을 끼치는지, 그리고 어떤 방식으로 이 속성을 이용해야 하는지를 알아보도록 하겠습니다. † 이 글은 hasLayout 속성에 관한 정보로 꾸준히 업데이트되고 있는 On having layout이라는 글을 ..
input 버튼 [퍼옴] 1. 첫번째 방법 인풋에 바로 이미지경로를 넣어버리는 방법. 이 방법은 텍스트가 이미지에 박혀있어야해서 글자가 다른 모든 버튼을 만들어줘야한다. 2. 두번째 방법 버튼이미지에 a태그걸어주는 방법. 테이블의 td에 인풋텍스트박스넣고 인풋버튼넣으면 같은라인인데도 들쭉날쭉 다른방법도 있을테지만 td에 넣을땐 걍 맘편히 a태그로 걸어버리기도함둥! (※ a태그로 버튼링크걸어서 만들면 키보드 엔터키로 버튼클릭안된다... 요런거 예민한 개발자님들 많으시당...) 3. 세번째 방법 배경을 따로 만들고 글자를 value=""로 넣어주는 방법. 다만 글자수별로 버튼이미지와 css를 만들어줘야하는 수고는 있지만 일을 1/10로 줄일수 있따. (※ BUT!!! 개발하기에 편리하고 입체효과 왕줘서 예쁘게하면 컨펌이 되긴하나....
웹표준 div 코딩 전체 레이아웃 잡기 웹표준 div 코딩 전체 레이아웃 잡기 이미지 필요한 파일 index.html global.css index.html 소스 top left main bottom global.css 소스 @charset "utf-8"; /* CSS Document */ body { margin: 0px; font-size: 18px; color: #FFF; } #box { position: relative; height: auto; width: 500px; margin: auto; background-color: #F90; } #top { background-color: #333; height: 50px; width: 500px; position: relative; } #left { background-color: #09..
기존 레이아웃 잡을때 div만을 이용한 레이아웃 -> 보통 블로그와 같은 형식의 사용시 이용 ----------------- default.css ----------------- @charset "utf-8"; @import url("base.css"); @import url("main.css"); @import url("layout.css"); @import url("section1.css"); @import url("section2.css"); @import url("board.css"); @media print {} ----------------- base.css ----------------- /* Design Geulggol WebTeam (http://ggad.co.kr/) 김지영 2010.05.05 */ /* B..
div에 그림자 씌우기
요즘에 독서의 필요성을 많이 느껴서.. 자극받기 위해 게시한다... ㅜㅜ 1000권 독파 ‘지독한 책벌레’ … 전세계 약자 위한 외교관 꿈꿔 [중앙일보] 입력 2012.02.14 04:00 / 수정 2012.02.14 04:00 골든벨 울린 충남외고 이건희군 더 편리해진 뉴스공유, JoinsMSN 뉴스클립을 사용해 친구들과 공유하세요 충남외국어고등학교 이건희(3년)군이 최근 방영된 ‘도전! 골든벨’에서 명예의 전당에 이름을 올렸다. 100명의 청소년들이 50문제에 도전하는 퀴즈 프로그램으로 모든 문제를 맞춰야 골든벨을 울릴 수 있다. 이군은 이날 수차례 탈락 위기를 넘어 마지막 문제에 도전, 학교의 명예를 드높였다. 특히 대회 중간에는 어려운 가정환경에서도 불구하고 부모님에 대한 고마움과 미안한 마음을 드러내 친구·후배·교사들의 눈시울을 붉혔다. 86대 골든벨 주인공이 된 이..
아 점하나의 미련 -_-^ - 특수문자는 Entity코드로 변환한다. &→ & → > ※ 더 많은 특수문자 코드는 아래 사이트 참조 HTML Latin-1 Character Entities Reference (http://w3schools.com/tags/ref_entities.asp) HTML 4.01 Symbol Entities Reference (http://w3schools.com/tags/ref_symbols.asp) http://www.quackit.com/css/properties/css_marker-offset.cfm marker 오프셋 변경!! from 다른이의 블로그!
syntax 이쁘게 나타내기 사실 옛날에 설치했었는데.. 이에 대한 사용법을 포스팅한다. 참고로 출처 http://mamom.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%EC%97%90%EC%84%9C-%EC%9D%B8%EC%9A%A9-%EC%BD%94%EB%93%9C-%EC%98%88%EC%81%98%EA%B2%8C-%EB%84%A3%EA%B8%B0 1. 문법 선택 (html, javascript, 등등) html 소스 html 코드를 넣을 때에는 html brush 를 사용합니다. 1.마몸의 블로그 가기 c 코드 c 소스 코드를 넣을 때에는 c brush 를 사용합니다. 01.#include "stdafx.h" 02.#include 03. 04.int main(int argc..

티스토리툴바