Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

Форум PHP

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Несмещаюшиеся подписи под картинками
 
 автор: Владимир55   (24.07.2012 в 16:32)   письмо автору
 
 

В сети встречаются очень хорошо сделанные сайты – при ширине 1024 они всегда находятся по середине широкого экрана. Более того, если увеличивать масштаб в браузере, то подписи под картинками нисколько не смещаются относительно самих картинок!

Как это достигается?

Может, средствами РНР определяется размер экрана и вычисляется положение каждого знака? Или это решается качественной версткой?

Я вот попробовал задать положение подписи таким образом:

.kor {
    position:    absolute;
    left: 50%;
    margin-top:  110px;
    margin-left: 27%;
}


Казалось бы, смещение margin-left задано в процентах, так что должно оставаться неизменным. Но на самом деле подписи плавают при увеличении масштаба.

Как решается эта проблема?

Каким образом позиционируется текстовая подпись, не смещающаяся при изменении масштаба браузера?

  Ответить  
 
 автор: Киналь   (24.07.2012 в 16:33)   письмо автору
 
   для: Владимир55   (24.07.2012 в 16:32)
 

Посмотрите в исходном коде заинтересовавшей вас страницы — это самое надёжное.

  Ответить  
 
 автор: Владимир55   (24.07.2012 в 17:34)   письмо автору
 
   для: Киналь   (24.07.2012 в 16:33)
 

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

А кроме того, хочется по сути разобраться.

  Ответить  
 
 автор: Zezst   (25.07.2012 в 01:04)   письмо автору
 
   для: Владимир55   (24.07.2012 в 17:34)
 

Скорее всего CSS+JS. На PHP такое делать черезчур ресурсо-затратно, да и не факт что то путное выйдет.

  Ответить  
 
 автор: confirm   (25.07.2012 в 01:15)   письмо автору
 
   для: Zezst   (25.07.2012 в 01:04)
 

JS то тут в чем провинился? CSS вполне хватит.

  Ответить  
 
 автор: Владимир55   (25.07.2012 в 09:39)   письмо автору
 
   для: confirm   (25.07.2012 в 01:15)
 

"CSS вполне хватит"

Если хватит, то как сделать?

  Ответить  
 
 автор: confirm   (25.07.2012 в 14:38)   письмо автору
 
   для: Владимир55   (25.07.2012 в 09:39)
 

Наверное помещать изображение с подписями в родителя, относительно которого и будет происходить позиционирование.

  Ответить  
 
 автор: Владимир55   (25.07.2012 в 15:03)   письмо автору
 
   для: confirm   (25.07.2012 в 14:38)
 

Предположим, что родитель - это графическая планка от края и до края (980 пикселей). Как будет выглядеть код девиза, расположенного на расстоянии 75% ширины страницы, исчисленном от левого края?

  Ответить  
 
 автор: confirm   (25.07.2012 в 15:42)   письмо автору
 
   для: Владимир55   (25.07.2012 в 15:03)
 

Я предполагал, это картинка и, например, span с текстом "В. Пупкин у моря", и т.п.. Если поместить эти элементы в блочный элемент, например, div, в котором элементы выравниваются по центру, то значит такое позиционирование будет таким всегда.
А вот чтобы картинка была родителем, это слишком...
Вам в другой раздел надо, и там объяснить, что за планка, что за девиз, и относительно чего вы позиционируете.

  Ответить  
 
 автор: Владимир55   (27.07.2012 в 10:29)   письмо автору
 
   для: confirm   (25.07.2012 в 15:42)
 

Как показывает практика, многие спецы по РНР этими вопросами тоже прекрасно владеют.

  Ответить  
 
 автор: confirm   (27.07.2012 в 11:36)   письмо автору
 
   для: Владимир55   (27.07.2012 в 10:29)
 

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

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования