'Tip' 카테고리의 글 목록 (2 Page)

« 2025/05 »
일	월	화	수	목	금	토
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

IE9 스마트 에디터 상단 짤림

Tip 2011. 5. 31. 23:46 |

IE9에서 자꾸 스마트 에디터가 말썽부린다.
처음엔 에디터 자체가 보이지 않아, 구글링 해서 해결했는데..
이번엔 에디터 윗 부분이 짤려 보인다.(이러거 또 그냥 못넘어가지 ㅡ.ㅡ;)

대충 검색하니 마땅한 결과가 안나온다.. 아에 언급조차 안되고 있다. 버튼 어쩌고 저쩌고의 이슈에 묻혀 버린건가..

소스 열어서 이것저것 손대다 보니 된다.

/se/css/default.css 파일의
#smart_editor{ position:relative; background:#fff;}
이 부분을
#smart_editor{ position:relative; background:#fff; border: solid 1px white;}
일케 고쳐주면 되더라고?

다음 번에 또 다른 문제 생기면 다음 에디터로 갈아타봐야겠다.
스마트 에디터의 업데이트가 전혀 되지 않고 있는 듯 하다..

저작자표시 (새창열림)

'Tip' 카테고리의 다른 글

emma 한글 깨짐 (0)	2011.07.01
IE8 Textarea Bug (0)	2011.06.20
css fiexed (0)	2011.03.31
크로스도메인 쿠키문제 (0)	2011.01.21
MySql insert select (0)	2010.11.06

Posted by 기계식키보드

:

css fiexed

Tip 2011. 3. 31. 20:05 |

.fixed-bottom /* position fixed Bottom */{position:fixed;bottom:0px;top:auto;}

.fixed-left /* position fixed Left */{position:fixed;right:auto;left:0px;}

.fixed-right /* position fixed right */{position:fixed;right:0px;left:auto;}

* html,* html body /* IE6 Fixed Position Jitter Fix */{background-image:url(about:blank);background-attachment:fixed;}

* html .fixed-top /* IE6 position fixed Top */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}

* html .fixed-right /* IE6 position fixed right */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}

* html .fixed-bottom /* IE6 position fixed Bottom */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

* html .fixed-left /* IE6 position fixed Left */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}

</style>

<div class="fixed-bottom" style="text-align:center; width:100%; left:0;"> <img src="imagename.gif" border="0"> </div>

저작자표시 (새창열림)

'Tip' 카테고리의 다른 글

IE8 Textarea Bug (0)	2011.06.20
IE9 스마트 에디터 상단 짤림 (2)	2011.05.31
크로스도메인 쿠키문제 (0)	2011.01.21
MySql insert select (0)	2010.11.06
div가운데 정렬 (0)	2010.10.09

Posted by 기계식키보드

:

크로스도메인 쿠키문제

Tip 2011. 1. 21. 15:50 |

PHP:

header('P3P:CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"');

ASP.NET:
HttpContext.Current.Response.AddHeader("p3p","CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\"");

JSP:
response.addHeader("P3P","CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\"")

from url

http://jabsiri.tistory.com/tag/%ED%81%AC%EB%A1%9C%EC%8A%A4%EB%8F%84%EB%A9%94%EC%9D%B8%20%EC%BF%A0%ED%82%A4

저작자표시 (새창열림)

'Tip' 카테고리의 다른 글

IE9 스마트 에디터 상단 짤림 (2)	2011.05.31
css fiexed (0)	2011.03.31
MySql insert select (0)	2010.11.06
div가운데 정렬 (0)	2010.10.09
말풍선 그럴싸한거 (0)	2010.09.26

Posted by 기계식키보드

:

MySql insert select

Tip 2010. 11. 6. 15:13 |

insert시 max()+1을 할경우가 생겨서 다음과 같이 날렸다.

INSERT INTO rankmanage (rank,category,refseq)

SELECT max(rank)+1, 'categoryname', 113

FROM rankmanage

limit 1

저작자표시 (새창열림)

'Tip' 카테고리의 다른 글

