홈페이지 메인에서..
최신글스킨 사이에 선 이미지로 나누어서 분리해주려는데.
예로.. <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개
13년 전
div.line { background:url("/절대경로로 적확하게ling.gif") no-repeat left top; width:라인폭만큼px; height:라인높이만큼px;}
13년 전
윗분 답변글중에서 no-reoeat가 아니라 repeat-x로 해야 할것 같은데요...
라인이면 배경이미지가 고정이 되면 안되지 않나요?.
그리고 라인을 긋는 의미라면, border-bottom을 이용해서 라인을 생성 하시는게 더 쉽지 않을까 생각 해봅니당~~
라인이면 배경이미지가 고정이 되면 안되지 않나요?.
그리고 라인을 긋는 의미라면, border-bottom을 이용해서 라인을 생성 하시는게 더 쉽지 않을까 생각 해봅니당~~
13년 전
차츰내게님과 새벽비님 답변 감사드립니다.
새벽비님 말씀처럼 border-bottem을 넣으면 좋겠지만..
그림자 있는 입체감있는 라인으로 넣으려는데..
style로 이미지 추가해넣어도 안나오더군요. 그냥 배경이미지로 인식하는듯요.
그리고 이미지 한개 넣을때는 repeat-x 해주면 안되요 ^^;
no-repeat이 정상이네요 짧은것을 반복으로 늘릴때.. repeat-x 넣어주죠,
새벽비님 말씀처럼 border-bottem을 넣으면 좋겠지만..
그림자 있는 입체감있는 라인으로 넣으려는데..
style로 이미지 추가해넣어도 안나오더군요. 그냥 배경이미지로 인식하는듯요.
그리고 이미지 한개 넣을때는 repeat-x 해주면 안되요 ^^;
no-repeat이 정상이네요 짧은것을 반복으로 늘릴때.. repeat-x 넣어주죠,
13년 전
아래와 같은 예제를 첨부하니 실행해보시고 참고하시기 바랍니다.
소스를 천천히 보시면 이미지를 배경으로 쓰는 것과 한 장의 이미지를 삽입하는 명령어와 방법은 다르며 결과 또한 다릅니다. 첨부한 소스 중에 아래의 소스를 변경해보며 테스트를 해보시면 이해가 더욱 쉬울 것입니다.
- 예제 -
<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; 의 높이 값의 변화를 주면서 실행해보시면 많은 도움이 될 것으로 판단합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4630 | 13년 전 | 1190 | ||
| 4629 | 13년 전 | 4365 | ||
| 4628 | 13년 전 | 773 | ||
| 4627 |
 cshop |
13년 전 | 1763 | |
| 4626 | 13년 전 | 818 | ||
| 4625 |
마릴릴모니
|
13년 전 | 738 | |
| 4624 | 13년 전 | 1640 | ||
| 4623 |
SIR정회원
|
13년 전 | 620 | |
| 4622 |
rakoos
|
13년 전 | 1578 | |
| 4621 | 13년 전 | 689 | ||
| 4620 | 13년 전 | 1477 | ||
| 4619 | 13년 전 | 1003 | ||
| 4618 | 13년 전 | 4052 | ||
| 4617 | 13년 전 | 2046 | ||
| 4616 | 13년 전 | 868 | ||
| 4615 | 13년 전 | 689 | ||
| 4614 | 13년 전 | 1258 | ||
| 4613 | 13년 전 | 895 | ||
| 4612 |
rakoos
|
13년 전 | 1024 | |
| 4611 |
 스터디24 |
13년 전 | 2121 | |
| 4610 | 13년 전 | 772 | ||
| 4609 | 13년 전 | 2823 | ||
| 4608 | 13년 전 | 2814 | ||
| 4607 | 13년 전 | 1080 | ||
| 4606 | 13년 전 | 776 | ||
| 4605 | 13년 전 | 2318 | ||
| 4604 | 13년 전 | 894 | ||
| 4603 | 13년 전 | 1141 | ||
| 4602 |
한번잘해보자
|
13년 전 | 690 | |
| 4601 | 13년 전 | 1808 | ||
| 4600 |
 가나다라마바사아자차카타파하 |
