не работает селектор id

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Skander47, 30 авг 2016.

  1. Skander47

    Skander47 Member

    Регистрация:
    29 авг 2016
    Сообщения:
    8
    Симпатии:
    0
    Когда проверяю страничку созданную в notepad++.то при просмотре её в браузере через Firebag в колонке стили почему то не отображается идентификатор id="liSuper". Пожалуйста помогите разобраться почему так вышло. Прилагаю два файла:

    HTML
    HTML:
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Первая html страничка</title>
    <link href="css/style css/style.css" type="text/css" rel="stylesheet">
    </head>

    <body>
    <h1 id="header">How To Avoid Wasting Your Most Valuable Online Asset - TIME!</h1>
    <a href="http://ruseller.com" target="_blank"><img src="images/alarm.jpg" alt="будильник" width="307" height="450" align="right" hspace="60" vspace="20"></a>

    <p id="test" >If you're involved in an internet marketing business, then
    you've probably already come face-to-face with your #1
    enemy - "Time Wasting".</p>

    <p>What you need to know is that "Time Is Money". <span class="new3">And this
    applies <span class="new2">even more</span> to the online world</span>, than in regular
    business.</p>
    <!--Эти комментарии-->

    <p>You see, anyone <span class="new2">can become an online</span> entrepreneur. It
    doesn't involve start-up capital or expensive equipment to
    start. A low grade PC and a net connection is all you need.</p>

    <p>And since cash isn't really a barrier, time-management has
    become all the more critical. Your challenge for success is
    simply to get more done - in less time.</p>

    <p class="new2">So what are the greatest online time wasters and what can
    you do to avoid them?</p>

    <ol start="0">
    <li>Retyping the same old thing time and time again.</li>
    <li>Failing to manage your email effectively.</li>
    <li>Getting sucked into pointless forum discussions.</li>    
    <li>Failing to set a goal, before you switch the computer on.</li>
    </ol>
    <ul id="myList">
    <li class="new6" id="liSuper" style="color:#97057F">Retyping the same old thing time and time again.</li>
    <li>Failing to manage your email effectively.</li>
    <li>Getting sucked into pointless forum discussions.</li>    
    <li>Failing to set a goal, before you switch the computer on.</li>
    </ul>
    <dl id="myList">
    <dt>Retyping the same old thing time and time again.</dt>
    <dd>описание 1</dd>
    <dt>Failing to manage your email effectively.</dt>
    <dd> описание 2</dd>
    <dt>Getting sucked into pointless forum discussions.</dt>
    <dd> описание 3</dd>
    <dt>Failing to set a goal, before you switch the computer on.</dt>
    <dd>описание 4</dd>
    </dl>
    <h6 class="new">Retyping the same old thing time and time again.</h6>
    ------------------------------------------------

    <p>This sounds simple. But stop and think how many times you
    retype the same old simple information.</p>
    <p> people have cottoned on to automating their email
    signature, but you can go far beyond that when it comes to
    communicating words quickly.</p>
    <p>Get yourself a clickboard or shortcut extender. This will
    enable you to write much faster and prevent you from ever
    having to type the same thing twice.</p>
    <p>I use this utility <a href="https://www.google.com" target="_blank" title="программа type pilot">https://www.google.com</a> , but
    there are lots of other useful typing assistant utilities
    available.</p>
    <h4>Failing to manage your email effectively.</h4>
    -----------------------------------------

    <p>I know, there's so much spam flying around, but you should
    be attempting to win this war with a few weapons of your
    own installed on your computer.</p>
    <p class="new4">i. Make sure you have a working piece of anti-spam software
    set up. Whilst sometimes the wrong messages will get
    trapped, the best software will still remove 98% of the
    emails that you don't want. Make sure they are filtered
    into a junk email file, so you can manually sift
    through them afterwards and pull back any that have
    been incorrectly assumed to be unwanted.</p>
    <p>ii. Set up folders in your inbox and get yourself properly
    organized. I keep a folder for SALES, another one for
    FEEDBACK and others for JOINT VENTURES + many more. </p>
    <table border="1" width="750" align="center" cellpadding="10" cellspacing="5">
    <tr><th>Дата</th><th>Время</th><th>Продукт</th><th>Место</th><th colspan="3">Жиры, Белки, Углеводы</th><th>Деньги</th></tr>
    <tr align="center"><td>12.12.2011</td><td>19.00</td><td>кефир</td><td>Москва</td><td>1</td><td>3</td><td>5</td><td>30</td></tr>
    <tr align="center"><td>12.12.2011</td><td>15.00</td><td>молоко</td><td>Самара</td><td>1</td><td>3</td><td>5</td><td>30</td></tr>
    <tr align="center"><td      rowspan="2">12.12.2011</td><td>16.00</td><td>сок</td><td>Уфа</td><td>1</td><td>3</td><td>5</td><td>30</td></tr>
    <tr align="center">                    <td>11.00</td><td>Йогурт</td><td>Владимир</td><td>1</td><td>3</td><td>5</td><td>30</td></tr>
    </table>
    <div id="bt"><p><a href="files/Amir–Lost.mp3">Скачать текст в формате PDF</a></p>
    <p><a href="#header">Перейти к началу статьи</a></p>
    <p><a href="mailto:Skander47@yandex.ua">связаться с автором статьи</a></p>
    </div>
    <img src="images/time.jpg" width="600" height="214" border="1" alt="продажа часов" vspace="20" usemap="#imgmap201681715245">
    <map id="imgmap201681715245" name="imgmap201681715245">
    <area shape="rect" alt="Фотошоп мастер" title="" coords="41,13,288,84" href="http:photoshop-master.ru" target="_blank">
    <area shape="rect" alt="Руселлер" title="" coords="309,14,556,81" href="http://ruseller.com" target="_blank">
    </map>
    </body>
    </html>
    CSS
    Код (CSS):
    body{
        font:14px Tahoma;
        color:#333333;
    }
        p{
            text-indent:30px;
        }
    #header{
        text-align:center;
        text-transform:capitalize;
    }
    .new2{
        font-style:italic;
    }
    .new3{
        font-weight:bold;
        text-decoration:line-through;
    }
    a{
        text-decoration:none;
        border-bottom:1px dashed #C32017;
    }
    .new4{
        text-align:justify;
    }
    ul{
    list-style:inside url(../../images/arrow.png);
    color:#C32017; /*Красный*/
        }
        li{
        color:#FAA21A; /*Золотистый 1 бал*/
         }
    .new6{
        color:#97AD34; /*Зелёный 10 баллов*/
    }
    #liSyper{
        color:blue; /*Синий 100 баллов*/
    }
    #myList li.new6{
        color:#400000;/*Шоколадный 111 баллов*/
    }
     
    #1 Skander47, 30 авг 2016
    Последнее редактирование модератором: 1 сен 2016
  2. -master-

    -master- Well-Known Member

    Регистрация:
    14 янв 2012
    Сообщения:
    629
    Симпатии:
    18
    что значит не отображается и что там должно быть?
     
  3. -master-

    -master- Well-Known Member

    Регистрация:
    14 янв 2012
    Сообщения:
    629
    Симпатии:
    18
    Заведите себе правило, что раз написав какойто идентификатор, потом его просто копируете, если нет инструмента который сам подсказывает.

    Так у вас id написан по разному и оттого не работает.
     
  4. WebWare Team

    WebWare Team Администратор
    Команда форума

    Регистрация:
    30 дек 2015
    Сообщения:
    211
    Симпатии:
    101
    Как оформить код:

    ne-rabotaet-selektor-id.png
     
  5. Skander47

    Skander47 Member

    Регистрация:
    29 авг 2016
    Сообщения:
    8
    Симпатии:
    0
    спасибо большое!!
     
  6. [ixTor]

    [ixTor] Active Member

    Регистрация:
    22 авг 2016
    Сообщения:
    25
    Симпатии:
    3
    Пробелы в путях использовать не cool '<link href="css/style css/style.css" type="text/css" rel="stylesheet">'
     
Загрузка...

Поделиться этой страницей