'웹표준/웹표준 팁'에 해당되는 글 4건
2008/01/24 14:17
이렇게 이미지를 나열하는 경우는 별루 없었지만,
혹, 이미지를 UL 태그를 써서 나열하시고자 하시면, 공백버그가 생기게 됩니다.
그럴 때 요렇게 하면 해결!
<style type="text/css">
ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
ul li {display: block; line-height: 0; font-size: 0;} ul li img {display: block;}
</style>
<ul>
<li><img src="a.jpg" alt="" /></li>
<li><img src="b.jpg" alt="" /></li>
<li><img src="c.jpg" alt="" /></li>
<li><img src="d.jpg" alt="" /></li>
</ul>
혹은 ul 태그 대신 dl 태그를 사용하게되면 공백버그 안생긴다네요.
혹, 메뉴를 이미지로 만드시고 ul 태그로 처리하실 때에는..
이미지와 코드를 분리해서 만드시는게 더 좋은 방법이죠.
이미지를 백그라운드 처리해서~~~
요건 다음에 올리지용~~
Trackback Address :: http://marie1114.tistory.com/trackback/33
2007/12/21 11:19
속성을 지정하는 순서 제안
(특별히 규정화된것은 아님.)
1. 표현, 위치
2. 마진, 패딩
3. 배경, 색상
4. 폰트
display
list-style
position
float
clear
width
height
margin
padding
border
background
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
(특별히 규정화된것은 아님.)
1. 표현, 위치
2. 마진, 패딩
3. 배경, 색상
4. 폰트
display
list-style
position
float
clear
width
height
margin
padding
border
background
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
Trackback Address :: http://marie1114.tistory.com/trackback/8
2007/12/20 14:33
브라우저 배제를 위한 CSS핵
1. Win IE 4-6, Mac IE 4, Netscape 4의 배제 방법
: 선택자 앞에 ' html>body' 를 붙인다.
html>body h1 {color:red;}
2. Win IE 6의 배제 방법
:속성과 값을 구분 짓는 콜론(;) 앞에 공백문자와 빈 주석을 '/**/' 형식으로 기술한다.
h1 {color/**/:red;}
유명한 CSS 핵
1. 스타핵 (star hack)
:선택자 앞에 '*html' 을 붙이면 Win IE 4-6, Mac IE 4-5 등에 스타일이 적용되고 다른 브라우저에는 적용되지 않는다.
*html h1 {color:red;}
2. 스타 7 핵 (star 7 hack)
: 선택자 앞에 'html*' 을 붙이면 Win IE 5.5-6, Mac Ie 5, Safari 등에서 스타일이 적용되고 다른 브라우저에서는 적용되지 않는다.
html*h1 {color:red;}
1. Win IE 4-6, Mac IE 4, Netscape 4의 배제 방법
: 선택자 앞에 ' html>body' 를 붙인다.
html>body h1 {color:red;}
2. Win IE 6의 배제 방법
:속성과 값을 구분 짓는 콜론(;) 앞에 공백문자와 빈 주석을 '/**/' 형식으로 기술한다.
h1 {color/**/:red;}
유명한 CSS 핵
1. 스타핵 (star hack)
:선택자 앞에 '*html' 을 붙이면 Win IE 4-6, Mac IE 4-5 등에 스타일이 적용되고 다른 브라우저에는 적용되지 않는다.
*html h1 {color:red;}
2. 스타 7 핵 (star 7 hack)
: 선택자 앞에 'html*' 을 붙이면 Win IE 5.5-6, Mac Ie 5, Safari 등에서 스타일이 적용되고 다른 브라우저에서는 적용되지 않는다.
html*h1 {color:red;}
Trackback Address :: http://marie1114.tistory.com/trackback/7
2007/12/12 17:47
Ever wanted to test your website in various versions of Internet Explorer?
완전 좋은게 있었네. 익스플로러 7.0으로 업데이트하고 엄청 후회했었는데..
다른 버젼의 익스플로러에서 작업한걸 확인할때.... 완전 좋다.
요기서 다운로드 받아서 깔면.. 각 버젼별로 확인할 수 있다.
http://tredosoft.com/Multiple_IE
완전 좋은게 있었네. 익스플로러 7.0으로 업데이트하고 엄청 후회했었는데..
다른 버젼의 익스플로러에서 작업한걸 확인할때.... 완전 좋다.
요기서 다운로드 받아서 깔면.. 각 버젼별로 확인할 수 있다.
http://tredosoft.com/Multiple_IE
Trackback Address :: http://marie1114.tistory.com/trackback/6
