이미지 왼쪽에 붙어 있습니다

좋아요. 이것은 제가 만들고있는 모든 팬시 박스가있는 구독 상자입니다. 여기에 약간의 문제가 있습니다. 내가 사용하고있는 이미지가 왼쪽에 고착되어 있으며 여백 속성도 사용되지 않습니다.이미지 왼쪽에 붙어 있습니다

<style type="text/css"> 
    body{ 
     background-image:url(../../images/subscribe.png); 
     background-repeat:no-repeat; 
     background-position:left bottom; 
     margin-bottom:85px; 
     line-height:2px; 
     margin-left:10px; 
     margin-right:10px; 

    } 
    #h1_1 { 

     something; 

    } 
    #h1_2 { 
     something; 
    } 
    #h1_3 { 
     something; 

    } 

/* 
    #img1_1 { 
     background-position:left bottom; 
     margin:0px; 
     background-repeat:no-repeat; 

    } 
    */ 

    </style> 
    </head> 
    <body> 


     <p id="h1_1"> 
     <b>Subscribe Us</b> 
     <br> 
     <p id="h1_2"> Sometext</p><!-- end h1_2 --> 

     <p id="h1_3"> sometext</p><!-- end h1_3 --> 
     </p> <!-- end h1_1 --> 

    <!-- <img src="../../images/subscribe.png" id="img1_1"> --> 

    </body> 
    </html>

여백 인적 또는 몸 전체가 를 이동 도착하고 난 몸에 creatig, 배경에 이미지를 넣어하지 않는 경우,이 방법은 내가 잘 외에 정확한 텍스트를 쓸 수 적용되는 경우 영상.

출처

2013-04-24 Abhishek D

스크린 샷을 첨부 할 수 있습니까? – Sikander

당신은 우리를 위해 jsfiddle을 제공 할 수 있습니까? –

http://jsfiddle.net/bune_dev13/wk99d/1/ 이미지가 극단 왼쪽의 sometext2 바로 아래 어딘가에 고정되어 있습니다. 얼마나 그렇게까지 시도했는지, 일어날 일이 없습니다. ( –

나는 이것이 옳은 방향으로 당신을 얻을 생각

: 당신은 img 태그를 사용하는 경우 당신은 당신이 배경 위치를 사용해야하는 배경 이미지를 사용하는 경우

는 다음이

#img1_1 { 
    margin-left: 20px; 
}

작동합니다 :

body { 
    background-position: 20px 20px; 
}

불쾌감을 느끼지 않지만 CSS와 HTML에 대해 더 자세히 알아보기를 권합니다.이 질문은 꽤 기본적인 CSS 질문입니다.

출처

2013-04-24 13:57:44

ruben \ m/ –

에 투표하는 데 15 가지의 평판이 필요하며 그만큼은 없습니다. 미안 해요. –

이미지 왼쪽에 붙어 있습니다

답변

관련 문제