[ Web ]/Html , Css10 html5 브라우저 정중앙에 정렬하기 가나다 2016. 3. 28. DIV 관련내용 정리 왼쪽 오른쪽 다음줄제목 다음줄내용 부모왼쪽모서리기준 100,100 이동된 레이어 위예제에서 확인할수 있는 내용 기준으로 정리한다. child1 과 child2 레이어의 경우 float 을 주면 parent 레이어에서 자식영역을 인식하지 못하게 된다. float 속성을 주면 부유 속성(포토샵에서 새 레이어 를 생각하면됨 = 종이위에 투명셀로판지를 올린것처럼 공중에 떠있음) 으로 바뀌기 때문이다. 그런데 부모레이어 (parent) 에서 에서 overflow 를 auto 로 설정해주면 자식 영역을 모두인식하게 된다. overflow 옵션은 부유영역을 모두 포함해서 처리하는 옵션이기 때문이다. 그리고 div 에 높이를 주고싶은경우 child1 이나 child2에 있는 스타일처럼 min-height 옵션을 주면 .. 2015. 12. 1. embed 태그에 대한 모든 것 | 진미 http://blog.naver.com/qkfxhek/80034418919 embed 태그에 대한 모든 것 embed 태그를 음악을 재생하는 전용 태그로 잘못 알고 계신 분이 많습니다. 하지만, embed 태그는 음악만을 위한 것이 아닙니다. embed 라는 사전적 의미가 '끼워넣다' 이죠. 말 그대로 문서에 끼워넣는 것입니다. 음악, 동영상, 플래쉬 파일 등을 말이죠. 예를 들어 유명한 '감기송' 플래쉬 애니메이션을 게시판에 올리려고 하면 http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif width=500 height=400> 식으로 올리시죠?? 사실 정확.. 2012. 9. 12. Embed 태그(PARAM Tags) http://kin.naver.com/knowhow/detail.nhn?docId=168418 http://kin.naver.com/knowhow/detail.nhn?docId=168418 음악파일, 플래시 무비, 동영상 파일을 문서에 삽입 할 때 사용 속성 :::> PARAM Tags태그의 자세한 옵션(마이크로소프트 홈페이지) 속성 인자 표현 설명 src 파일 경로 movie.asx를 재생 width 가로크기 재생기 가로크기 350픽셀 지정 height 세로 크기 재생기 세로크기 350픽셀 지정 loop true 파일을 계속 반복 재생 false 파일을 한번 재생 반복 횟수 파일을 5번반복 재생 autostart true 파일을 자동재생 false 파일을 자동재생하지 않음 controller true .. 2012. 9. 12. 스타일(STYLE) 의 속성 및 속성값 카페 > 플래시,Flash,포토샵,P.. | 당신의여 http://cafe.naver.com/q69/8226 스타일(STYLE) 의 속성 및 속성값 jsss 사용하기 function 펑션명(){ document.all.idname.style.jsss속성명 = 속성값; } 변경 아래의 사이트를 참조 http://msdn.microsoft.com/library/default.asp?url=/workshop/author/css/reference/attributes.asp BACKROUND(배경) 속 성 명 속 성 값 내 용 css jsss background background background-color background-images background-repeat background-attachment.. 2012. 9. 12. CSS TIP 레오나토 이야기 | 나토님 http://blog.naver.com/leonato/110013016174 CSS Reboot 프로젝트 SitePoint에서 출판한 책들의 샘플 pdf 파일들 min-height속성을 퍼센트로 지정할때? text-shadow를 지원하는 브라우저 CSS 에디터, TopStyle css의 선택자에서 특정 ID와 특정 class를 동시에 만족하도록 선택하는 방법은? Ul에서 블릿의 위치는 조절할 수 없나요? 혹시 print용 CSS 파일을 제작해보신 경험이 있나요? 중첩div일때의 정렬 컨텐츠 양 쪽 나누기 [질문] css 로 영어와 한글 혼용시 다른 폰트 적용하기 [질문] 세로1px 짜리 선을 두개붙여서 표현하고자할때;는 어떻게할까요; 영문과 한글에 다른 폰트를 각각 지정해 줄 .. 2012. 9. 12. submit 이미지 버튼 bad design | 나쁜걸 http://blog.naver.com/bad0242/120012417144 일반 submit버튼 이미지 submit 버튼 2012. 9. 12. 폼의 탭키 순서를 지정하기 사용자가 각각의 폼 요소를 입력할 때 그 이동을 마우스로 하는 사람도 있지만 키보드를 즐겨 사용하는 사람들은 "탭(Tab)"키로 이동을 많이 한다. 만일 각 폼 요소의 탭 순서를 지정해 주고 싶다면 HTML 4 이상에 도입된 TABINDEX 속성을 이용하면 된다. 아래 첫 번째 입력 상자에 마우스로 포커스 시킨 후 "탭" 키를 눌러보기 바란다. 왼쪽 위, 아래, 오른쪽 위, 아래 순서로 이동이 되는 것을 확인할 수 있을 것이다. 위 예제에 대한 HTML 코드는 다음과 같다. 위에서 사용한 TABINDEX 속성은 인터넷 익스플로러 4 이상, 넷스케이프 6 이상에서 사용할 수 있다. 혹 넷스케이프 4 에서도 이 기능을 사용하고 싶은 경우는 별도의 방법을 이용해야 한다. http://korea.internet.. 2012. 9. 12. style="position:relative"를 쓸때 유의점 카페 > Coder_Club | nothinking http://cafe.naver.com/nothinking/64 위와 같이 코딩을 했을 때 block02의 위치와 event.x의 값은 무엇일까? block02의 위치는 block01의 left-top이 기준이 되어서 그 기준점으로 부터 가로 10, 세로 10 픽셀 떨어진 지점부터 위치하게 됩니다. event.x의 값도 마찬가지로 block02의 모서리점을 기준이로 값을 나타냅니다. 이는 아주 유용한 기능입니다. 영역 계산이 아주 용이하기 때문입니다. 하지만 relative블럭 안에서 window를 기준으로 event.x의 값을 알고 싶을 때는 문제가 생길 수도 있습니다. 여기에 대한 해결책은 아직 모릅니다. 아시는 분은 코멘트를 달아주세요~^^ 2012. 9. 12. position:absolute 와 relative의 다른점 카페 > Coder_Club | 달려라 http://cafe.naver.com/nothinking/120 absolute에서 style.right는 블럭의 오른쪽으로부터의 기준이고 relative에서의 style.right는 블럭의 왼쪽을 기준으로 음의 방향으로 움직인다. 즉 style.left를 - 방향으로 움직이는 것과 같다. 한 블럭에 relative속성을 가진 개체가 있으면 top정렬이 된다. 2012. 9. 12. 이전 1 다음