css fiexed (0)	2011.03.31
크로스도메인 쿠키문제 (0)	2011.01.21
div가운데 정렬 (0)	2010.10.09
말풍선 그럴싸한거 (0)	2010.09.26
JSP 달력 만들기 (0)	2010.09.10

Posted by 기계식키보드

:

div가운데 정렬

Tip 2010. 10. 9. 00:05 |

from 네이년 지식인

http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=10501&docId=107609141&qb=ZGl2IOqwgOyatOuNsCDsoJXroKw=&enc=utf8&section=kin&rank=1&search_sort=0&spq=0&pid=g68XDwoi5UNssunamMCsss--147575&sid=TK8ulzLerkwAACPFhMs

</div>

안먹히는 이유는!! 아주 간단합니다.

부모 div에 margin:0 auto;를 아무리 줘도 소용이 없습니다.
이유는 부모 div에 width값이 없기 때문이죠.
자식 div에 margin:0 auto;를 줘보세요.

수정된 코드는 아래와 같습니다.

</div>

저작자표시 (새창열림)

'Tip' 카테고리의 다른 글

크로스도메인 쿠키문제 (0)	2011.01.21
MySql insert select (0)	2010.11.06
말풍선 그럴싸한거 (0)	2010.09.26
JSP 달력 만들기 (0)	2010.09.10
CSS 말줄임표(...) div 와 table 에 적용하기 (0)	2010.09.01

Posted by 기계식키보드

:

말풍선 그럴싸한거

Tip 2010. 9. 26. 15:40 |

크롬 영어사전 확장 기능에서 띄어지는 노란 말풍선인데 그럴싸해서 기록해 놓는다.

우상단의 X이미지는 못가져왔다. 크롬 설치 경로의 어딘가에 위치하고 있을 것 같다.

No definition found.

</div>

</div>

</div>

</div>

</div>

No definition found.

http://www.url.com

저작자표시 (새창열림)

'Tip' 카테고리의 다른 글

크로스도메인 쿠키문제 (0)	2011.01.21
MySql insert select (0)	2010.11.06
div가운데 정렬 (0)	2010.10.09
JSP 달력 만들기 (0)	2010.09.10
CSS 말줄임표(...) div 와 table 에 적용하기 (0)	2010.09.01

Posted by 기계식키보드

:

JSP 달력 만들기

Tip 2010. 9. 10. 22:10 |

맘에 쏙드는 그런 코드가 없어 직접 만들었다. 잼있긴 하지만 시간 아깝다ㅠㅠ

contentArea와 li의 width를 잘 조절해야 한 행에 한 주가 표시된다.

서블릿에서 firstDayOfMonth, lastDayOfMonth 두 값만 세팅해 주면 된다.

ex)

Calendar calendar = Calendar.getInstance ();

calendar.setTime ( new Date() );

int firstDayOfMonth = calendar.get(Calendar.DAY_OF_WEEK)-1;

int

lastDayOfMonth

lastDayOfMonth = calendar.getActualMaximum(Calendar.DAY_OF_MONTH);

<style>

.contentArea {

width:890px;

padding:10px 30px 0 20px;

margin:0 4px;

}

.calendar {

list-style: none;

padding: 0;

margin: 0;

}

.calendar li {

display: inline;

list-style: none;

float: left;

width: 120px;

margin: 0 4px 2px 0;

color: #3e3e3e;

font: 12px Arial, Helvetica, sans-serif;

text-align: left;

border: 1px solid #d8d8d8;

}

</style>

<c:forEach var="data" begin="1" end="${

firstDayOfMonth

firstDayOfMonth}" step="1" varStatus="status" >

</c:forEach>

<c:forEach var="data" begin="1" end="${

lastDayOfMonth

lastDayOfMonth}" step="1" varStatus="status" >

<li style="height: 120px;">${status.count}</li>

</c:forEach>

</ul>

</div>

저작자표시 (새창열림)

'Tip' 카테고리의 다른 글

