높이가 늘어나는 박스에서 이미지 지정하기~ㅡㅡ;;
볼1매그녀
너무 초보적인 질문일수도 있어서 살짝 부끄럽긴 한데요.
끙끙대가 여기에 SOS를 청해봅니다.
* css
#content {border:1px solid #e6e6e6; width:1000px; background-color:#fafafa;}
#content .txt_box {padding:20px; float:left; width:500px; line-height:20px;}
#content .box_img {float:right;}박스왼쪽에는 text가 나오구요.
오른쪽으로는 이미지가 나오는데 이 이미지가 항상 밑에 있어야합니다.
박스 높이는 텍스트에 따라 높이가 다릅니다.
그림으로 그리자면...
ㅇㅀㅁㄹㅇㅁㅇㄴㅇㅁㄶㄶㅇㅀㅀㄹㄶ
ㅇㅀㅁㄹㅇㅁㅇㄴㅇㅁㄶㄶㅇㅀㅀㄹㄶ
ㅇㅀㅁㄹㅇㅁㅇㄴㅇㅁㄶㄶㅇㅀㅀㄹㄶ
ㅇㅀㅁㄹㅇㅁㅇㄴㅇㅁㄶㄶㅇㅀㅀㄹㄶ
ㅇㅀㅁㄹㅇㅁㅇㄴㅇㅁㄶㄶㅇㅀㅀㄹㄶ
ㅇㅀㅁㄹㅇㅁㅇㄴㅇㅁㄶㄶㅇㅀㅀㄹㄶ
ㅇㅀㅁㄹㅇㅁㅇㄴㅇㅁㄶㄶㅇㅀㅀㄹㄶ
ㅇㅀㅁㄹㅇㅁㅇㄴㅇㅁㄶㄶㅇㅀㅀㄹㄶ
요런식인거죠...ㅜㅜ
부탁좀 드릴께요~~~
-
시나브로
구조도는 안보이긴 한데
div id=\content\
\tdiv class=\txt_box\/div
\tdiv class=\box_img\/div
/div
라고 유추한다면
div id=\content\
\tdiv class=\txt_box\/div
\tdiv class=\box_img\
\t\tspanimg src=\~~\ alt=\\//span
\t/div
/div
정도 추가해주시고
#content .box_img {float:right;vertic -
쥬디시어스
각 페이지마다 바뀌는 이미지라서 백이미지는 안될꺼 같아요~~--;;
-
첫빛
#content .box_img {
background-image:url(*.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
이렇게 하면 될꺼같은데요