Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Недейственность директивы CSS
 
 автор: Владимир55   (18.01.2014 в 15:26)   письмо автору
 
 

Никак не могу понять, почему в этом простом коде не выполнятеся указание класса str_menu, устанавливающего очень большой шрифт (см. http://wowa55.pz9.ru/mis17.html)?

<!DOCTYPE html>
    <html>
    <head>
<title>Vbccbz</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">


<style>
/* ОЧИЩАЕМ УСТАНОВКИ БРАУЗЕРА ПО УМОЛЧАНИЮ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: inherit;
background: transparent; 
font:13px Arial,sans-serif;
}

.clear {position:relative;display:block;clear:both;}


/* ВЕРХНЕЕ МЕНЮ */

.t_menu {margin: 0 auto; padding-top:1.5%; display:table;}

.t_menu ul {display:table-row;}
 
.t_menu ul li {display:table-cell; width:auto; height:0px; text-align:center; color: #fec414; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:120%; padding: 0 15px 0 15px;}
 
.t_menu ul li a{color: #F33; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; vertical-align: inherit; font-size:100%; }

.t_menu ul li a:hover { 
  /* при наведении ссылка становится */ 
  text-decoration: none; /* подчеркнутой */ 
  color: #fec414; /* золотого цвета */ 



.str_menu {font-size:100px; }


</style>

</head>

<body>

    <div class="t_menu">
        <ul>
            <li class="str_menu"><a href="#">Один</a></li>
            <li class="str_menu"><a href="#">Два</a></li>
            <li class="str_menu">Три</li>
            <li class="str_menu"><a href="#">Четыре</a></li>
            <li class="str_menu"><a href="#">Пять</a></li>
        </ul>
    </div> 
    <div class="clear"></div>
        <!-- Конец меню -->
</body>

  Ответить  
 
 автор: psychomc   (18.01.2014 в 15:36)   письмо автору
 
   для: Владимир55   (18.01.2014 в 15:26)
 

потому что вы задали размер шрифта для тега вот здесь
.t_menu ul li {display:table-cell; width:auto; height:0px; text-align:center; color: #fec414; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:120%; padding: 0 15px 0 15px;}
и приоритет у него выше. вообще, начинать верстать что-либо без инструментов вроде firebug гиблое дело.

  Ответить  
 
 автор: Владимир55   (18.01.2014 в 15:45)   письмо автору
 
   для: psychomc   (18.01.2014 в 15:36)
 

Спасибо, я понял - действительно, такая ситуация может порождаться только различием приоритетов... А откуда проистекает, что у ul li приоритет более высокий? Потому, что это стандартные теги?

(Для контроля я использую сервис Хрома. Этого недостаточно?)

  Ответить  
 
 автор: psychomc   (18.01.2014 в 16:20)   письмо автору
103.6 Кб
 
   для: Владимир55   (18.01.2014 в 15:45)
 

потому что у любого тега в принципе приоритет выше чем у класса по идее.
оно то может и достаточно, но почему вы этого не увидели сами тогда? ======>

  Ответить  
 
 автор: Владимир55   (18.01.2014 в 16:51)   письмо автору
 
   для: psychomc   (18.01.2014 в 16:20)
 

Навыка не хватило.

Перечеркнуто - а причин не видно...

  Ответить  
 
 автор: psychomc   (18.01.2014 в 16:54)   письмо автору
 
   для: Владимир55   (18.01.2014 в 16:51)
 

понял. ну просто помните, что если перечеркнуто, значит дело в этом. кажется, это единственная причина, невалидные атрибуты он вроде бы вообще не показывает

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования