ansaurus

Question

Answer 1

A:

Set it as a background image and add a padding to the element so that the text appears to the right of the image:

.con-text {
  font-size:0.7em;
  margin-top:-0.7em;
  padding:2px;
  background: url(your_image_url) no-repeat;
  padding-left: something-greater-than-image-width px;
}

casablanca 2010-10-11 05:44:14

hi i have changed code and edit in question now problem is that image is coming not full size please help how the image will come in full size

Rahul Mehta 2010-10-11 06:48:55

Set `width` and `height` for the div to be greater than image size.

casablanca 2010-10-11 13:33:03

Answer 2

A:

you could try Casablanca's answer, another option is to set the background position of the image:

.con-text {
    background url('yourImage.jpg') no-repeat 5px 2px;
}

when positioning background elements, the two pixel values are horizontal eg (5px) then vertical (2px).

Adjust with your browser's developer tool for the desired position.

tiltos 2010-10-11 05:53:03

Answer 3

A:

Hey To see it live with Demo and code sample Click here.

saorabh 2010-10-11 06:29:46

ansaurus

tags:

views:

answers:

want to add image left corner of div

related questions