-
Html, CSS 2014‧09‧26
div 엘리먼트 가로, 세로 중앙 배치
div를 브라우저의 정중앙이나 원하는 엘리먼트 정중앙에 위치시키고 싶을 때가 있다.특히 레이어 팝업을 만들어 노출할 때 주로 필요로 하다. 하지만 아쉽게도 이게 정답이다라고 할 방법은 없다. 이유는 어떤 것은 크로스 브라우징이 안되는 Transform을 사용할 때도 있고, 마진으로 억지로 맞추는 경우등 여러가지 방법등이 있다. 그중에 본인이 주로 쓰는 방법이 있다. div 가로 세로 길이가 정의된 경우에 유용하다. <div […]
-
Html, CSS 2013‧01‧21
css로 div 세로로 중앙 정렬시키기
자주 검색하기도 하고, 여러가지 방법이 있긴한데 개인적으로 생각했을 때 가장 무난하고 가장 호환성이 높은 방법을 메모해 놓으려고 한다. 방법은 #contents라는 div를 세로로 중앙 정렬하고 싶을 때 #contents를 감싸는 #contentsWrap이라는 div를 하나 만든다 . #contentsWrap{ height: 400px; width: 100%; position: absolute; top:50%; margin-top: -200px; } #contents{ position: relative; margin: auto; background-color: #eee; width: 800px; height: 400px; […]
-
Html, CSS 2012‧07‧04
텍스트 정렬 및 스타일 정리
css에서 글자를 중앙 혹은 좌우 정렬하기 위한 코드이다. style="text-align:center;" 링크가 걸린 글자에 마우스를 올렸을 때 밑줄(underline)도 나오고 색깔(#FF00F6)도 변하게 해주는 css a:hover {text-decoration:underline; color:#FF00F6; } a:link 링크걸린 것 a:visited 링크 방문한 것 a:hover 링크가 있는 것 a:active 링크가 활성화 된 것
-
Html, CSS 2012‧04‧01
이미지와 텍스트 정렬 (앞 이미지, 뒤 텍스트)
이미지와 글자를 한 줄에 넣고 높이 정렬을 맞추고 싶을 때가 있다. <img src="이미지경로" border="0" align="absmiddle"> 위와 같은 방법이 있기도 하고, 아래 방법을 써보기도 한다. <img src="이미지경로" border="0" style="vertical-align:top;">
-
Html, CSS 2012‧03‧31
이미지와 텍스트 정렬 (위 이미지, 아래 텍스트)
간혹 이미지와 텍스트를 정렬하고 싶은데, 위에는 이미지 아이콘 아래는 설명 글자로 넣고 싶을때 글자가 아래로 내려가게 하는 코드 <img src = "이미지 경로" style=" display:block;"> 글자
-
Flash AS 2.0 2011‧10‧10
아이콘이나 이미지 정렬
for(i =0; i < 12; i++){ var p = uiMc.IconSlot.duplicateMovieClip("IconSlot"+i,i); p._x = 0+ 74 * (i%3); p._y = 0+ 92 * int(i/3); }//for 11개의 아이콘을 나열하는데 p._x를 보면 아이콘들이 x좌표가 0부터 시작해서 74px 간격으로 나열되는데, i%3 은 3개씩 나열하란 것이고 p._y는 역시 92px 간격으로 벌어지는데 3개마다 92씩 간격이 늘어나는 것이다.