olkv
Guest
Непонятное происходит со стилями
В файле css имеются несколько описаний стиля тега <a>.
Файл css подгружаю
<link rel="stylesheet" href="mystyle.css" type="text/css">
в файле далее делаю следующее
<div class="navigate">
<a href="site1.php">Ссылка 1</a>
</div>
<div class="topNav">
<a href="site2.php">Ссылка 2</a>
</div>
если файл с раширением html ссылка отображаются разными
стилями, а если переименовать файл с рашринением php то
ссылки отображаются одним стилем. (запускается с сервера)
Apache 2
Вчем прикол ?
.navigate a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
display: block;
border-top: 2px dotted #ffffff;
border-bottom: 2px dotted #cccccc;
border-left: 2px dotted #cccccc;
padding: 3px 0px 3px 5px;
}
.navigate a:visited {
color: #999999;
}
.navigate a:hover {
color: #000099;
background-color: #E7E7EF;
display: block;
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #cccccc;
border-right: 2px solid #cccccc;
padding: 3px 0px 3px 5px;
}
.navigate a:active {
color: #000099;
}
.topNav a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
}
.topNav a:visited {
color: #999999;
}
.topNav a:hover {
color: #000099;
background-color: #E7E7EF;
}
.topNav a:active {
color: #000099;
}
В файле css имеются несколько описаний стиля тега <a>.
Файл css подгружаю
<link rel="stylesheet" href="mystyle.css" type="text/css">
в файле далее делаю следующее
<div class="navigate">
<a href="site1.php">Ссылка 1</a>
</div>
<div class="topNav">
<a href="site2.php">Ссылка 2</a>
</div>
если файл с раширением html ссылка отображаются разными
стилями, а если переименовать файл с рашринением php то
ссылки отображаются одним стилем. (запускается с сервера)
Apache 2
Вчем прикол ?
.navigate a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
display: block;
border-top: 2px dotted #ffffff;
border-bottom: 2px dotted #cccccc;
border-left: 2px dotted #cccccc;
padding: 3px 0px 3px 5px;
}
.navigate a:visited {
color: #999999;
}
.navigate a:hover {
color: #000099;
background-color: #E7E7EF;
display: block;
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #cccccc;
border-right: 2px solid #cccccc;
padding: 3px 0px 3px 5px;
}
.navigate a:active {
color: #000099;
}
.topNav a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
}
.topNav a:visited {
color: #999999;
}
.topNav a:hover {
color: #000099;
background-color: #E7E7EF;
}
.topNav a:active {
color: #000099;
}