홈페이지 메인에서..
최신글스킨 사이에 선 이미지로 나누어서 분리해주려는데.
예로.. <div><? latest.("1" "2" 5,35); ?></div>
-->사이에 <img src="line.gif">
<div><? latest.("1" "2" 5,35); ?></div>
여기서.. 라인 이미지를 여러개 넣어줄거라서...
<style type/css>안에
.line { background:url("ling.gif") ;}
를 넣어주고..
index에서 img src=.... 부분에 <div class="line"></div>
해주는데... 라인 이미지가 안나오네요..
img src=""는 여러개 넣어줘도 잘나오는데요..
초보적인 질문이라도 무시하지마시고 답변좀 부탁드릴께요
댓글 4개
아래와 같은 예제를 첨부하니 실행해보시고 참고하시기 바랍니다.
소스를 천천히 보시면 이미지를 배경으로 쓰는 것과 한 장의 이미지를 삽입하는 명령어와 방법은 다르며 결과 또한 다릅니다. 첨부한 소스 중에 아래의 소스를 변경해보며 테스트를 해보시면 이해가 더욱 쉬울 것입니다.
- 예제 -
<style type="text/css">
.line {height: 10px; background-image: url(http://img.sir.co.kr/programmer/menubar_bg.gif); background-repeat: repeat-x; height: 10px;}
</style>
<body>
<div><? latest.("1" "2" 5,35); ?></div>
<div class="line"></div>
<div><? latest.("1" "2" 5,35); ?></div>
<div><img src="http://egreenworld.co.kr/GW12/img/article/articleAintro_03.gif" alt="테스트이미지"></div>
- 예제끝 -
- 아래 -
.line {height: 10px; background-image: url(http://img.sir.co.kr/programmer/menubar_bg.gif); background-repeat: repeat-x; height: 10px;}
- 아래끝 -
위의 소스 중 background-repeat: repeat-x; / height: 10px; 부분을
no-repeat :/ repeat; / repeat-x; / repeat-y; 등 과 height: 10px; 의 높이 값의 변화를 주면서 실행해보시면 많은 도움이 될 것으로 판단합니다.
소스를 천천히 보시면 이미지를 배경으로 쓰는 것과 한 장의 이미지를 삽입하는 명령어와 방법은 다르며 결과 또한 다릅니다. 첨부한 소스 중에 아래의 소스를 변경해보며 테스트를 해보시면 이해가 더욱 쉬울 것입니다.
- 예제 -
<style type="text/css">
.line {height: 10px; background-image: url(http://img.sir.co.kr/programmer/menubar_bg.gif); background-repeat: repeat-x; height: 10px;}
</style>
<body>
<div><? latest.("1" "2" 5,35); ?></div>
<div class="line"></div>
<div><? latest.("1" "2" 5,35); ?></div>
<div><img src="http://egreenworld.co.kr/GW12/img/article/articleAintro_03.gif" alt="테스트이미지"></div>
- 예제끝 -
- 아래 -
.line {height: 10px; background-image: url(http://img.sir.co.kr/programmer/menubar_bg.gif); background-repeat: repeat-x; height: 10px;}
- 아래끝 -
위의 소스 중 background-repeat: repeat-x; / height: 10px; 부분을
no-repeat :/ repeat; / repeat-x; / repeat-y; 등 과 height: 10px; 의 높이 값의 변화를 주면서 실행해보시면 많은 도움이 될 것으로 판단합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 1720 | |
| 1718 | |
| 1716 |
HTML
아이프레임과 css 질문입니다.,
1
|
| 1711 |
HTML
기초적인 css 질문요..
4
현재글
|
| 1710 | |
| 1707 |
HTML
인터넷익스플로러 6 에서 깨지네요
2
|
| 1704 |
HTML
레이어 질문 드립니다.
2
|
| 1700 |
HTML
웹표준에 대해서^^;;
3
|
| 1693 | |
| 1689 |
HTML
WebKit 이게 무엇인가요?
3
|
| 1687 |
HTML
css 질문드립니다.
1
|
| 1686 |
HTML
메인페이지 최근사진 엑박 뜨는데요
|
| 1683 | |
| 1680 | |
| 1676 | |
| 1675 | |
| 1674 |
HTML
css3 질문인데요..
|
| 1671 |
HTML
background 반복질문 ㅠㅠ
2
|
| 1667 |
HTML
플래시를 수정해서 넣었는데
3
|
| 1655 |
HTML
지적 부탁드립니다.
11
|
| 1649 | |
| 1646 | |
| 1641 | |
| 1638 | |
| 1636 |
HTML
스크롤바 관련 질문드려요..
1
|
| 1633 | |
| 1631 |
HTML
웹표준 질문이요^^
1
|
| 1627 | |
| 1624 | |
| 1623 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기