Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не применяется свойства шрифта к ссылкам / 9 сообщений из 9, страница 1 из 1
28.08.2013, 17:29
    #38380186
Mithril
Mithril
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
Здравствуйте, уже не первый раз, когда пишу код и нужно применить определенные настройки шрифта к ссылке, которая находиться в списке, то ни какие параметры шрифта не применяться, что не так делаю, возможно, в css не правильно выбираю класс?

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<body>
	<div class="wrapper">
    	<div class="wrap_top">
            <div class="meta">
                <ul class="meta_menu">
                    <li><a href="#"><img src="img/register_but.png" />Register</a></li>
                    <li><a href="#"><img src="img/register_but.png" />Log in</a></li>
                </ul>
                <ul class="meta_social">
                    <li><a href="#"><img src="img/fb_but.png" alt="facebook" /></a></li>
                    <li><a href="#"><img src="img/tw_but.png" alt="twitter" /></a></li>
                    <li><a href="#"><img src="img/rss_but.png" alt="rss" /></a></li>
                    <li><a href="#"><img src="img/yt_but.png" alt="youtube" /></a></li>
                </ul> 
            </div>
        </div>
.
.
.



css
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
@font-face {
    font-family: Helvetica;
    src: url(fonts/Helvetica.ttf);
   }
.wrapper {
	background:url(img/texture.jpg);
}
.wrap_top {
	background:#e8e8e8;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #d0d0d0;
}
.meta {
	width:960px;
	height:40px;
	margin:0 auto;
}
.meta_menu {
	float:left;
}
.meta_menu li {
	float:left;
	margin:9px 0 0;
	border-right: 1px solid #b2b2b2;
    padding:2px 30px 3px 26px;
}
.meta_menu li a {
	font:12px Helvetica #666;
}



вот строчка
Код: css
1.
2.
.meta_menu li a {
	font:12px Helvetica #666;



не применяется к Register и Log in
Код: html
1.
2.
3.
4.
                <ul class="meta_menu">
                    <li><a href="#"><img src="img/register_but.png" />Register</a></li>
                    <li><a href="#"><img src="img/register_but.png" />Log in</a></li>
                </ul>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.08.2013, 20:35
    #38380342
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
Mithrilвот строчка
Код: css
1.
2.
.meta_menu li a {
	font:12px Helvetica #666;



не применяется к Register и Log in
Код: html
1.
2.
3.
4.
                <ul class="meta_menu">
                    <li><a href="#"><img src="img/register_but.png" />Register</a></li>
                    <li><a href="#"><img src="img/register_but.png" />Log in</a></li>
                </ul>


Свое неумение всегда удобнее валить на ПО...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.meta_menu li a {
	font-size: 12px;
	font-family: 'Helvetica';
	color: #666;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<ul class="meta_menu">
	<li><a href="#"><img src="img/register_but.png" />Register</a></li>
	<li><a href="#"><img src="img/register_but.png" />Log in</a></li>
</ul>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.08.2013, 20:47
    #38380353
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
Долго втыкал - что поменялось ... ))))
Дошло: color - это не стиль шрифта. Его по-любому надо отдельно объявлять.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.08.2013, 22:04
    #38380390
Mithril
Mithril
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
Блин, вы боги, реально я провтыкал. Сидел пол дня, думал что не так, спасибо, большое!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 09:50
    #38380620
Mithril
Mithril
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
Возник еще один вопрос, - часто иногда не работает, - first-child, здесь так же, не работает вот эта функция.

Код: css
1.
2.
3.
.meta_menu li a:first-child {
	color:#F00;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 11:52
    #38380791
The_ShadoW
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
a:first-child -- это первый потомок <a>.
То есть <img>. Много Вы добьётесь, накатив на img собственный color?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 13:20
    #38380992
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
Mithrilчасто иногда
Отличная комбинация слов!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 13:21
    #38380993
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
Mithril , начни заменять "не работает" на "не умею пользоваться"...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2013, 20:13
    #38381670
Mithril
Mithril
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не применяется свойства шрифта к ссылкам
Спасибо, понял ошибку, да действительно, только начинаю с этим работать. Присвоил first-child к <li> и все заработало.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не применяется свойства шрифта к ссылкам / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 455ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447946]:
 0ms
get settings:
 7ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 158ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 230ms
total:  455ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]