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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Выдвигаем картинку методом onmouseover

Сообщения:  [1-10]    [11-20]  [21-25] 

 
 автор: tima2010   (17.02.2010 в 19:31)   письмо автору
 
   для: tima2010   (01.02.2010 в 14:01)
 

в чем еще может быть загвоздка? вот только в IE такая проблема :(

  Ответить  
 
 автор: tima2010   (01.02.2010 в 14:01)   письмо автору
 
   для: sl1p   (01.02.2010 в 13:57)
 

странно но нет :(

  Ответить  
 
 автор: sl1p   (01.02.2010 в 13:57)   письмо автору
 
   для: tima2010   (01.02.2010 в 13:25)
 

или так попробуйте:

<a href="#" class="menulink active contacts"></a>

  Ответить  
 
 автор: tima2010   (01.02.2010 в 13:25)   письмо автору
 
   для: sl1p   (01.02.2010 в 11:59)
 

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

    a.menulink,
    a.menulink.active {
        display: inline-block; 
        padding-top: 5px; /* отступ сверху */ 
        background-repeat: no-repeat; 
        background-position: bottom left; 


но почему то реакции никакой :(

  Ответить  
 
 автор: sl1p   (01.02.2010 в 11:59)   письмо автору
 
   для: tima2010   (01.02.2010 в 11:07)
 

<style type="text/css"> 
a.menulink,
a.menulink.active {
    display: inline-block; 
    width: 100px; /* ширина изображения */  
    height: 100px; /*  высота изображения */ 
    padding-top: 5px; /* отступ сверху */ 
    background-repeat: no-repeat; 
    background-position: top left; 

a.menulink:hover { 
    border-top: 5px solid #fff; /* отступ сверху */ 
    padding: 0; 

a.menulink.news { 
    background-image: url(images/button_news.jpg); 

a.menulink.contacts { 
    background-image: url(images/button_contacts.jpg); 

a.menulink.about {  
    background-image: url(images/button_about.jpg); 

</style>  
<a href="#" class="menulink news"></a> 
<a href="#" class="menulink contacts active"></a> 
<a href="#" class="menulink about"></a>

  Ответить  
 
 автор: tima2010   (01.02.2010 в 11:07)   письмо автору
 
   для: tima2010   (29.01.2010 в 09:32)
 

позволю себе продолжить тему,

использую выше указаный скрипт
нужно чтобы к примеру при заходе на определенную страницу меню в которую мы зашли она оставалась выдвинутой... как это можно сделать?

  Ответить  
 
 автор: tima2010   (29.01.2010 в 09:32)   письмо автору
 
   для: sl1p   (28.01.2010 в 15:39)
 

всеравно тоже самое

  Ответить  
 
 автор: sl1p   (28.01.2010 в 15:39)   письмо автору
 
   для: tima2010   (28.01.2010 в 15:27)
 

задайте ячейке, где находятся кнопки, display: inline-block

например
<td style="display: inline-block">...</td>

  Ответить  
 
 автор: tima2010   (28.01.2010 в 15:27)   письмо автору
 
   для: tima_2010   (27.01.2010 в 15:53)
 

только в IE некорректно работает :(
при смещение картинки вверх у нее как бы отрезается верхушка

  Ответить  
 
 автор: tima_2010   (27.01.2010 в 15:53)   письмо автору
 
   для: sl1p   (27.01.2010 в 15:40)
 

Разобрался спасибо большое!
background-position: bottom left;

  Ответить  

Сообщения:  [1-10]    [11-20]  [21-25] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

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