т.е. 8 ссылок шфятся при нажатии

Question

т.е. 8 ссылок шфятся при нажатии

0

Я получаю это странное поведение с некоторым простым связанным текстом с границей в IE 8. При нажатии на следующие поля IE уменьшает высоту и расширяет поле, а также уменьшает размер текста внутри границы....

вот мой соответствующий css:

.learn-more, .donate {
width: 20%;
position: absolute;
top: 172px;
border: 1px dashed black;
padding: 4px;
text-align: center;
}

вот мой html:

<div class="program-description">
<p><b>-Education: Primary Level-</b></p>
<p>A primary level education is where success begins and is the foundation needed for further education. U4U provides opportunities for destitute children to attend a reputable school and begin the journey to success.</p>
<a href="sponsorship.html" alt ="Learn more about Sponsorship" class="learn-more">Learn more</a>
<a href="https://squareup.com/market/unified-for-uganda/sponsorship" target="_blank" alt="Donate to Sponsorship"class="donate">Donate</a>
</div>

У меня есть файл normalize.css, но это действительно вызывает конфликт? я несколько раз стучал головой об этом...

здесь он жив: http://unifiedforuganda.com/ugandanprograms.html

William 28 нояб. 2013, в 02:44

Источник

Теги:

html

css

border

internet-explorer-8

1 ответ

Ещё вопросы

Code Uniquely · Accepted Answer · 2013-11-28T01-51-00.000Z

Normalize.css - это настройки a: focus и a: посещаются по стандарту (без стилизации границ). Случилось так, что вы применили.learn-more,.donate к a и дали им границу, но вы не имели дело с посещенной версией в своем стиле: поэтому ссылки возвращают то, что он по умолчанию и утрачивает свои границы. просто переопределите CSS эти стили в таблице стилей

.learn-more:visited, .donate:visited {

    width: 20%;
    position: absolute;
    top: 172px;
    border: 1px dashed black;
    padding: 4px;
    text-align: center;
}

извините, я прошу прощения, я изначально включил неправильный код, я отредактировал свой вопрос ...
о, хорошо, в этом есть смысл ... тот лист normalize.css, который я вызываю, должен был решить наши общие ошибки и проблемы с макетом в IE, и он помог в некоторых областях, что вы предлагаете тогда?
это было это! Большое спасибо ... исправлено! я добавил .learn-more: посещал, .donte: посетил css и скопировал все свойства просто для того, чтобы убедиться, что даже ширина и расположение не изменились, как это было, и теперь это прекрасно работает! Могу ли я отметить этот ответ как решение, даже если оно есть в комментариях? возможно отредактируйте свой ответ выше, чтобы отразить