forum.boolean.name

forum.boolean.name (http://forum.boolean.name/index.php)

- JavaScript / HTML (http://forum.boolean.name/forumdisplay.php?f=136)

- - CSS FAQ (http://forum.boolean.name/showthread.php?t=12399)

Ответ: 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> , выходит за допустимые пределы ширины изображения, а нужно, чтобы он переносился на новую строку.

Цитата:

Сообщение от JeanWinters (Сообщение 175016)

Еще вопрос схожий с "реализацией" примечания. Как можно "классически" сделать картинку с надписью, чтобы она была по центру, а текст не выходил за рамки ширины изображения? Как можно сделать с тегами <div> ? Желательно чтобы было меньше текста.

а почему ее как фон не сделать?

Код:

<div style="background-image:url(...); background-repeat:no-repeat; background-position:center center"></div>

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

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

PHP код:


		
			
<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>

Ответ: CSS FAQ

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

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

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

Ответ: CSS FAQ

Цитата:

Сообщение от JeanWinters (Сообщение 175104)

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

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

Ну в главный DIV поставь еще margin:0 auto; А в последнем выравнивание по левому краю. Вообщем будет выглядеть так:

PHP код:


		
			
<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>

Ответ: CSS FAQ

Можно ли как-то средствами CSS отыскать определенный текст в теге (соответствующем) и изменить его цвет или другие характеристики?

Ответ: CSS FAQ

Цитата:

Сообщение от JeanWinters (Сообщение 177839)

Нет. В CSS можно только найти тег с определенным свойством например input[type=password] (подробнее смотри CSS3-selectors) Для поиска определенного текста и изменения его свойств используется JS

Ответ: CSS FAQ

На каком ресурсе можно узнать об использовании JS в этом плане?

Ответ: CSS FAQ

Ну вот тут например

Ответ: CSS FAQ

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