본문 바로가기

공부/CSS6

input 에 label이 걸쳐있는 스타일 저번에 뭐라 검색해서 실마리를 찾았는지 기억도 안난다. 어쩌다보니 엄청 뒤져보다가 만들게 되었다. 사실 input 위에 label 위치를 absolute로 하고 절대위치를 설정하는 거라서 허접하기는한데... ㅎㅎ 단순 css로 다른 방법을 못 찾아서 그냥.... 하기로. 이걸로 select 도 비슷하게 만들고 다 함. .contact_form {text-align: center; margin: 0 auto; width: 100%; padding: 0.5em 0.8em;} .contact_form > div {position: relative; width: 100%;} .contact_form > div input {width: 100%; height: 42px; margin: 10px 0; border:.. 2022. 5. 17.
ie에서 text-decoration:none을 해도 테두리가 계속 생길 때 a img { border: 0 }요거 한 방이면 해결. 2014. 5. 26.
ie6, ie7과 호환성 문제 홈페이지에 퀵메뉴를 따악 넣고 크롬과 파이어폭스에서 확인했을때는 완벽했다.그런데 ㅠㅠ 마지막에 익스플로러에서 봤는데 문제가 따당!!Div안에 넣은 Div가 밖으로 튕겨 나가서 오른쪽으로 밀려나가 있었다.처음엔 ie8에서의 문제 인 줄 알고 찾아다녔는데 알고보니 ie7, ie6에서 일어난 문제였다.난 당연히 내 익스플로러 버전이 8이니까 8에서의 문제인 줄 알았는데 하하F12(개발자 도구)로 직접 호환성 검사를 하면서 알게되었다.( 익스플로러 자체 호환버튼 으로는 자세히 확인을 할 수가 없었으니까.)하여튼 그래서 해결하려고 구글을 뒤지다가 CSS 핵을 발견했고 적용을 했다.그런데 처음에는 적용도 안되고 달라지는 것도 없어 보였는데, 어느샌가 잘 되었다. ㅋㅋ아 뿌듯뿌듯. CSS 핵을 쓰는게 좋지 않다는 소.. 2012. 7. 18.
플래시 아래에 생기는 여백 해결하기 드림위버 CS5를 사용해서 플래시 파일을 넣었다. 그런데 계속 아래쪽에 여백이 생겨서 다른 이미지랑 떨어지게 되었다. 인터넷을 검색해보니 그럴경우 플래시 오브젝트를 로 감싸서 크기를 지정해주면 된다고 했다. 플래시 크기가 width="1000" height="300" 일 경우 그 위에 를 넣어서 감싸주면 여백이 말끔하게 사라진다. 2012. 7. 12.
div 안의 div 가운데 정렬할 때 margin:0 auto; 하면 된다. 이거때문에 얼마나 삽질 했는지 허허허허. 2012. 7. 11.
모빌리스 웹폰트 http://api.mobilis.co.kr/webfonts/ 2012. 3. 11.