Легкий вопрос для знающих CSS
1.
NVKZMATRIXALEX (23.12.2014 / 07:24)
Здраствуйте, скажите пожалуста как зделать что бы сылка обводилась рамкой, почитал учебник, в принципе понятно но на деле не получается...
Вот что у меня в .css
.nav {
color: #fff;
font-size: 13px;
border: 1px solid #1b1b1b;
border-bottom: 1px solid #e3e3e3;
text-shadow: 1px 1px 1px #000;
background: url('images/foots.gif') #04abe1;
padding: 7px;
}
a.knop {
border: 1px solid #7f9f13;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
padding: 2px;
}
B вот что в .php
echo '<div class="nav">';
echo '<a href="index.php" class="knop">Главная</a></div>';
Что не так ?
2.
Серега (23.12.2014 / 10:06)
Может тебе в самой ссылке убрать -class="knop"-. А в самом коде вроде все нормально.
3.
Александр (23.12.2014 / 11:30)
Обводится рамкой ссылка все норм.
4.
Tosyk (23.12.2014 / 13:01)
все правильно, ссылка обводится
5.
ramzes (23.12.2014 / 13:33)
не получается видимо потому что у тебя стиль css вынесен в файл.
после изменения файла нажми ctr+f5
6.
NVKZMATRIXALEX (23.12.2014 / 15:11)
Хм что ж такое не получается и все....
7.
Александр (23.12.2014 / 16:49)
Может другой стиль перекрывает?
8.
NVKZMATRIXALEX (23.12.2014 / 17:29)
7.
Муз-ТВ, А вот это в полне возможно, ибо там много пунктов в .css а как можно узнать какой перебивает ? я просто ну не очень силен в этом, буквально день назад начал заниматся стилями этими.
9.
Изнаур (23.12.2014 / 17:58)
В браузерах есть инструменты для проверки,в chrome наведи на ссыьлку,кликни пкм и выбрать проверить элемент(или что-то вроде этого)
10.
NVKZMATRIXALEX (23.12.2014 / 18:58)
9.
Iznaur95, Ты про "Посмотреть код элемента" ? если да то там открывется страницка с html Разметкой и css стилем, но это я и так могу просмотреть открыв свои файлы....
Мне бы выяснить какая строка в css перекрывает нужное мне действие.
11.
Александр (23.12.2014 / 19:13)
10, там написаны все стили применяемые к элементу.
12.
NVKZMATRIXALEX (23.12.2014 / 19:45)
11.
Муз-ТВ, Понял, благодарю за помощь, буду смотреть разбератся....
13.
Dmitry Kokorin (24.12.2014 / 22:37)
Сделай так
<?php
//css
.knop{
padding: 2px;
border : 1px ridge #44ffa8;//цвет ставь какой надо
background :#da5c1f;//цвет аналогично меняй на свой
}
//html
<a href='link_you'>
<div class='knop'>Ссылко</div>
</a>
URL:
https://visavi.net/topics/41741