Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Текст и обтекаемость

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Impuls
Отправлено: 08 Марта, 2011 - 18:45:17
Post Id


Новичок


Покинул форум
Сообщений всего: 4
Дата рег-ции: Март 2011  


Помог: 0 раз(а)




Здравствуйте!
Недавно начал писать дополнение к сайту на css/php, но никак не додумаюсь, как можно написать текст на самой картинке, не рисуя. Надо, чтобы по середине <img> был стандартный текст, который ссылается на другую страницу.
 
 Top
movEAX
Отправлено: 08 Марта, 2011 - 19:13:35
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 750
Дата рег-ции: Авг. 2009  


Помог: 16 раз(а)




CODE (html):
скопировать код в буфер обмена
  1. <style type="text/css">
  2.     .image-wrapper, .image-wrapper img {
  3.         width: 500px;
  4.     }
  5.     .image-wrapper {
  6.         margin: 0 auto;
  7.         position: relative;
  8.     }
  9.     .image-wrapper .inscription {
  10.          background-color: rgba(0, 0, 0, 0.5);
  11.          bottom: 180px;
  12.          color: #FFFFFF;
  13.          font-family: Arial;
  14.          font-size: 20px;
  15.          height: 100px;
  16.          line-height: 100px;
  17.          margin-left: 150px;
  18.          position: absolute;
  19.          text-align: center;
  20.          width: 200px;
  21.     }
  22. </style>
  23. <div class="image-wrapper">
  24.     <img src="http://www.gotps3.ru/files/articles/030909_214703090.jpg" alt="test image" />
  25.     <div class="inscription"> Весна она такая... </div>
  26. </div>

Ну, что-то вроде этого.


-----
армия.. самое убогое место
 
 Top
Impuls
Отправлено: 08 Марта, 2011 - 19:18:42
Post Id


Новичок


Покинул форум
Сообщений всего: 4
Дата рег-ции: Март 2011  


Помог: 0 раз(а)




Спасибо вам большое!
 
 Top
koka
Отправлено: 08 Марта, 2011 - 19:21:44
Post Id



Гость


Покинул форум
Сообщений всего: 115
Дата рег-ции: Июнь 2010  
Откуда: Россия, Ижевск


Помог: 1 раз(а)




Impuls, может вам эта ссылка пригодится http://www[dot]dikarka[dot]ru/lessons/lesson_29[dot]shtml


-----
http://rulevoi[dot]net - запчасти для иномарок в Ижевске
 
 Top
Impuls
Отправлено: 08 Марта, 2011 - 19:50:06
Post Id


Новичок


Покинул форум
Сообщений всего: 4
Дата рег-ции: Март 2011  


Помог: 0 раз(а)




Нет, мне этот урок не моможет.
Но не могли бы вы мне скинуть уроки про наложение текста на картинку посредством css?
Заранее благодарен.

(Отредактировано автором: 08 Марта, 2011 - 19:50:49)

 
 Top
koka
Отправлено: 08 Марта, 2011 - 20:19:50
Post Id



Гость


Покинул форум
Сообщений всего: 115
Дата рег-ции: Июнь 2010  
Откуда: Россия, Ижевск


Помог: 1 раз(а)




Impuls, вам, наверное, z-index нужен, может также получится наложить текст на картинку.
[url]http://htmlbook[dot]ru/css/z-index [/url]
(Добавление)
Impuls, смотритеб у меня вроде получилось http://rulevoi[dot]net/test.php

CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #layer1 { position: absolute; z-index: 1; }
  5. #layer2 { position: absolute; z-index: 2; }
  6. </style>
  7. </head>
  8.  
  9. <body>
  10.  
  11. <div id="layer1"><img src="http://rulevoi.net/rul3.gif" border="0"></div>
  12. <div id="layer2"><a href='http://rulevoi.net'>ОЧЕНЬ ДЛИННЫЙ ТЕКСТ</a></div>
  13.  
  14. </body>
  15. </html>

(Отредактировано автором: 08 Марта, 2011 - 20:20:29)



-----
http://rulevoi[dot]net - запчасти для иномарок в Ижевске
 
 Top
molchun201
Отправлено: 08 Марта, 2011 - 23:46:01
Post Id



Посетитель


Покинул форум
Сообщений всего: 295
Дата рег-ции: Февр. 2011  
Откуда: Менеск


Помог: 5 раз(а)




на что то такое есть вроде ф-ции в пхп
вот тут полистай:
http://php.su/functions/?cat=image

и вот эту глянь:
http://php.su/functions/?imagecopymerge

или такое:
http://php.su/functions/?imagettftext

там много добра всякого, думаю своё найдёшь Подмигивание

(Отредактировано автором: 08 Марта, 2011 - 23:47:45)



-----
Обрамляйте код тегами и читайте
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Программирование на PHP »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB