Inserting Images Mid-Text

Tim_Silva

Hi,

I am in need to insert some illustrational images in my articles but I need to do it better. As it stands right now, the image appears right after ['title']. As a result, it does not look very proffessional, particularly when the image is a little large. I would appreciate if you folks could show me how to insert the image AFTER the first paragraph.

As always, thank you folks at phpBuilder for your constant support in my projects.

Tim

This is my current simplified code:


mysql_connect($hostname,$username,$password) or die(mysql_error());
mysql_select_db("$dbname") or die(mysql_error());

$data = mysql_query("SELECT * FROM $usertable WHERE id=$id") 
or die(mysql_error()); 
$info = mysql_fetch_array( $data );

echo "<h1><p>" .$info['title']. "</h1></p>";
echo "<img src=images/illustrations/".$info[id].".jpg hspace=6 style='float: left;'>";
echo "<p>" .preg_replace('/^.*(?=<br \/>)/iU', '<strong>\\0</strong>', nl2br($info['content'])) ."</p>";

NogDog

Untested:

mysql_connect($hostname,$username,$password) or die(mysql_error());
mysql_select_db("$dbname") or die(mysql_error());

$data = mysql_query("SELECT * FROM $usertable WHERE id=$id")
or die(mysql_error());
$info = mysql_fetch_array( $data );

echo "<h1><p>" .$info['title']. "</h1></p>";
$text = preg_replace(
   '#<br />#i', 
   "<br /><img src=images/illustrations/{$info['id']|}.jpg hspace=6 style='float: left;'>",
   nl2br($info['content']),
   1
);
echo "<p>" .preg_replace('/^.*(?=<br \/>)/iU', '<strong>\\0</strong>', $text) ."</p>";

Tim_Silva

Dear NogDog,

You did it again. It worked first try. I just had to remove a "|" in the code and everything else went well.

I hate to bother you again but I would really appreciate if you can help me a little further. Let me inform you that I spent many many hours trying to solve it myself before I decided to ask you again for help.

Here is the thing.

There is a <break> when the second paragraph starts so it creates an empty line in the right side of the image. I could not remove it at all.
In order to place a caption under the image, I will have to insert the image on a (1 column, 2 rows) table. So that in the first row goes the image and in the second (under the image) goes the caption. I also tried to incorporate your code into it without success.

Here is how the table part of the code would be:

echo "<table width='200' border='0' cellspacing='0' cellpadding='0' align='left'><tr><th scope='row'>IMAGE GOES HERE</th></tr><tr><th scope='row'>".info['caption']."</th></tr></table>";

I know some people here will think, "why he doesn't use css?" Good question. But the simple answer is that I don't know how. I have nothing against css and would gladly use it as opposed to table.

Thanks a bunch.

Tim