IE не отображает <A>тег правильно - PullRequest
Новая
       12

IE не отображает <A>тег правильно

1 голос
/ 21 ноября 2008

решено: не важно, ссылки были посещены, а определение границ отсутствовало для посещенных ссылок (как кто-то отметил, спасибо). Что касается цвета, занимающего первое место в определении границы, фрагмент взят из панели инструментов 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 ]

2 голосов
/ 21 ноября 2008

Возможно, вы захотите установить стиль и для ссылки "Посещение".

И я не думаю, что вы должны использовать *{...}

Отлично работает в 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

}
0 голосов
/ 21 ноября 2008

это 

#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;
}
0 голосов
/ 21 ноября 2008

Вы должны сначала подтвердить его.
У вас есть смесь html и xhtml, мета-тегов вне html-тега, тега style без обязательного атрибута type, и это лишь некоторые из них, которые просто причинят вам боль.

0 голосов
/ 21 ноября 2008

Попробуйте использовать только #main a и добавьте отдельные селекторы a: посещения и a: hover, если хотите по-разному их стилизовать.

0 голосов
/ 21 ноября 2008

Я подозреваю, что это потому, что ссылка является встроенным элементом. Вы можете использовать дисплей: блок? 

#main A:link {
    ...
    display:block
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...