13년 전 | 1092 | |
| 4599 |
크라운엠버서더
|
13년 전 | 1154 | |
| 4598 | 13년 전 | 1505 | ||
| 4597 | 13년 전 | 604 | ||
| 4596 | 13년 전 | 3695 | ||
| 4595 |
cshop |
13년 전 | 925 | |
| 4594 | 13년 전 | 1803 | ||
| 4593 | 13년 전 | 1291 | ||
| 4592 | 13년 전 | 665 | ||
| 4591 | 13년 전 | 4651 | ||
| 4590 | 13년 전 | 525 | ||
| 4589 | 13년 전 | 2641 | ||
| 4588 |
 raineye |
13년 전 | 996 | |
| 4587 | 13년 전 | 662 | ||
| 4586 |
JavaDD
|
13년 전 | 1021 | |
| 4585 | 13년 전 | 7795 | ||
| 4584 | 13년 전 | 991 | ||
| 4583 |
PHPㅡASP프로그래머
|
13년 전 | 2067 | |
| 4582 |
PHPㅡASP프로그래머
|
13년 전 | 1504 | |
| 4581 |
PHPㅡASP프로그래머
|
13년 전 | 1027 | |
| 4580 | 13년 전 | 4100 | ||
| 4579 |
 미운오리스키 |
13년 전 | 694 | |
| 4578 | 13년 전 | 1193 | ||
| 4577 | 13년 전 | 823 | ||
| 4576 |
Kanzi
|
13년 전 | 882 | |
| 4575 |
 웹디자인연구소 |
13년 전 | 1564 | |
| 4574 | 13년 전 | 2355 | ||
| 4573 |
달빛소나타
|
13년 전 | 885 | |
| 4572 | 13년 전 | 1003 | ||
| 4571 | 13년 전 | 946 | ||
| 4570 |
웹디자인연구소 |
13년 전 | 1321 | |
| 4569 |
한번잘해보자
|
13년 전 | 564 | |
| 4568 |
Raizond
|
13년 전 | 1036 | |
| 4567 |
Raizond
|
13년 전 | 543 | |
| 4566 |
Revenge
|
13년 전 | 956 | |
| 4565 |
가나다라마바사아자차카타파하 |
13년 전 | 713 | |
| 4564 |
 Terrorboy |
13년 전 | 1145 | |
| 4563 | 13년 전 | 1576 | ||
| 4562 | 13년 전 | 1226 | ||
| 4561 | 13년 전 | 9409 | ||
| 4560 | 13년 전 | 1813 | ||
| 4559 | 13년 전 | 3371 | ||
| 4558 | 13년 전 | 485 | ||
| 4557 | 13년 전 | 1457 | ||
| 4556 | 13년 전 | 718 | ||
| 4555 | 13년 전 | 559 | ||
| 4554 | 13년 전 | 552 | ||
| 4553 |
 프로페셔널 |
13년 전 | 4315 | |
| 4552 | 13년 전 | 1515 | ||
| 4551 | 13년 전 | 1994 | ||
| 4550 | 13년 전 | 688 | ||
| 4549 | 13년 전 | 1044 | ||
| 4548 | 13년 전 | 1581 | ||
| 4547 | 13년 전 | 568 | ||
| 4546 | 13년 전 | 1623 | ||
| 4545 | 13년 전 | 1341 | ||
| 4544 | 13년 전 | 3041 | ||
| 4543 | 13년 전 | 1021 | ||
| 4542 | 13년 전 | 2273 | ||
| 4541 | 13년 전 | 1141 | ||
| 4540 |
미운오리스키 |
13년 전 | 1070 | |
| 4539 | 13년 전 | 1169 | ||
| 4538 | 13년 전 | 1595 | ||
| 4537 | 13년 전 | 1181 | ||
| 4536 | 13년 전 | 565 | ||
| 4535 |
스터디24 |
13년 전 | 835 | |
| 4534 |
스터디24 |
13년 전 | 984 | |
| 4533 | 13년 전 | 659 | ||
| 4532 |
soing
|
13년 전 | 7382 | |
| 4531 |
 매직크레용 |
13년 전 | 6406 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기