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
Форумы портала PHP.SU :: Версия для печати :: Проблема в вертикалью
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Проблема в вертикалью

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

1. Платинум - 10 Мая, 2010 - 21:19:50 - перейти к сообщению
Здравствуйте:

CSS:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. .navigation_margig a {
  3. background-image: url(images/pik.jpg);
  4. background-position:bottom;    
  5. text-decoration: none;
  6. color:#FFF;
  7. width: 154px;
  8. height: 40px;
  9. text-align:center;
  10. vertical-align:middle;
  11. display: block;
  12. }
  13.  
  14. .navigation_margig a:hover {
  15. background-image: url(images/pik.jpg);
  16. text-decoration: none;
  17. color:#FFF;
  18. background-position:top;
  19. }



По центру выровнял, а по вертикале не получается.

В чем ошибка ?
2. SAD - 10 Мая, 2010 - 21:25:22 - перейти к сообщению
top: 50%;
margin-top: -20px;
3. Платинум - 11 Мая, 2010 - 06:31:03 - перейти к сообщению
SAD пишет:
top: 50%;
margin-top: -20px;


Не работает.
Я наверно не правильно вырозился, мне надо выровнять текст по вертикали.
4. JustUserR - 11 Мая, 2010 - 11:05:00 - перейти к сообщению
SAD пишет:
top: 50%;
Это вы выравняете расположение самого блока по вертикали (Конечно нужно поставить display:block)
Платинум А для регулирования положения внутри текстового блока используется значение padding - в общем случае приближенно можно поставить padding-top:33% для выравнивания по высоте - но лучше задать точный expression
5. Платинум - 11 Мая, 2010 - 13:56:13 - перейти к сообщению
JustUserR пишет:
Платинум А для регулирования положения внутри текстового блока используется значение padding - в общем случае приближенно можно поставить padding-top:33% для выравнивания по высоте - но лучше задать точный expression


у меня уже выствлена ширини-высота которую менять нельзя. если я выставляю

padding-top:*значение* то получается повтор картинки...
6. Платинум - 11 Мая, 2010 - 16:42:23 - перейти к сообщению
Всем спасибо за ответы. Свою проблему я решил следущим образом:

1. В CSS убрал :

CODE (htmlphp):
скопировать код в буфер обмена
  1. height: 40px;


2. Сделав отступы от текста сверху и снизу и получился нужный результат:

CODE (htmlphp):
скопировать код в буфер обмена
  1. padding-top:10px;
  2. padding-bottom:11px;


Проверив в Opera, GC, IE убедился, что работает отлично.
7. JustUserR - 12 Мая, 2010 - 10:20:56 - перейти к сообщению
Платинум пишет:
У меня уже выствлена ширини-высота которую менять нельзя. если я выставляю padding-top:*значение* то получается повтор картинки
Если у вас при изменении padding-top меняется габариты блока по и соответственно меняется длина фона внутри картинки - то вам нужно выставить значение overflow:hidden и для браузеров которые не понимают это (Типа FF - на самом деле Улыбка выставить опцию box-sizing (В случае FF это --moz-box-sizing)

 

Powered by ExBB FM 1.0 RC1