Href не поднимая стиль - PullRequest
       9

Href не поднимая стиль

0 голосов
/ 10 ноября 2009

Я думаю, что я особенно глуп. У меня есть ссылка, которая является частью навигационной панели. Он выбирает стиль наведения / посещения, но по какой-то причине я не могу понять, что он не будет использовать стиль 'ссылка', что я делаю неправильно? Вот таблица стилей и теги:

<table border="1" cellpadding="0" cellspacing="0" style="width:950px;height:37px;">
                        <tr>
                            <td style="width:157px;height:37px; line-height:37px;">
                                <span class="test">
                                    <a href="Default.aspx">Home</a>
                                </span>
                            </td>...

CSS:

.test a:link {
background-image: url('Images/Button_Home.png');
display:block;
font-family:Arial;
font-size:9pt;
font-weight:bold;
color:#000;
text-align:center;
vertical-align:middle;
text-decoration:none;
}

.test a:hover {
background-image: url('Images/Button_Over.png');
display:block;
font-family:Arial;
font-size:9pt;
font-weight:bold;
color:#000;
text-align:center;
vertical-align:middle;
text-decoration:none;
}

.test a:active{
display:block;
text-align:left;
}

Я проверил очень тщательно, и ничто не должно (не должно) мешать этому, фактически на этой странице есть только 3 ссылки, никаких других стилей, ничего, тьфу.

спасибо R.

Ответы [ 4 ]

3 голосов
/ 10 ноября 2009

Может быть, это уже посещали. Попробуйте это:

.test a:link, .test a:visited {
... style rules ...
}
0 голосов
/ 10 ноября 2009

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

... Ваш класс 'test' находится на элементе span, а не на ссылке. В частности, IE (особенно IE <7) может быть очень темпераментным, когда речь идет о ссылках, и, если я правильно помню, в IE есть кое-что о состояниях наведения, которые корректно работают только на элементах ссылок (хотя ваш стиль работает нормально при наведении, очевидно, специфическая проблема при наведении в этом случае не является проблемой. </p>

Ваш CSS имеет смысл, учитывая пример HTML, который вы показали, но иногда, добавление стиля к самому элементу ссылки, а не к его элементу, менее проблематично (и то, что я в конечном итоге сделал сегодня с моей проблемой) ).

<a class="test" href="Default.aspx">Home</a>

... может сработать, но если нет, я бы предложил получить подкрепление ... если вы не уверены в порядке наследования или вещи становятся очень сложными, и вы не уверены, что другие стили конфликтуют со стилем, отличным инструментом для выбора используемых селекторов являются букмарклеты Джона Аллсоппа XRAY и MRI - http://www.456bereastreet.com/archive/200710/css_diagnostics_with_xray_and_mri/

Просто перетащите их на панель закладок вашего браузера. XRAY предоставляет вам элемент, идентификатор и класс любого экранного элемента, на который вы щелкаете, а также его позицию и поля, информацию о отступах и границах, а также иерархию наследования. Когда вы нажимаете на любой элемент на экране, MRI предлагает вам выбрать селекторы для элемента, которые затем можно скопировать и вставить в ваш текстовый редактор. Чтобы активировать и то, и другое, вы просто нажимаете на них, куда бы вы их не поместили в браузере, и затем появляется плавающее наложение, которое, когда вы нажимаете на элемент, отображает всю соответствующую информацию об этом элементе. Я считаю, что оба неоценимы, когда мне трудно понять, почему стиль не ведет себя так, как я ожидал.

0 голосов
/ 10 ноября 2009

Очистить кеш. Убедитесь, что «Images / Button_Home.png» действительно там. Добавьте к этому селектору какой-нибудь другой стиль - большую рамку, другой цвет или что-то - чтобы вы могли определить, действительно ли селектор не работает или это просто одна другая линия.

Кроме того, сделайте вдох. Иди принеси воды. Прогуливаться. Когда ты вернешься, это будет иметь больше смысла.

0 голосов
/ 10 ноября 2009

У меня отлично работает в IE8 и FF3.5 - Images/Button_Home.png существует?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...