CSS(6)
-
수직그래프
SUN0% MON20% TUE30% WED40% THU50% FRI60% SAT100% Style /* UI Object */ .v_graph{padding:20px 0} .v_graph ul{height:200px;margin:0;padding:0;border:1px solid #ddd;border-top:0;border-right:0;font-size:11px;font-family:Tahoma, Geneva, sans-serif;list-style:none} .v_graph ul:after{display:block;clear:both;content:""} .v_graph li{display:inline;float:left;position:relative;width:8%;height:100%;margi..
2015.07.14 -
수평 그래프
SUN0% MON20% TUE30% WED40% THU50% FRI60% SAT100% Style /* UI Object */ .h_graph ul{margin:0 50px 0 50px;padding:1px 0 0 0;border:1px solid #ddd;border-top:0;border-right:0;font-size:11px;font-family:Tahoma, Geneva, sans-serif;list-style:none} .h_graph li{position:relative;margin:10px 0;vertical-align:top;white-space:nowrap} .h_graph .g_term{position:absolute;top:0;left:-50px;width:40px;font-weig..
2015.07.14 -
가변폭 3단 컬럼
#wrapUI #headerUI #containerUI .snbUI #contentUI .asideUI #footerUI #wrap #header #container .snb #content .aside #footer 출처 : http://nuli.navercorp.com/data/ui_library/src/pattern/layout/jjs/fluid2.html
2015.03.22 -
가변폭 2단 컬럼(aside)
#wrapUI #headerUI #containerUI #contentUI .asideUI #footer #wrap #header #container #content .aside #footer 출처 : http://nuli.navercorp.com/data/ui_library/src/pattern/layout/jjs/fluid3.html
2015.03.22 -
가변폭 2단 컬럼(snb)
#wrapUI #headerUI #containerUI .snbUI #contentUI #footerUI #wrap #header #container .snb #content #footer 출처 : http://nuli.navercorp.com/sharing/ui/patternLayout/5
2015.03.22 -
IE에서 CSS 버전별 적용
조건부 주석은 HTML 소스중 인터넷 익스플로러(ie)에서 해석되는 조건문 입니다. 구 버전의 ie에서 제대로 작동하지 않는 문제를 해결할 수 있습니다. 하지만 ie10 의 표준 모드에서 조건부 주석은 지원되지 않고, JScript 조건부 주석은 지원됩니다. 위와 같은 구문으로 조건부 주석을 사용할 수 있으며, 조건(condition)을 만족할 경우 HTML을 렌더링하게 됩니다. 조건부 주석을 지원하지 않는 브라우저에서는 위 구문을 일반 주석문으로만 해석합니다. condition에 사용되는 기호는 다음과 같습니다. !(아니다), lt(작다), lte(작거나 같다), gt(크다), gte(크거나 같다), ()(우선처리), &(그리고), |(또는) condition 예) [if !ie] ie 가 아니라면 [..
2014.03.20