Непонятки с css и hover
От: lost_guadelenn  
Дата: 31.08.10 14:02
Оценка:
Привет.

Вот текст странички:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
  <style type="text/css">
#calendar a {
    border:medium none;
    display:block;
    height:100%;
    width:100%;
    position:relative;
    color:#4B89C3;
    text-decoration:none;
}

#calendar a:hover {
    outline:1px solid #0C74CD;
}

#calendar.monthly table td {
    border:1px solid #EEEEEE;
    height:25px;
    margin:1px;
    padding:0;
    width:25px;
    background-color: #fafafa;
}

#calendar.monthly table a small {
    color:#AAAAAA;
    font-size:10px;
    padding:0 3px;
}

body {
    background:none repeat scroll 0 0 #FFFFFF;
    font:12px Arial;
}

  </style>

  <title></title>
</head>

<body>
    <table class="monthly" id="calendar">
    <tr><td>
        <table>
            <tr><td>
                <a/><small>2</small></a>
            </td></tr>
        </table>
    </td></tr>
    </table>
</body>
</html>


Вот так это выглядит в браузере:

hover работает (обводится синей рамочкой)

Вот так это выглядит в htmlayout (browse.exe):

hover не работает

ЧЯДНТ?
Re: Непонятки с css и hover
От: c-smile Канада http://terrainformatica.com
Дата: 31.08.10 16:31
Оценка:
Здравствуйте, lost_guadelenn, Вы писали:

_>Вот так это выглядит в браузере:

_>
_>hover работает (обводится синей рамочкой)

_>Вот так это выглядит в htmlayout (browse.exe):

_>
_>hover не работает

_>ЧЯДНТ?


Твой пример не работает в Google Chrome .

Короче так, вот это вот свое безобразие:
<a/><small>2</small></a>

меняй на это
<a><small>2</small></a>

и будет тебе хорошо.

А вообще глянь на htmlayoutsdk/html_samples/forms/datetime.htm, вдруг тебе встроенный календарь подойдет.
Re[2]: Непонятки с css и hover
От: lost_guadelenn  
Дата: 01.09.10 08:57
Оценка:
Здравствуйте, c-smile, Вы писали:

CS>Короче так, вот это вот свое безобразие:

CS>
<a/><small>2</small></a>

Ой.

Спасибо.
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.