프로그램/HTML3 [HTML]<!DOCTYPE HTML> 이미지 하단 여백문제 해결 [HTML] 이미지 하단 여백문제 해결 html 코딩시 문서의 상단에 이라고 선언하면 본문중 이미지 태그가 들어가면 하단에 여백이 발생됩니다. /*css 작성시 아래의 코드를 해주면 해결*/ img {border: none; vertical-align:bottom;} /*또는*/ img {border: none; vertical-align:top;} 2014. 1. 26. [HTML] ul li 태그로 테이블처럼 사용하기 [HTML] ul li 태그로 테이블처럼 사용하기 태그는 웹표준에서 디자인적 관점이 아닌 순수 테이블로 이해하기 때문에 사용을 권장 하지 않는다고 하네요 처음부터 태그로 만들어 온 나한테 이런 싱숭생숭한 신세계의 태그들 이리 저리 검색 해가며 테이블을 만들고 포스팅 합니다^^ 표 라인을 어떻게 처리 할까 고민하다가 border을 요리조리 수정해 보았어요 더 심플한 방법이 있다면 댓글 달아 주세요^^ 제목 A 제목 B 제목 C a b c 1 2 3 가 나 다 결과 화면 2013. 8. 30. [HTML] div 가운데 정렬 [HTML] div 가운데 정렬 테이블을 사용할때는 align="center" 이라는 속성을 부가 하면 쉽게 되었지만 div의 경우는 쉽게 가운데 정렬이 되지 않는다^^ 기본적으로 margin:0 auto;를 주면 가운데 정렬이 된다고 하지만 익스8에서는 그것만 주어선 안됨!! 그 속성 위에 div를 text-align=center 속성을 주어야 중앙 정렬이 잘됨.. #BoxCenter1 의 결과값을 밑에 이미지를 보면 알겠지만 익스와 크롬이 틀리게 나온다. text-align=center;의 속성은 또 크롬에서 안먹히넹.-_- BoxCenter BoxCenter1 BoxCenter2 Internet Explorer8 (익스8)의 결과값 : BoxCenter1 중앙정렬 안됨 크롬의 결과값 : BoxCen.. 2013. 8. 29. 이전 1 다음
