Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Image + текст (в одну линию) / 7 сообщений из 7, страница 1 из 1
03.07.2009, 10:46
    #36071591
Chaki_Black
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Image + текст (в одну линию)
Добрый день.
Вопрос:
1) есть изображение, а после него текст. Если в Html добавить рисунок, а после него напиисать текст, будет на вид так:
+ "какой-то текст" ,
так вот, мне необходимо, чтобы текст "какой-то текст" был посередине напротив изображения справа. И чтобы всякий текст который будет еще справа был справа от изображения на средней линии.
Есть одно решение: сверстать на таблице, разбить всю строку на столбцы, и в каждом отдельном столбце изображения и текст, так впринципе получится. Но есть ли что попроще?
(Говорят Web программисты уже на таблицах размечать стало уже не модно, все делается на div разметке).
К файлу попробую приложить изображение: как получается, и как должно получиться:
...
Рейтинг: 0 / 0
03.07.2009, 10:54
    #36071607
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Image + текст (в одну линию)
По моему скромному имху, табличка - самое оно.
...
Рейтинг: 0 / 0
03.07.2009, 11:07
    #36071636
Chaki_Black
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Image + текст (в одну линию)
Я не спорю, может и на на табличке. С табличкой еще одна проблемка такая получается: тот рисунок, который синенький (календарик), если столбец <td> подстроить по ширине с помощью свойства style="width = 25px", поле уменьшается до определенного значения, и дальше не уменьшается... т.е. до величины где-то в 40 px. Почему невозможно сжать колоночку до того значения до которого у меня размер рисунка? Т.е. слева и справа от рисунка есть еще значительный зазор (и он больне чем cellpadding="5")?..
...
Рейтинг: 0 / 0
03.07.2009, 12:34
    #36071873
Жеrя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Image + текст (в одну линию)
поиграйся со стилем:
img {padding-bottom: 1px; vertical-align: middle;}
...
Рейтинг: 0 / 0
03.07.2009, 12:53
    #36071927
Chaki_Black
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Image + текст (в одну линию)
Жеrя, не выходит... Уже как ни пробовал. Спасибо за помощь, ладно... Фиг с ним уже, если что пробелами выровняю: наделаю пробелов в правых ячейках таблицы, и тогда у меня эта ячейка сдвинется максимально к минимуму, ей деваться будет некуда :)
Одно только, мне все-таки на табличках это все делать? Каждый image и текст в отдельную? Если так делается, я не против, сделаю, уверен, что получится (если нет ничего проще...)
...
Рейтинг: 0 / 0
03.07.2009, 14:43
    #36072230
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Image + текст (в одну линию)
Да вы чего??? Старо как мир - у IMG есть атрибут align. Для выравнивания по центру назначается middle (можно поэкспериментировать - там много значений). Только не путать со стилем! Это атрибут.
...
Рейтинг: 0 / 0
03.07.2009, 15:17
    #36072358
Chaki_Black
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Image + текст (в одну линию)
IDVsbruck, вы оказались правы, во всех Image поставить:
Код: plaintext
<img  align="middle" .... 
Что тут сказать, огромное спасибо! Теперь показывает вот так:
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Image + текст (в одну линию) / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]