Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 17.02.2010, 00:34   #1
Tonik_A
Пользователь
 
Регистрация: 04.10.2009
Сообщений: 23
Вопрос Закруглить углы?

Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема.
Кто знает, как сделать закруглённые углы в данной ситуации?
То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать.
CSS:
Код:
p#vtip
{
display: none;
font-family:Arial, Helvetica, sans-serif;
position: absolute;
padding: 10px;
left: 5px;
font-size: 0.8em;
background-color: white;
border: 1px solid #a6c9e2;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
z-index: 9999
}

p#vtip #vtipArrow
{
position: absolute;
top: -10px;
left: 5px
}
HTML:
Код:
<link rel="stylesheet" type="text/css" href="CSS/pdp_style.css">
<script type="text/javascript" src="JS/jquery.js"></script>
<script type="text/javascript" src="JS/vtip.js"></script>
<a class="vtip" title="Текст подсказки" href="index.html">Имя страницы</a>
JS:
Код:
this.vtip = function() {    
    this.xOffset = -10; // x distance from mouse
    this.yOffset = 10; // y distance from mouse      
    
    $(".vtip").unbind().hover(    
        function(e) {
            this.t = this.title;
            this.title = '';
            this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
            
            $('body').append( '<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>' );
                        
            $('p#vtip #vtipArrow').attr("src", 'Images/Slujebnie/vtip_arrow.png');
            $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("slow");
            
        },
        function() {
            this.title = this.t;
            $("p#vtip").fadeOut("slow").remove();
        }
    ).mousemove(
        function(e) {
            this.top = (e.pageY + yOffset);
            this.left = (e.pageX + xOffset);
                        
            $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
        }
    );            
    
};

jQuery(document).ready(function($){vtip();})
Код:
this.vtip=function(){this.xOffset=-10;this.yOffset=10;$(".vtip").unbind().hover(function(a){this.t=this.title;this.title="";this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("body").append('<p id="vtip"><img id="vtipArrow" />'+this.t+"</p>");$("p#vtip #vtipArrow").attr("src","Images/Slujebnie/vtip_arrow.png");$("p#vtip").css("top",this.top+"px").css("left",this.left+"px").fadeIn("slow")},function(){this.title=this.t;$("p#vtip").fadeOut("slow").remove()}).mousemove(function(a){this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("p#vtip").css("top",this.top+"px").css("left",this.left+"px")})};jQuery(document).ready(function(a){vtip()});
--------------------------------------------
С уважением, Антон.
Tonik_A вне форума Ответить с цитированием
Старый 01.03.2010, 22:37   #2
Deloy
Новичок
Джуниор
 
Регистрация: 01.03.2010
Сообщений: 1
По умолчанию

-moz- "Mozilla 1.6 "
-khtml- "Konqueror 3.1, Safari 1.1"
border-radius: для всех остальных как родное значение если я не ошибаюсь...
Deloy вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перевести углы в радианы Kuzia Microsoft Office Excel 2 18.12.2009 16:14
Треугольник задан длинами своих сторон: a, b, c. Найти углы треугольника. задача на С++ Wia Помощь студентам 6 13.12.2008 16:13