Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Text over image displaced when publsihed

I have a banner image on a report with three labels, some with params in them, on top of it. It all looks fine in design mode but when I save and view it the text is then displaced above and below the image. How do I stop it doing this?

Thanks.

like image 821
Pete North Avatar asked Nov 09 '11 12:11

Pete North


People also ask

How do I overlay text on a photo?

On the Insert tab, in the Text group, click Text Box, drag to draw a text box anywhere near the picture, and then type your text. To change the font or style of the text, highlight the text, right-click it, and then select the text formatting you want on the shortcut menu.

How do I put text over an image in HTML table?

This can be done by enclosing the image and text in an HTML “div”. Then make the position of div “relative” and that of text “absolute”. The absolute elements are positioned relative to their parent (div).

How do I put text over an image in bootstrap?

I can say after your <img> tag add the <p class="carousel-caption">Some text here </p> Your text will appear on your image !. Long story , short . Add class=carousel-caption to the HTML tag which contains your text which needs to be positioned over your image !. (And then if you wish add custom css top:xyz% to your .


2 Answers

  1. Insert a Rectangle the same size as your banner image and set the BackgroundImage property value to your banner image.
  2. Add your text boxes over the top of your rectangle.
like image 69
upshake Avatar answered Nov 21 '22 20:11

upshake


Insert a Rectangle the same size as your banner image and set the BackgroundImage property value to your banner image. Add your text boxes over the top of your rectangle.

That worked for me!

like image 33
Николай Каретников Avatar answered Nov 21 '22 20:11

Николай Каретников