Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > JavaScript / HTML

JavaScript / HTML Создание динамической разметки страниц

Ответ
 
Опции темы
Старый 09.01.2011, 23:17   #31
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: CSS FAQ

Я так и делаю:

<div style="line-height: 0.8em; text-align: center;  margin-bottom: 14px;">
<img src="p6.jpg" alt="" width="266" height="446" /> 
<br /> 
<span style=" font-size: 0.8em;">Компонент Character Controller   и компонент-скрипт Third Person Controller</span>
</div>
Текст, расположенный в теге <span> , выходит за допустимые пределы ширины изображения, а нужно, чтобы он переносился на новую строку.
(Offline)
 
Ответить с цитированием
Старый 10.01.2011, 01:09   #32
HAMANN
Нуждающийся
 
Аватар для HAMANN
 
Регистрация: 05.08.2008
Сообщений: 73
Написано 11 полезных сообщений
(для 24 пользователей)
Сообщение от JeanWinters Посмотреть сообщение
Еще вопрос схожий с "реализацией" примечания. Как можно "классически" сделать картинку с надписью, чтобы она была по центру, а текст не выходил за рамки ширины изображения? Как можно сделать с тегами <div> ? Желательно чтобы было меньше текста.
а почему ее как фон не сделать?
<div style="background-image:url(...); background-repeat:no-repeat; background-position:center center"></div>


хм, нет я тебя не понял что ты хочешь. Нарисовал бы хоть

а, наверно подпись под картинкой. Так задай ширину DIV равной ширине картинки

<div style="width:266px; line-height: 0.8em; text-align: center;  margin-bottom: 14px;">
<
img src="p6.jpg" alt="" width="266" height="446" /> 
<
div style="font-size: 0.8em;">Компонент Character Controller   и компонент-скрипт Third Person Controller</div>
</
div

Последний раз редактировалось Randomize, 10.01.2011 в 03:57.
(Offline)
 
Ответить с цитированием
Старый 10.01.2011, 14:34   #33
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: CSS FAQ

Нужно сделать так:

А выходит вот так:

Т.е. картинка должна быть в центре, а текст, расположенный ниже, не должен выходить за пределы ее ширины и сам не должен центрироваться. Для второй иллюстрации был использован код, указанный выше, результат виден, а если непонятно, могу выложить сам html-файл. Короче <div> вообще все странно центрирует, но нужно сделать именно с его использованием.
(Offline)
 
Ответить с цитированием
Старый 10.01.2011, 15:03   #34
HAMANN
Нуждающийся
 
Аватар для HAMANN
 
Регистрация: 05.08.2008
Сообщений: 73
Написано 11 полезных сообщений
(для 24 пользователей)
Ответ: CSS FAQ

Сообщение от JeanWinters Посмотреть сообщение
Нужно сделать так:

А выходит вот так:

Т.е. картинка должна быть в центре, а текст, расположенный ниже, не должен выходить за пределы ее ширины и сам не должен центрироваться. Для второй иллюстрации был использован код, указанный выше, результат виден, а если непонятно, могу выложить сам html-файл. Короче <div> вообще все странно центрирует, но нужно сделать именно с его использованием.
Ну в главный DIV поставь еще margin:0 auto; А в последнем выравнивание по левому краю. Вообщем будет выглядеть так:

<div style="width:266px; margin:0 auto; line-height: 0.8em; margin-bottom: 14px;">
<
img src="p6.jpg" alt="" width="266" height="446"
<
div style="font-size: 0.8em; text-align:left;">Компонент Character Controller   и компонент-скрипт Third Person Controller</div>
</
div
(Offline)
 
Ответить с цитированием
Старый 03.02.2011, 22:43   #35
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: CSS FAQ

Можно ли как-то средствами CSS отыскать определенный текст в теге (соответствующем) и изменить его цвет или другие характеристики?
(Offline)
 
Ответить с цитированием
Старый 04.02.2011, 11:24   #36
devolonter
Разработчик
 
Аватар для devolonter
 
Регистрация: 17.01.2007
Сообщений: 409
Написано 114 полезных сообщений
(для 281 пользователей)
Ответ: CSS FAQ

Сообщение от JeanWinters Посмотреть сообщение
Можно ли как-то средствами CSS отыскать определенный текст в теге (соответствующем) и изменить его цвет или другие характеристики?
Нет. В CSS можно только найти тег с определенным свойством например input[type=password] (подробнее смотри CSS3-selectors) Для поиска определенного текста и изменения его свойств используется JS
(Offline)
 
Ответить с цитированием
Старый 04.02.2011, 13:17   #37
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: CSS FAQ

На каком ресурсе можно узнать об использовании JS в этом плане?
(Offline)
 
Ответить с цитированием
Старый 04.02.2011, 13:23   #38
devolonter
Разработчик
 
Аватар для devolonter
 
Регистрация: 17.01.2007
Сообщений: 409
Написано 114 полезных сообщений
(для 281 пользователей)
Ответ: CSS FAQ

Ну вот тут например
(Offline)
 
Ответить с цитированием
Старый 04.02.2011, 19:03   #39
JeanWinters
Знающий
 
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений
(для 51 пользователей)
Ответ: CSS FAQ

Почитал, но что-то вообще не могу вникнуть. Есть какие-нибудь еще примеры, несложные?
(Offline)
 
Ответить с цитированием
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Часовой пояс GMT +4, время: 10:40.


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com