898 / 345 / 65
Регистрация: 11.02.2012
Сообщений: 1,502
1

Картинка слева, текст справа

20.06.2012, 17:45. Показов 37286. Ответов 2
Метки нет (Все метки)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 <div align="left"> 
 <table border="0" cellpadding="0" cellspacing="0"> 
 <tbody><tr> 
 <td width="17" background="http://************/img_s/pamka/ul.png" height="17"> 
 </td> 
 <td background="http://************/img_s/pamka/up.png" height="17"> 
 </td> 
 <td width="17" background="http://************/img_s/pamka/ur.png" height="17"> 
 </td> 
 </tr> 
 <tr> 
 <td width="17" background="http://************/img_s/pamka/right.png"> 
 </td> 
 <td background="http://************/img_s/pamka/bg.png" > 
 <div align="center"> 
 <div style="padding-bottom:1px;"><a href="$AUTHOR_EMAIL$" onclick="return hs.expand(this)"><img src="$AUTHOR_EMAIL$" border="0" width="250"></a> 
 </td> 
     
 <td width="17" background="http://************/img_s/pamka/left.png"> 
 </td> 
 </tr> 
 <tr> 
 <td width="17" background="http://************/img_s/pamka/dr.png" height="17"> 
 </td> 
 <td background="http://************/img_s/pamka/down.png" height="17"> 
 </td> 
 <td width="17" background="http://************/img_s/pamka/dl.png" height="17"> 
 </td> 
 </tr> 
     
 </tbody></table> </div>
 <br> 
 
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
 <tr><td class="eText" colspan="2">
     <center><style> 
 .alert.success { 
 background: #EEE5DE; 
 border: 1px solid #8B8682; 
 } 
 
 .alert { 
 color: #717171 !important; 
 display: block; 
 margin-bottom: 20px; 
 padding: 10px; 
 text-align: center; 
 } 
 </style> 
 <div class="alert success"><b>$MESSAGE$</b></div></center>
Есть такой вод код, он выводит картинку с рамкой и сообщение(тоже с рамкой) под картинкой. Нужно сделать, чтобы текст выводился справа от картинки. Как бы на одной и той же линии, только справа. Ну, что-то типо, как в блогах.
Миниатюры
Картинка слева, текст справа  
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.06.2012, 17:45
Ответы с готовыми решениями:

Все фото слева, а текст справа. Нужно свой текст под своим фото
Вот такая ситуация, довльно простая, но до меня никак не допрёт как это сделать.. &lt;html&gt; &lt;head&gt;...

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

Div слева по центру и справа
Доброго дня! По бокам понятно как выровнять, через float, а по центру? &lt;div class=&quot;tools&quot;&gt;...

Выравнивание списка слева и справа
Здравствуйте, у меня на тестовом в записях сверху есть строка в которой отображается &quot;автор, дата,...

2
6 / 6 / 1
Регистрация: 27.03.2011
Сообщений: 18
21.06.2012, 10:22 2
Создаёте 2 блока, со стилем:

HTML5
1
2
<div class="block"><img src=""/></div>
<div class="block"><p>Text</p></div>
CSS
1
2
3
4
.block{
 display:inline-block;
 vertical-align:middle;
}
И желательно задать ширину.
4
0 / 0 / 0
Регистрация: 21.12.2015
Сообщений: 1
21.12.2015, 18:11 3
Цитата Сообщение от Ptichka_grif Посмотреть сообщение
Создаёте 2 блока, со стилем:
спасибо, добрый человек! получилось!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
21.12.2015, 18:11
Помогаю со студенческими работами здесь

Разместить изображения слева и справа от текста
Создал backgroung на текст, увеличил его , пишу теперь в нём текст) Хотел загрузить слева и...

Бордер справа должен быть слева
В коде пишу и должен левый бордер убрать но в итоге

Разместить форму слева, картинку справа
Есть форма связи и картинка, нужно расположить их горизонтально. Картинка, если заключить все это...

Размещение контента справа и слева от блока
Доброго времени суток! Нужна помощь. Есть вот такая страничка: &lt;!DOCTYPE html&gt; &lt;html&gt;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru