How can write text over images using CSS ?

Asked By kiel sanchez 10 points N/A Posted on - 03/09/2012

Hi everyone ,

Is it possible to write text over images using CSS ?

If so , please can anyone guide me on how to do this?

• Status: Open
• Question Views: 1011
• Answer Count: 1
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: Web Languages/Standards

Answered By Morcelo Toldelo 10 points N/A #94528

How can write text over images using CSS ?

Yes,it is possible to write text over images using CSS.

Just use this html on your post:

<div class="image">
  <img alt="write some thing" src="yourimage.jpg" />
  <div class="text">
    <p>Write the text you want to write over image</p>
    <p>Write more text if you want to write over image in next pragraph</p>
  </div>
</div>

Then use this CSS code:

.image {
position:relative;
float:center; /* chose your position,optional */
}
.image .text {
position:absolute;
top:12px; /* specify position */
left:15px;
width:200px; /* specify wide you like */

}
You can change the value as your wise.You have to use this css for one time only and html code
to every post.In this case all the image will display text as the same manner.If you want
to specify different style for different image,then use different CSS
code in inline.

About Morcelo Toldelo

Questions
3

Answers
115

Best Answers
24

• Vote Up 0 Vote Down

• Posted on - 03/14/2012
• Question Category: Web Languages/Standards