Jump to content

background image behind multy line text, line by line


aliento

Recommended Posts

Hello,

I want to put behind text a background image. I did it but when the text is long and change line the background disappear.

Here are the css i use inside a span :

position:relative;
    background-image: url('http://domain/images/bar.png');
    height:35px;
line-height:35px;
background-repeat: repeat-y;
background-repeat: repeat-x;
display: inline-block;

I want the background to be in all lines of the text.

Link to comment
Share on other sites

Sorry I am on my cell phone. But from what I am understanding, I think you are trying to have a background image behind some text. Try this:

 

Have a div container with the background and

your code inside the container can be the text.

 

<div id="container">

<! - - your code - - >

</div>

 

CSS

 

#container{background:url(your url) //add all your other background css

 

Then you want to set your text to display inline-block.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.