2010-05-23 2 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> 

, но моя проблема в том, что я не могу использовать таблицу, поэтому, пожалуйста, дайте мне знать, как я могу получения идеальной вышеупомянутая задача без использования таблиц.

Может быть или тег может сделать трюк. но я действительно тупой в html. и я никогда не могу найти точный ответ на мою проблему в google ..

, пожалуйста, дайте мне знать, как это получить. Это срочно, ваша помощь или предложение мне очень помогут.

Заранее спасибо.

+0

Я написал содержимое HTML на пост выше, но бог знает, почему он не появляется. позвольте мне попробовать еще раз ..

Текст Тест asdkahsd
asjkdlalsdjljaljsdljaljdsljlasjd
; кк; aksd; ка; SD; ка, дк; ка, КСД; ка, КСД; K ; aksd
Zerotoinfinity

+0

Чтобы иметь HTML или появится какой-нибудь код, выделите код на странице редактирования и нажмите «101» переключат п. – waiwai933

+0

Спасибо waiwai, ваш комментарий поможет мне в будущем! :) – Zerotoinfinity

ответ

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

Absolute perfect .. :) спасибо большое за ваш быстрый ответ ... работаю как чудо для меня. Еще раз спасибо – Zerotoinfinity

+0

С классом, присвоенным изображению или с помощью какого-либо другого селектора, вы можете плавать изображение без его обертывания в div. Кроме того, хотя я уверен, что waiwai933 использует встроенные стили для краткости, вам лучше ставить стили в таблицу стилей. –

+0

Hi Waiwai & BJ Safdie, Я использовал тот же код, он отлично работает в IE и Chrome, но не работает в firefox, любое предложение? В firefox, текст идет под изображением Пожалуйста, помогите. – Zerotoinfinity

Смежные вопросы