Tekst om afbeelding heen laten lopen

[Egel007]

Beste forummers,

Ik heb een tekst opgeslagen in mijn MySQL-database, die wordt uitgelezen per geselecteerd id (het betreft hier nieuwsartikelen).
Ook heb ik in mijn database een bijbehorende afbeelding, die dus ook moet worden weergegeven bij het juiste nieuwsartikel.

Nu wil ik wel graag dat de tekst er omheen loopt, maar dit krijg ik niet helemaal voor elkaar. Zoals ik het nu allemaal heb ingesteld, etc, komt de tekst over de afbeelding heen te staan.

CSS:

#newsarticletext{
				font-family:Arial, Helvetica, sans-serif;
				font-size:15px;
				color:#FFFFFF;
				margin-top:25px;
				margin-left:275px;
				width:615px;
			}
			#newsarticleimage{
				height:100px;
				width:150px;
				float:right;
				margin-top:-325px;
				margin-right:25px;
			}

HTML:

<div id="newsarticletext">
            	<?php
				//Connecten met de database
					mysql_connect("localhost", "root", "");
					mysql_select_db("news");
				//Content selecteren vanuit de database, en echo'en.
					$id=$_GET['id'];
					$query = "SELECT article FROM articles WHERE id='$id'";
					$uitvoer = mysql_query($query);
					
					while($rijquery=mysql_fetch_array($uitvoer))
					{
						echo $rijquery ['article'];
					}
				?>
            </div>
            <div id="newsarticleimage">
            <?php
				//Connecten met database
				mysql_connect("localhost", "root", "");
				mysql_select_db("image");
				
				//Query en ophalen
				$query = "SELECT link FROM newsarticle WHERE id='1'";
				$uitvoer = mysql_query($query);
				$array = mysql_fetch_array($uitvoer);
				echo "<img src=\"".$array['link']."\">";
			?>
            </div>

Iemand enige oplossing?
Bij voorbaat dank.

Mvg,
Egel-.

 

[fritzi]

Je hebt nu aparte div's voor tekst en afbeelding. Als je de tekst om de foto heen wil laten lopen dan kun je tekst en foto in 1 div plaatsen, en de afbeelding een align=left meegeven.

 

[Egel007]

Maar de afbeelding moet ook met margins precies op de juiste plek gezet worden. Dus dan zou de tekst ook niet goed meer staan.. Toch?

Bedankt!

 

[fritzi]

Je kan het op twee manieren aanpakken:

- Twee div's naast elkaar zetten, 1 voor de foto, en 1 voor de tekst. De tekst komt dan naast de foto te staan.
- één div neerzetten voor foto én tekst. Dan kan de tekst om de foto heen lopen.

 

[Egel007]

Oké, nogmaals bedankt voor de informatie, maar als ik dus de twee div's naast elkaar zet (je bedoeld letterlijk naast elkaar zetten?), dan gaat de tekst alsnog niet om de afbeelding heen. Dan klopt ook mijn hele layout niet meer.

En voor de tekst heb ik een bepaalde breedte ingesteld, omdat het vak waarin het komt te staan smaller is.
Dus voor de tekst heb ik al width en height in de div gebruikt. Als ik daar mijn image nog bij zou zetten, zou mijn image die gegeven width en height zijn, en niet die 150x100.
Dus dat gaat ook niet?

Groetjes!