Php выровнять по центру
Время от времени на HTML страничках наблюдаю такую конструкцию:
Так делать неправильно — тег center устаревший и не рекомендуется с употреблению:
The CENTER element is exactly equivalent to specifying the DIV element with the align attribute set to «center». The CENTER element is deprecated [p.38] .
Как тогда выравнять табличку по центру? Да очень просто:
На генерируемых, средствами PHP (GDLib), изображениях часто приходится выводить текст. Иногда этот текст нужно выравнивать по-центру, от какой-либо точки или по правому краю. Размер текста, как правило, разного размера, поэтому необходимо выяснить размер текста в пикселях и отнять от точки вывода текста.
Список функций
Основные функции, которые понадобятся для выравнивания текста:
imagettfbbox
array imagettfbbox(float size, float angle, string fontfile, string text) — функция возвращает массив координат прямоугольника в который можно строго вписать надпись string text , размером float size , с наклоном float angle и шрифтом string fontfile .
imagettftext
array imagettftext(resource image, float size, float angle, int x, int y, int color, string fontfile, string text) — функция вывода текста на изображение.
Пример-решение
На примере выведем текст относительно вертикальной линии. По левому краю, по центру и по правому соответственно.
У меня есть следующий скрипт, выступающий в качестве страницы меню. Данные пользователя проверены, и у них есть возможность нажать на один из трех туров. Чтобы привести это в порядок, я хочу централизовать текст. Однако до сих пор, когда я централизую текст, гиперссылки больше не работают, он говорит, что «move1.php» не может быть найден, я пробовал другие методы, и с другим решением, если текст централизован, некоторые из функций на следующий скрипт php не работает. Как бы я централизовать текст, но не повлиять на сценарии php или гиперссылки. Спасибо
Решение
Попробуйте центрироваться с помощью CSS
Оберните текст в div и выровняйте текст по центру
Выравнивание текста по центру в PHP GD
Выводимый текст имеет разную ширину, чтобы ее определить нужно применить функцию imageftbbox(), и отнять её половину от точки вывода текста.
Вывод текста по центру изображения
$filename = __DIR__ . '/bg.png'; $info = getimagesize($filename); switch ($info[2]) < case 1: $img = imageCreateFromGif($filename); break; case 2: $img = imageCreateFromJpeg($filename); break; case 3: $img = imageCreateFromPng($filename); break; >$width = $info[0]; $height = $info[1]; $text = '123456'; $font = __DIR__ . '/Helvetica.ttf'; $font_size = 30; $font_color = imagecolorallocate($img, 255, 255, 255); $box = imageftbbox($font_size, 0, $font, $text); $x = ($width - $box[4]) / 2; $y = ($height - $box[5]) / 2; imagettftext($img, $font_size, 0, $x, $y, $font_color, $font, $text); switch ($info[2]) < case 1: header('Content-Type: image/gif'); imageGif($img); break; case 2: header('Content-Type: image/jpeg'); imageJpeg($img, 100); break; case 3: header('Content-Type: image/x-png'); imagePng($img); break; >imagedestroy($img); exit();Результат:
Вывод изображения по центру блока
$filename = __DIR__ . '/bg-2.png'; $info = getimagesize($filename); switch ($info[2]) < case 1: $img = imageCreateFromGif($filename); break; case 2: $img = imageCreateFromJpeg($filename); break; case 3: $img = imageCreateFromPng($filename); break; >// Размер рамки и смещение $border_width = 300; $border_height = 80; $ofset_top = 100; $ofset_left = 60; $text = '123456'; $font = __DIR__ . '/Helvetica.ttf'; $font_size = 30; $font_color = imagecolorallocate($img, 0, 0, 0); $box = imageftbbox($font_size, 0, $font, $text); $offset = ($box[2] - $box[0]) / 2; $x = ($border_width / 2) - $offset + $ofset_left; $offset = ($box[5] - $box[1]) / 2; $y = ($border_height / 2) - $offset + $ofset_top; imagettftext($img, $font_size, 0, $x, $y, $font_color, $font, $text); switch ($info[2]) < case 1: header('Content-Type: image/gif'); imageGif($img); break; case 2: header('Content-Type: image/jpeg'); imageJpeg($img, 100); break; case 3: header('Content-Type: image/x-png'); imagePng($img); break; >imagedestroy($img); exit();Центрирование echo
Как центрировать это? Я вообще не понимаю, он постоянно пишет ошибки даже если его завернуть во всю.. помогите пожалуйста!
Центрирование текста в GD
Уважаемые форумчане, мне нужно вывести текст на картинку и при этом придать ему align center. Как.
Центрирование блоков
Вот я взял блок div и отцентрировал его margin: 0 auto;, внутри которого будут располагаться все.
Центрирование фреймов
Добрый вечер. Столкнулся с проблемой. имеется 3 фрейма <html> <head> <meta.
echo "" ; echo '' .$row['id'].''; echo "" .$row['id']."";
. echo '' , $row['id'], ''; echo "" , $row['id'], ""; ?> echo $row['id']; ?> . ?>$row['id']; ?> . Добавлено через 1 минуту
и т.д. А вообще, на тег валидатор в большинстве ругается — используйте вместо него блок или другой элемент, центрирование задавайте через стили
$c = 'e'; $e = 'e'; $s = $$c . 'nt' . $$c; $s = sprintf('%sr', $s); echo ', $s = 'c' . $s, "> $s>";
DrobyshevAlex, там еще и с кавычками можно помудрить, и с операторными скобками 😀
Можно, но не всё сразу, для начала хватит 🙂
Центрирование текста GD
Привет . Нужно отцентрировать текст на холсте . Подскажите универсальную функцию для этого. .
If в echo
Как воплотить функцию if по средине echo <? echo ‘asdasd’. if(1==1)< echo '1'>else.
echo
Доброго времени суток! Возможно ли в echo вывести JavaScript,если да то как? Заранее большое.
echo
Проблема такая: есть сайт.пользователь входит на него и ему пишет что то вроде echo "Вы вошли.
Центрирование echo
Как центрировать это? Я вообще не понимаю, он постоянно пишет ошибки даже если его завернуть во всю.. помогите пожалуйста!
Центрирование текста в GD
Уважаемые форумчане, мне нужно вывести текст на картинку и при этом придать ему align center. Как.
Центрирование блоков
Вот я взял блок div и отцентрировал его margin: 0 auto;, внутри которого будут располагаться все.
Центрирование фреймов
Добрый вечер. Столкнулся с проблемой. имеется 3 фрейма <html> <head> <meta.
echo "" ; echo '' .$row['id'].''; echo "" .$row['id']."";
. echo '' , $row['id'], ''; echo "" , $row['id'], ""; ?> echo $row['id']; ?> . ?>$row['id']; ?> . Добавлено через 1 минуту
и т.д. А вообще, на тег валидатор в большинстве ругается — используйте вместо него блок или другой элемент, центрирование задавайте через стили
$c = 'e'; $e = 'e'; $s = $$c . 'nt' . $$c; $s = sprintf('%sr', $s); echo ', $s = 'c' . $s, "> $s>";
DrobyshevAlex, там еще и с кавычками можно помудрить, и с операторными скобками 😀
Можно, но не всё сразу, для начала хватит 🙂
Центрирование текста GD
Привет . Нужно отцентрировать текст на холсте . Подскажите универсальную функцию для этого. .
If в echo
Как воплотить функцию if по средине echo <? echo ‘asdasd’. if(1==1)< echo '1'>else.
echo
Доброго времени суток! Возможно ли в echo вывести JavaScript,если да то как? Заранее большое.
echo
Проблема такая: есть сайт.пользователь входит на него и ему пишет что то вроде echo "Вы вошли.
Форум PHP программистов ► Клиентская сторона ► Дизайн и верстка
Профиль
Группа: Пользователь
Сообщений: 20
Пользователь №: 29461
На форуме:
Карма:
Помогите с этими пунктами кто знает. Спасибо!
1. Как сделать отображение картинки на html странице по центру? Картинка шириной 2048 точек, если ширина окна браузера меньше, то она должны обрезаться и слева и справа одинакого.
2. Минимальная ширина страницы без горизонтальной полосы прокрутки это 1024, только при меньшем ширине окна полоса должна появляться.
3. При перевороте экрана планшетника туда обратно должно все возвращаться в исходное положение, а масштаб ширини изменяться, т.е. именно 1024 точек отображаться по ширине во всех положениях платшетника, как это сделано на сайте ya.ru
Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру.
radiante
Минимум не 1024, а 1000
Достаточно поставить width:100%, и внутри влепить незаметный, высотой в 1 px, тогда он не даст таблице съужаться меньше своего размера.
| Цитата (Nikitian @ 6.01.2012 — 16:42) |
| Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру. |
А может ты проверишь свои догадки прежде чем писать?)
| Цитата (inpost @ 6.01.2012 — 17:04) |
| radiante Минимум не 1024, а 1000 Достаточно поставить width:100%, и внутри влепить незаметный, высотой в 1 px, тогда он не даст таблице съужаться меньше своего размера. |
мне не надо таблицу, мне надо поставить картинку по центру, пока никто не смог сделать. получается либо она не хочет уезжать за пределы левой границы окна, либо она по центру по горизонтали, но полностью финсирована по координатам и не съезжает при прокрутке по вертикали. и тот и другой вариант не подходят.
| Цитата (Nikitian @ 6.01.2012 — 16:42) |
| Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру. |
картинка должны заезжать за левую границу окна, чего не происходит, делая как ты написал, сам проверь.