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]   

> Без описания
Платинум
Отправлено: 10 Мая, 2010 - 21:19:50
Post Id



Частый гость


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


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




Здравствуйте:

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. }



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

В чем ошибка ?
 
My status
 Top
SAD
Отправлено: 10 Мая, 2010 - 21:25:22
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


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




top: 50%;
margin-top: -20px;

(Отредактировано автором: 10 Мая, 2010 - 21:26:45)

 
 Top
Платинум
Отправлено: 11 Мая, 2010 - 06:31:03
Post Id



Частый гость


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


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




SAD пишет:
top: 50%;
margin-top: -20px;


Не работает.
Я наверно не правильно вырозился, мне надо выровнять текст по вертикали.
 
My status
 Top
JustUserR
Отправлено: 11 Мая, 2010 - 11:05:00
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


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




SAD пишет:
top: 50%;
Это вы выравняете расположение самого блока по вертикали (Конечно нужно поставить display:block)
Платинум А для регулирования положения внутри текстового блока используется значение padding - в общем случае приближенно можно поставить padding-top:33% для выравнивания по высоте - но лучше задать точный expression


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Платинум
Отправлено: 11 Мая, 2010 - 13:56:13
Post Id



Частый гость


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


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




JustUserR пишет:
Платинум А для регулирования положения внутри текстового блока используется значение padding - в общем случае приближенно можно поставить padding-top:33% для выравнивания по высоте - но лучше задать точный expression


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

padding-top:*значение* то получается повтор картинки...

(Отредактировано автором: 11 Мая, 2010 - 14:02:23)

 
My status
 Top
Платинум
Отправлено: 11 Мая, 2010 - 16:42:23
Post Id



Частый гость


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


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




Всем спасибо за ответы. Свою проблему я решил следущим образом:

1. В CSS убрал :



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

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


Проверив в Opera, GC, IE убедился, что работает отлично.

(Отредактировано автором: 11 Мая, 2010 - 16:44:19)

 
My status
 Top
JustUserR
Отправлено: 12 Мая, 2010 - 10:20:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


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




Платинум пишет:
У меня уже выствлена ширини-высота которую менять нельзя. если я выставляю padding-top:*значение* то получается повтор картинки
Если у вас при изменении padding-top меняется габариты блока по и соответственно меняется длина фона внутри картинки - то вам нужно выставить значение overflow:hidden и для браузеров которые не понимают это (Типа FF - на самом деле Улыбка выставить опцию box-sizing (В случае FF это --moz-box-sizing)


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB