How to display image on the left side of the text

Question

0.00/5 (No votes)

See more:

PHP

if (mysql_num_rows($cld1v)=='1'){
	echo "<img src=images/cld1 border='1' style='max-width:400px; position:relative; top:15px; float:right; margin-bottom:15px; margin-left:15px;'><br />";
}
while($in=mysql_fetch_row($text)){
	echo "<div style='removed:relative;'>$in[0]";
}
if (mysql_num_rows($cld2v)=='1'){
	echo "<img src=images/cld2 border='1' style='position:relative; bottom:400px; float:left; left:0px; max-width:400px; margin-top:15px; margin-right:15px;'>";
}

Now in this code, the first image ist displayed on the right like I wanted it to.
Thats how it looks like at the moment:
http://imageshack.us/photo/my-images/809/wp0m.png/
And that is how I want it too look like:
http://imageshack.us/photo/my-images/843/o4to.png/

The second link is a picture from the old page, where the text is written in a .html document. The first one is from the newpage, where the text is in a mysql database and its easier to edit

I need it like this

text text text text -----------
text text text text | picture 1|
text text text text -----------
text text text text text text
text text text text text text
--------- text text text text
picture 2|text text text text
--------- text text text texthttp://www.codeproject.com/Questions/ask.aspx

Posted 1-Nov-13 7:11am

Chi Ller

Updated 2-Nov-13 3:06am

v3

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Pratik Bhuva · Answer 1 · 2013-11-01T23:18:00

Solution 2

Take two div tag.
in first div tag display your image and give it float:left.
in second div add your text and give padding as per your requirement.

Ex:
<div id="Main">
     <div id="firstDiv" style="float:left"><img ...="" /></div>
     <div id="secondDiv" style="padding:6%"><p>Your Text Here</p></div>
</div>
<div style="clear:both"> //to clear float effect.
</div>

Hope This Helps You.
----------------------
Pratik Bhuva

Posted 1-Nov-13 23:18pm

Pratik Bhuva

Updated 1-Nov-13 23:19pm

v3

Comments

Chi Ller 2-Nov-13 9:04am

now the picture is just at the top of the text and next to the other picture

--------- text text text ---------
picture2| text text text |picture1 |
--------- text text text ---------
text text text text text text text

but i need

text text text text -----------
text text text text | picture 1|
text text text text -----------
text text text text text text
text text text text text text
--------- text text text text
picture 2|text text text text
----------text text text text

Vishnu Prajapati · Answer 2 · 2013-11-01T19:37:00

Solution 1

Following may help you :
--------------------------

1> http://stackoverflow.com/questions/3738964/css-image-on-right-side-of-page-with-text-not-wrapping-around-it[^]

Posted 1-Nov-13 19:37pm

Vishnu Prajapati

Comments

Chi Ller 2-Nov-13 8:26am

That´s not really the problem. The problem is the text read from a mysql database, so I don´t know how to put the second image on the left side at the bottom of the page

Chi Ller · Answer 3 · 2013-11-02T06:12:00

Ok I found an other way to do this:

PHP

$count = str_word_count($string);
$split = explode(' ',$string);
$part1 = array_slice($split,0,ceil($count/2));
$part2 = array_slice($split,ceil($count/2));
$string1 = implode(' ',$part1);
$string2 = implode(' ',$part2);

first I count the words of the database, then I splitted it of after the half, and put the 2nd picture at the top oft the second half.

Thats not pefect I think, but I´m contented :)