IE неправильно отображает тег <A>
РЕШЕНО: Неважно, ссылки были посещены, и определение границы отсутствовало для посещенных ссылок (как кто-то указал, спасибо). Что касается цвета, который занимает первое место в определении границы, фрагмент взят из панели инструментов IE Developper, это не является непосредственно моим кодом. В любом случае, спасибо, ребята!
Почему ссылка в следующем фрагменте не отображается подчеркнутой пунктирной линией, как и ожидалось, и как это делает ff?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv = "Content-Type" content = "text/html; charset=iso-8859-1">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<HEAD><STYLE>
/* Rule 1 of css/style.css */
* {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif
}
/* Rule 26 of css/style.css */
#main {
PADDING-RIGHT: 15px;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 15px;
PADDING-TOP: 15px
}
/* Rule 12 of css/style.css */
#page {
BORDER-RIGHT: #555 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #555 1px solid;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
MARGIN: 50px auto;
BORDER-LEFT: #555 1px solid;
WIDTH: 752px;
PADDING-TOP: 0px;
BORDER-BOTTOM: #555 1px solid
}
/* Rule 2 of css/style.css */
BODY {
BACKGROUND: url(bg.gif) #ebeeff repeat-y center 50%
}
/* Rule 35 of css/style.css */
#main A:link {
COLOR: #437fda;
BORDER-BOTTOM: #437fda 1px dashed;
TEXT-DECORATION: none
}
</STYLE></HEAD>
<BODY><DIV id = "page"><DIV id = "main"><TABLE><TBODY><TR><TD>
<A href = "http://www.immo-brasseurs.com/coords.php?num=37">Test link </A>
</TD></TR></TBODY></TABLE></DIV></DIV></BODY></HTML>
Ответы 5
Вы также можете настроить стиль для посещенной ссылки.
И я не думаю, что вам следует использовать *{...}
Он отлично работает в FF3.
Измените на это:
#main A:link, A:Visited {
COLOR: #437fda;
BORDER-BOTTOM: #437fda 1px dashed;
TEXT-DECORATION: none
}
И изменим:
* {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif
}
для
body {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif
}
Название вопроса, по-видимому, указывает на то, что OP тестирует версию IE. Какую версию никто не знает.
Это правило * вызывает проблемы. Хороший улов!
Я подозреваю, что это потому, что ссылка является встроенным элементом. Можете ли вы использовать display: block?
#main A:link {
...
display:block
}
Попробуйте использовать только #main a и добавьте отдельные селекторы a: visit и a: hover, если вы хотите стилизовать их по-разному.
Вы должны сначала его проверить. У вас есть смесь html и xhtml, мета-теги за пределами html-тега, тег стиля без обязательного атрибута типа, чтобы назвать несколько, которые просто доставят вам массу боли.
это
#main a {
color:#437fda;
border-bottom: 1px solid #437fda;
text-decoration:none;
}
#main a:visited {
color:#437fda;
border-bottom: 1px solid #437fda;
text-decoration:none;
}
XHTML по определению имеет все имена тегов в нижнем регистре. Ваш код сгенерирует ошибку, если будет проанализирован как XML с использованием этого DTD.