2013-05-13 3 views
-1

나는 이미지를 포럼 (아바타)에서 꺼내지 만, 그 (것)들을 붙잡을 때마다, 내 div에 적합하지 않습니다. 내가 무엇을 하든지, 어떻게 그 이미지를 내 div에 넣을 수 있는지 궁금합니다. 여기 변수의 이미지 스타일을 지정하는 방법은 무엇입니까?

내가 이야기하고있는 라인이다 :

<div id="image">'.$ipbwi->member->photo($friend['friends_friend_id']).'</div> 

을 그리고 여기에 전체 foreach 문의 : 나는 IPB 포럼에서 데이터를 끌어 ipbwi을 사용하고

<?php 
$friends = $ipbwi->member->friendsList(false,true); 
foreach($friends as $friend){ 
echo ' 
<div class="friend"> 
<div id="image">'.$ipbwi->member->photo($friend['friends_friend_id']).'</div> 
<div class="username">'.$ipbwi->member->id2displayname($friend['friends_friend_id']).'</div> 
</div> 
'; 
} 
?> 

그리고 난 확장하고 싶습니다 모든 이미지를 (예 : 40x40 픽셀).

편집 : #friend #image IMG {폭 : 여기

내가 DIV에 IMG에 사용하고있어 CSS의 40px; 높이 : 40 픽셀;}

미리 감사드립니다.

+0

* PHP (및 변수)는 관련이 없습니다. * HTML 출력을보십시오. 유효/예상입니까? 그렇다면 HTML *을 CSS로 어떻게 스타일링 할 수 있습니까? 프로필 사진은 * data *이므로 CSS에는 적합하지 않으므로 ''태그가 있어야합니다. 데이터는'src' 속성을 통해 자원이나 데이터 URI로''에 공급됩니다. – user2246674

+0

@ user2246674에 동의합니다. 사용중인 출력 HTML과 CSS를 표시하면 도움이 될 수 있습니다. –

+0

이것 좀보세요 : http://stackoverflow.com/questions/16352774/is-it-possible-to-render-an-image-in-two-sizes-with-correct-proportion/16352853#16352853 – Arbel

답변

1

시도가 일을 추가와 div 태그의 내부에있는이 의지 만 다시 크기 이미지 yle rule

.friend img { max-width:100px; max-height:100px } 
0

나는 이것을 과거에 해왔다.

.img-resize { 
    width: 200px; 
    height : auto; 
} 

.img-resize { 
    width: auto; 
    height : 300px; 
} 

는 CSS 클래스 img-resize을 만들고 당신이 원하는 폭과 높이를 제공합니다. 이것은 종횡비를 유지할 것입니다. 다음과 같이 사용하십시오 : <img src="http://example.com/12.jpg" class="img-resize" /> 그러면 scr을 db의 값으로 바꿀 수 있습니다.

0

사용이 CSS는 이미지 크기를 조정하려면 : 또한

img { 
    max-width: 40px; 
    max-height: 40px; 
} 

을 명심이 것 aplly 페이지의 모든 img 태그, 그래서 당신은 같은 것을 할 수있는보다 구체적으로 :

.friend img { 
    max-width: 40px; 
    max-height: 40px; 
} 

class "친구"

관련 문제