2013-10-22 52 views
1

我絕不是一個專家,但我設法得到或多或少。獲取php回聲以使圖像浮動

我在我的網站上創建了一個特定尺寸的「框」。

就讓我們把它叫做

<div class="newsbox" style="size, width etc."> 

這個類裏面,我把圖像像這樣(的$這-getThemePath是CMS專用):

<div class="image" style="position:fixed; top:15%; left:20%; padding-top: 3px; padding-left:3px; float:left;"> 
<img src="<?php echo $this->getThemePath()?>/images/postit_today.png"></div> 

在那之後,我有一個循環從我的數據庫是這樣寫出來的內容:

<div class="newsstyling" style="font-size: 16px;"><?php echo nl2br($news .= "\n");?></div> 

最後,我關閉 - 標籤爲我的「NewsBox中」

在我的,誠然新手,心中,任何文本通過循環寫出來,應該漂浮在上面的圖像。它沒有。它會忽略圖像並在其下面寫入文本。

任何提示,提示,鏈接或指南將深受讚賞。

感謝, 托馬斯

+0

這是你在找什麼? http://webdesign.about.com/od/beginningtutorials/ht/wrap_text_image.htm –

+1

@ 1ntello - 都是和不是。我知道浮球是如何工作的,但我不知道「位置:固定」破壞了它。不管怎麼說,多謝拉! –

回答

2

那是因爲你正在使用position:fixed,定位的元素是一個網頁的正常流程外,試試這個:

<img style="float:left" /><div>my text, foo, bar, etc.....</div> 
+0

你是一個拯救生命的人。謝謝! :) –

0

變化

<img src="<?php echo $this->getThemePath()?>/images/postit_today.png"> 

<img src="<?php echo $this->getThemePath()?>/images/postit_today.png" style="float:right" hspace=10 vspace=10> 
+0

不能得到那個工作。大衛爲我修正了它:-) –