---
title: "CSS - Bild med text runt om"
type: "forum-thread"
url: "https://www.webforum.nu/amne/php/183945-css-bild-med-text-runt-om"
topic: "PHP"
topic_url: "https://www.webforum.nu/amne/php"
author: "phpNyb"
published: "2010-06-27T19:50:07.000Z"
updated: "2010-06-28T10:10:01.000Z"
replies: 20
views: 1459
page: 1
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/php/183945-css-bild-med-text-runt-om"
---

# CSS - Bild med text runt om

_Sida 1 av 2._

## #1 — phpNyb, 2010-06-27T19:50Z

Hej,

Jag önskar ha en bild med texten åt höger och under,  som det brukar vara på nyhetssidor. Det fungerar när jag använder följande kod:
\<img src src="bild.jpg" align="left"  style="margin: 0px 10px 0px 0px; " /\>
\<p\> texten här...\</p\>

Men fungerar inte när jag hämtar bilden från Mysql:
\<img src='$data\[bild\]'  align="left"  style="margin: 0px 10px 0px 0px; "  /\>
Det blir en tom ruta med texten runt om, bilden är osynlig! 

Någon CSS-proffs som kan hjälpa till? Jag är väldigt tacksam!

Hälsningar
phpNyb

Permalänk: https://www.webforum.nu/p/183945

## #2 — Pedda, 2010-06-27T19:55Z

Detta är nog ingen css fråga utan PHP.

Ändra din kod till:

```php
<img src="<?php echo $data[bild]; ?>" align="left" style="margin: 0px 10px 0px 0px; " />
```

Permalänk: https://www.webforum.nu/p/2241867

## #3 — voigtann1, 2010-06-27T19:57Z

floatar din bild till vänster eller höger

Permalänk: https://www.webforum.nu/p/2241868

## #4 — phpNyb, 2010-06-27T20:17Z

Tack för svaret,

Jag testat men det fungerar inte. Här är hela koden:
\<?php
$set = mysql_query("select \* FROM nyhet");
while($data = mysql_fetch_array(set)) {
?\>	
\<a href="index.php"\>\<img src="\<?php echo $data\[bild\]; ?\>" align="left" style="margin: 0px 10px 0px 0px; " /\>\</a\>";

\<?php				
}      	
?\>

Permalänk: https://www.webforum.nu/p/2241869

## #5 — voigtann1, 2010-06-27T20:19Z

sätt en float på ditt element

Permalänk: https://www.webforum.nu/p/2241872

## #6 — phpNyb, 2010-06-27T20:30Z

Tack, fortfarande problem, bilden är osynlig.
float="left"

Permalänk: https://www.webforum.nu/p/2241873

## #7 — voigtann1, 2010-06-27T20:31Z

float är ett css egenskap, inte en egenskap på ditt html element. Vad är problemet? Visas inte bilden eller den positionera inte som du vill?

redigerat:

```
<?php
$set = mysql_query("select * FROM nyhet");
while($data = mysql_fetch_array(set)) {
?>
<a href="index.php"><img src="<?php echo $data["bild"]; ?>" align="left" style="margin: 0px 10px 0px 0px; " /></a>";
<?php
}
?>
```

 du saknade sträng i din $data, du hade $data\[bild\] när det skall vara $data\["bild"\], har inget med CSS att göra.

Permalänk: https://www.webforum.nu/p/2241875

## #8 — phpNyb, 2010-06-27T20:41Z

Problemet är att bilden inte syns enligt föjlande kod:
\<img src="$data\[bild\]" align="left" style="margin: 0px 10px 0px 0px; /\>\</a\>";	

Däremot bilden syns (när jag skriver ut bilden från Mysql) men den positionerar inte som jag vill: 

$data\[bild\]

Permalänk: https://www.webforum.nu/p/2241880

## #9 — voigtann1, 2010-06-27T20:43Z

Läs mitt inlägg ovan:
$data\[bild\] och $data\["bild"\], vad är "bild" i din databas, en mapp liknande struktur var bilden finns eller det är binärdata för bilden?

Permalänk: https://www.webforum.nu/p/2241881

## #10 — phpNyb, 2010-06-27T20:51Z

Tack för din hjälp!
$data\[bild\] är själva bilden i min databas, jag har inga problem att hämta den.
Jag har problem att få texten runt bilden,

Permalänk: https://www.webforum.nu/p/2241883

## #11 — voigtann1, 2010-06-27T20:59Z

Det är bara att floatar din bild och skriv texten: Exempel: <http://voigt.se/sandbox/wf/phpNyb/image.html>

Så utan att få mer information som inte fungera för dig så bli det svårt att gå vidare, då CSS koden inte har något med hur den rendera ut din bild

$data\["bild"\] skall det vara för 3e gången, $data\[bild\] kommer inte fungera.

Permalänk: https://www.webforum.nu/p/2241885

## #12 — metalboy, 2010-06-27T21:05Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1509280)**
>
> $data\["bild"\] skall det vara för 3e gången, $data\[bild\] kommer inte fungera.

Det *fungerar* att skriva $data\[bild\], men PHP varnar. Det kan ju dock ge ett lite oväntat resultat om man har en konstant med namnet bild, vilket ju också är anledningen till att PHP varnar...

Permalänk: https://www.webforum.nu/p/2241887

## #13 — phpNyb, 2010-06-27T21:35Z

Jag vill bara skriva ut bilden från Mysql med texten åt höger och under. Nu har jag testat följande:

$set = mysql_query("select \* FROM nyhet");
while($data = mysql_fetch_array($set)) {
echo "\<a href=index.php?\>$data\[bild\]\</a\>";
\<p\>$data\[text\]\</p\>			
}

men hela texten hamnar under bilden!

Permalänk: https://www.webforum.nu/p/2241892

## #14 — voigtann1, 2010-06-27T21:41Z

Vad innehåller $data\[bild\]? är det: <http://www.dinsida.se/bilden.xxx> ? eller är det binär data? Om det är binär data så måste du ju först rendera ut det med hjälp av php i ditt fall.

Lägg upp ett exempel med all html, css som genereras ut.

Permalänk: https://www.webforum.nu/p/2241894

## #15 — phpNyb, 2010-06-27T21:48Z

$data\[bild\]? är en binär data

Permalänk: https://www.webforum.nu/p/2241898

## #16 — voigtann1, 2010-06-27T21:52Z

\<img\> vill ha en källa till var bilden finns, dvs du kan inte bifoga binärdata som en sträng till dess src (källa). Du få skapa upp en bild (med php) och anropar den filens källa för att rendera ut bilden med vanlig HTML.

Permalänk: https://www.webforum.nu/p/2241901

## #17 — phpNyb, 2010-06-27T21:56Z

Tack för din hjälp,
Det var det jag behövde hjälp med. Jag vet inte hur man gör!!

Permalänk: https://www.webforum.nu/p/2241902

## #18 — voigtann1, 2010-06-27T22:00Z

Flyttar tråden till php forumet, förhoppningsvis dröjer det inte länge förrän du få ett svar där.

Permalänk: https://www.webforum.nu/p/2241903

## #19 — phpNyb, 2010-06-27T22:02Z

Tack jag ska göra det!

Permalänk: https://www.webforum.nu/p/2241905

## #20 — voigtann1, 2010-06-27T22:08Z

har redan flyttat tråden.

Permalänk: https://www.webforum.nu/p/2241906

---

Tråden på webben: https://www.webforum.nu/amne/php/183945-css-bild-med-text-runt-om  
Nästa sida: https://www.webforum.nu/amne/php/183945-css-bild-med-text-runt-om/page2.md