크로스도메인 쿠키문제 (0)	2011.01.21
MySql insert select (0)	2010.11.06
div가운데 정렬 (0)	2010.10.09
말풍선 그럴싸한거 (0)	2010.09.26
CSS 말줄임표(...) div 와 table 에 적용하기 (0)	2010.09.01

Posted by 기계식키보드

:

CSS 말줄임표(...) div 와 table 에 적용하기

Tip 2010. 9. 1. 23:06 |

http://rabbitchris.tistory.com/431

*. DIV 나 SPAN

→ DIV 와 SPAN 의 style 속성에 text-overflow:ellipsis; overflow:hidden 두가지를 병행하여 사용.

→ 그리고 DIV 와 SPAN 태그 안에 <nobr> 태그를 사용.

해석을 하면 말 그대로, 텍스트가 넘치는 상황에서 ellipsis 생략 처리, 넘친 부분은 hidden 안보임 처리.

nobr 은 처음 보나요..? <br> 태그는 많이 봤죠..? <br> 이 행을 바꾸라는 것이라면 <nobr> 은 행을 바꾸지 말라는 것.

파워포인트에서 '도형 안에 글자넣기' 옵션이 켜지면 폭을 넘어서는 글내용이 들어갈때 자동으로 개행되져..?

이걸 하지 못하도록 한 것. 스타일 속성에서 overflow 처리를 하여도 <nobr> 태그가 없으면 말줄임표는 꽝.

text-overflow:clip 이라든가, overflow:visible 이라고 하면 안됩니다.

뭐, 사용하면 오류가 난다는 것이 아니라 말줄임표가 안 붙는다는 것.

그리고, 이렇게 해도 div 의 width 보다 작은 내용은 말줄임표가 붙지 않습니다.

아래 예제에서는 <br> 태그를 중간에 사용했는데 <br> 을 전후로 각자 말줄임표가 사용됩니다.

</div>

*. TABLE

→ table 에는 table-layout:fixed 사용

→ td 에는 text-overflow:ellipsis; overflow:hidden 사용

overflow 에 관한 설명은 위에서 했고, table 레이아웃을 fixed 고정 처리.

만약 이렇게 했는데도 밀려난다면 td 태그 안에 <nobr> 사용

그리고, 이렇게 해도 td 의 width 보다 작은 내용은 말줄임표가 붙지 않습니다.

<tr>

</tr>

</table>

*. TABLE 의 TD 안에서 DIV 나 SPAN

뭐, 기본적으로 DIV 나 SPAN 에서의 말줄임표 사용방법과 동일합니다.

*. 그리고, 추가로 말줄임표를 사용했다면 반드시 title 속성을 사용하여 말풍선을 넣어 주세요.

속성으로 들어가다 보니 내용에 인용부호가 있으면 틀이 깨어지므로 내용에서 인용부호를 빼 주어야 합니다.

아래 예제는 JSP 를 들어 설명하였습니다. 다른 언어는 알아서 구현하세요..

</div>

저작자표시 (새창열림)

'Tip' 카테고리의 다른 글

크로스도메인 쿠키문제 (0)	2011.01.21
MySql insert select (0)	2010.11.06
div가운데 정렬 (0)	2010.10.09
말풍선 그럴싸한거 (0)	2010.09.26
JSP 달력 만들기 (0)	2010.09.10

Posted by 기계식키보드

:

Notice

Category

Tags

Recent Posts

Recent Comments

Archives

Links

'Tip'에 해당되는 글 18건

IE9 스마트 에디터 상단 짤림

'Tip' 카테고리의 다른 글

css fiexed

'Tip' 카테고리의 다른 글

크로스도메인 쿠키문제

'Tip' 카테고리의 다른 글

MySql insert select

'Tip' 카테고리의 다른 글

div가운데 정렬

'Tip' 카테고리의 다른 글

말풍선 그럴싸한거

'Tip' 카테고리의 다른 글

JSP 달력 만들기

'Tip' 카테고리의 다른 글

CSS 말줄임표(...) div 와 table 에 적용하기

'Tip' 카테고리의 다른 글

티스토리툴바