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

HTML+CSS+JavaScript

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

 

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

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

тема: Центрирование теней
 
 автор: Владимир55   (24.11.2013 в 23:15)   письмо автору
6.4 Кб
 
 

Тень создается с помощью кода:
<div style="background-color: #4a1e22; text-align:center;"><p style="position: relative; top: 0px; font-family:Arial; font-size: 400%; left: 50px; color:#ab5b00;">Пример
<span style="position: absolute; font-family:Arial; font-size:100%; color:#fec414; left:-5px; top:-6px;">Пример</span></p></div>

При этом содержимое тега span располагается не по центру, а слева (скриншот).
Кроме того, параметры left: -5px и top: -6px желательно выразить в процентах, но в этом случае код не работает.

Как решить эти две проблемы?

(text-shadow использовать бы не хотелось, поскольку дизайнер сделал очень красивое решение, которое text-shadow не реализует. Да и не со всеми браузерами работает).

  Ответить  
 
 автор: ONYX   (25.11.2013 в 09:28)   письмо автору
 
   для: Владимир55   (24.11.2013 в 23:15)
 

<div style="background-color: #4a1e22;"><p style="position: relative;  margin:0 auto; width:300px; font-family:Arial; font-size: 4em; color:#ab5b00;">Пример <span style="position: absolute; font-size:1em; color:#fec414; left:0px; top:-6px;">Пример</span></p></div>

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

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