2010-05-23 44 views
0

我正在使用asp.net和C#。圖像以及HTML中的文本,asp.net

我有一個圖像和三行。我想這樣放置

就像你可以在下面的URL中看到的一樣。

http://www.campaignmonitor.com/gallery/

圖片是在左側,並且平行於圖像我們可以寫文本。

我知道,同樣可以通過HTML表/ ASP.NET表這樣

<table> 
<tr> 
    <td> 
    <img src="#"/> 
    </td> 
    <td> 
    first line <br /> 
    second line <br/> 
    third line <br /> 
    </td> 
</tr> 
</table> 

來來達到的,但我的問題是,我不能用表,所以請讓我知道我可以acheive上述任務不使用表格。

可能是或標籤可以做的伎倆。但我真的很愚蠢的HTML。我無法搜索我的問題在谷歌的確切答案..

請讓我知道如何得到這個。 這很緊急,你的幫助或建議會幫助我很多。

在此先感謝。

+0

我寫了上面的帖子中的HTML內容,但上帝知道爲什麼它沒有出現。讓我再試試吧..

​​ ​​ 文本測試asdkahsd
asjkdlalsdjljaljsdljaljdsljlasjd
; KK; aksd; KA; SD; KA; DK; KA; KSD; KA; KSD; K- ; aksd
Zerotoinfinity 2010-05-23 20:15:42

+0

要具有HTML或任何代碼出現,彰顯編輯網頁上的代碼,然後點擊「101」 butto ñ。 – waiwai933 2010-05-23 20:18:40

+0

謝謝waiwai,您的評論將在未來幫助我! :) – Zerotoinfinity 2010-05-23 20:23:00

回答

1

使用CSS,您可以將圖像浮動到左側,這將導致文本出現在圖像的右側。

例如,採取如下:

<html> 
<head><title>Example</title></head> 
<body> 
    <div style="float:left"> <!-- I've floated the div containing the image to the left --> 
    <img src="http://www.google.com/images/srpr/nav_logo13.png"> 
    </div> 
This is text that is to the right of the image. 
</body> 
</html> 
+0

絕對完美.. :) 非常感謝您的快速響應... 工作就像我的奇蹟。再次感謝 – Zerotoinfinity 2010-05-23 20:25:54

+0

有了一個分配給圖像或通過其他選擇器的類,您可以浮動圖像而無需將其包裝在div中。另外,雖然我確信waiwai933爲簡潔起見使用了內聯樣式,但最好將樣式放入樣式表中。 – 2010-05-23 20:30:31

+0

嗨Waiwai&BJ Safdie, 我使用了相同的代碼,它在IE和Chrome中工作正常,但在Firefox中不工作,任何建議? 在Firefox中,文本正在圖像下 請幫忙。 – Zerotoinfinity 2010-05-23 20:41:46