Возникли проблемы с jqDock - PullRequest
       8

Возникли проблемы с jqDock

0 голосов
/ 09 апреля 2011

Привет всем Я пытаюсь создать меню jquery, как в Mac, но мой jqDock торчит в нижней части экрана, и я хочу, чтобы он был в шапке.

Вот сайт: http://ydown.totalh.com/.

Вот HTML-код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>yDown - O teu portal de downloads</title>
    <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
    <script src="js/dashboard.js" type="text/javascript"></script> 
    <script src="js/draggable.jquery.ui.js" type="text/javascript"></script>
    <script src="js/jquery.jqDock.min.js" type="text/javascript"></script>
    <style type="text/css">
        @import url(style.css);
    </style>

</head>

<body>
<p>
<p>
<p>
<p>
<center><img scr='images/logo.png' title='yDown' alt="yDown" />


<div id="dock">
        <img src="images/finder.png" alt="Finder" title="finder"/>
        <img src="images/dashboard.png" alt="Dashboard" title="Dashboard" />
        <img src="images/mail.png" alt="Mail" title="finder" />
    </div>
</center>
</body>
</html>

А это код CSS:

#dock{
    position: fixed;
    margin: 0 auto;
    bottom: 36px;
    left: 37.5%;
    min-width: 20px;
    max-width: 400px;
    z-index: 9999;
}

#dock img{
    float: left;
}

Я поставил только часть jqDock.

1 Ответ

1 голос
/ 09 апреля 2011

Вам необходимо удалить атрибут стиля bottom в стиле док-станции. Ваш CSS для дока должен выглядеть следующим образом, без атрибута bottom :

#dock{
    position: fixed;
    margin: 0 auto;
    left: 37.5%;
    min-width: 20px;
    max-width: 400px;
    z-index: 9999;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...