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

HTML+CSS+JavaScript

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

 

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

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

тема: вывод текста по центру (странно, но актуально)
 
 автор: pengo   (04.04.2006 в 14:57)   письмо автору
 
 

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

   
 
 автор: Artemy   (04.04.2006 в 15:09)   письмо автору
 
   для: pengo   (04.04.2006 в 14:57)
 

1 вариант.
<table border="0" width="300" style="background: url(image.gif) no-repeat;">
  <tr>
     <td align="center" height="300">Ваш текст</td>
  </tr>
</table>

2 вариант.
<div style="width: 300px; height:300px; line-height:300px; text-align:center; vertical-align:middle; background: url(image.gif) no-repeat;">Ваш текст</div>

   
 
 автор: AlexSol   (04.04.2006 в 15:14)   письмо автору
 
   для: Artemy   (04.04.2006 в 15:09)
 

были такие идеи, смущает независимо от размеров изображения - думаю без javascript не обойтись (для установки размеров изображения)

   
 
 автор: Artemy   (04.04.2006 в 15:18)   письмо автору
 
   для: Artemy   (04.04.2006 в 15:09)
 

3 вариант.
<div style="width: 100%; height:100%; line-height:100%; text-align:center; vertical-align:middle; background: url(image.gif) center center no-repeat;">Ваш текст</div>

   
 
 автор: pengo   (04.04.2006 в 15:28)   письмо автору
 
   для: Artemy   (04.04.2006 в 15:18)
 

хорошё. Спасибо!

   
 
 автор: AlexSol   (04.04.2006 в 15:32)   письмо автору
 
   для: Artemy   (04.04.2006 в 15:18)
 

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

вопрос: как узнать высоту и ширину изображения скриптом

   
 
 автор: Artemy   (04.04.2006 в 16:04)   письмо автору
 
   для: AlexSol   (04.04.2006 в 15:32)
 

На РНР это делается с помощью функции getimagesize()

Как определить размеры картинки с помощью JavaScript, к сожалению, я не знаю. :-(

   
 
 автор: pengo   (04.04.2006 в 17:02)   письмо автору
 
   для: AlexSol   (04.04.2006 в 15:32)
 

>вопрос: как узнать высоту и ширину изображения скриптом


width=document.form.image.width
height=document.form.image.height


form - имя формы в которой находится изображение.

   
 
 автор: AlexSol   (04.04.2006 в 17:13)   письмо автору
 
   для: pengo   (04.04.2006 в 17:02)
 

я уже посмотрел, можно через nane непосредственно к картинке обращаться

   
Rambler's Top100
вверх

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