2013-04-24 69 views
1

好吧,这是一个订阅箱,里面有我正在制作的fancybox,一切都很顺利。 这里只是一个小问题。 我使用的图像被卡在左边,甚至保证金属性也没用。图片卡在左边

<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,这样我可以不写的确切文本右除图片。

+0

你能附上一个屏幕截图吗? – Sikander 2013-04-24 13:56:18

+0

你能为我们提供一个jsfiddle吗? – 2013-04-24 13:56:21

+0

http://jsfiddle.net/bune_dev13/wk99d/1/ 图像卡在某处,位于extremetext左侧sometext2的下方。我怎么这么试过,没有发生:( – 2013-04-24 14:03:21

回答

4

我认为这可以让你在正确的方向:

如果使用img标签,然后这应该工作

#img1_1 { 
    margin-left: 20px; 
} 

,如果你使用的背景图像,你应该使用后台位置:

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

没有冒犯,但我建议您进一步深入CSS和HTML,因为这是一个非常基本的CSS问题。

+0

谢谢你ruben \ m/ – 2013-04-24 14:05:35

+0

需要15个声望投票,我没有那么多。对不起。 – 2013-04-24 17:17:32