본문 바로가기
728x90

css4

테이블의 특정 컬럼의 css 조정하기 [출처] http://stackoverflow.com/questions/18846271/css-how-to-target-a-specific-cell-inside-a-table .mytable tbody tr:nth-child(1) td:nth-child(5) { /* Styles goes here */ } 2014. 1. 9.
css simple tree menu [출처] http://www.dynamicdrive.com/dynamicindex1/navigate1.htm Simple Tree MenuAuthor: Dynamic DriveNote: Replaces original Smart Folding menu on same page.Description: This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree! Once transformed, the original list and its sublists can be collapsed/expanded at will, with cookies used to optionally persi.. 2013. 12. 31.
css li float right reverse order css 에서 pager 를 float 으로 정렬 시 페이징 순서가 역순으로 뒤집히게 되는데 이때 다음과 같이 처리하면 정상적으로 순서를 맞출 수 있습니다. [출처] http://stackoverflow.com/questions/5313180/problem-with-reversal-of-menu-when-floated-to-the-right-in-css #navigation { width:100%; background-color:#383a3c; height:43px; } #navigation ul { width:883px; margin:0px auto; } ul.navigation { font-family:'ChunkFiveRegular', Arial, sans-serif; font-size:18px; f.. 2013. 11. 12.
CSS 이야기: position, float, display 속성간의 관계 [출처] http://blog.wystan.net/2009/01/12/relationships-between-position-float-display CSS의 관점에서, HTML 문서는 크고 작은 여러 개의 사각형 박스로 구성됩니다. 그 중에는 요소에 의해서 만들어지는 박스도 있고, 자동적으로 만들어지는 박스(익명(anonymous) 박스)도 있지만, 근본적으로 “박스”라는 것에는 차이가 없습니다.CSS를 지원하는 사용자 에이전트는 이렇게 만들어진 박스를 배치함으로써 문서의 레이아웃을 표현합니다. 이 과정에서 각각의 박스는 어떤 방식으로 배치될 것인지에 따라 크게 다음과 같이 세 가지로 분류됩니다.일반적인 흐름(normal flow)으로 배치되는 박스떠있는(float) 상태로 배치되는 박스절대적인 위치(.. 2013. 11. 11.
728x90