Seperating image from text in CSS vertical background repeat within content ID's

Discussion in 'CSS' started by mrukjames, Apr 8, 2010.

0
  1. #1
    Hi guys, please could you give me a css fix for the problem I am having in the following URL test page. I want to separate the vertical hearts from the text. Any ideas would be appreciated. Creating margins does work as it only moves away the entire column. Thank you in advance.

    http://www.anxietymadewell.com/test2.html
     
    mrukjames, Apr 8, 2010 IP
  2. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #2
    from my point of view, you can:
    a) float a thin div inside #content and place the image in it.
    b) place the image inside the paragraph and float it left. that'll make the text surround it. but not as background.
     
    Abh, Apr 8, 2010 IP
  3. ampg-it

    ampg-it Peon

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi James

    I hope this helps

    #content
    {
    color: #000099;
    float: left;
    width: 50%;
    background-image: url(../images/smallhearts.gif);
    background-repeat: repeat-y;
    background-possition: left top;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 2%;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 45px;

    }
     
    ampg-it, Apr 9, 2010 IP
  4. mrukjames

    mrukjames Peon

    Messages:
    66
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks for you help. I love you!!! :)
     
    mrukjames, Apr 9, 2010 IP