1. Вы находитесь в сообществе Rubukkit. Мы - администраторы серверов Minecraft, разрабатываем собственные плагины и переводим на различные языки плагины наших коллег из других стран.
    Скрыть объявление
Скрыть объявление
В преддверии глобального обновления, мы проводим исследования, которые помогут нам сделать опыт пользования форумом ещё удобнее. Помогите нам, примите участие!

Фиксированное меню

Тема в разделе "Оффтопик", создана пользователем ivan111, 8 июл 2013.

  1. Автор темы
    ivan111

    ivan111 Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    ivan
    Нужна помощь в фиксированном меню.Создал меню,width:100%; ставлю ссылки как и советовали,но они не стоят на месте при уменьшение сайта,то есть сайт не фиксированный.Многие говорят что нужен скрипт js но можно и так,только как на css я не знаю.Кто сможет объяснить мне пожалуйста.
     
    ivan111, 8 июл 2013
    #1
    Anons нравится это.
  2. Автор темы
    ivan111

    ivan111 Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    ivan
    <DOCTYPE HTML PUBLIC "-//DTD HTML 4.01"EN
    "http://w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta equv="Content-Type" content="text/html"; charset="windows-1251">
    <title>цц</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <link rel="stylesheet" type="text/css" href="ico.css"/>
    <style type="text/css">
    body {
    margin:0;
    }

    #menu {
    background-image: url("images/head.png");
    padding:1%;
    }
    </style>
    </head>
    <body>
    <div id="container">
    <div id="menu">
    <a href="#" class="logo">Бетта-версия</a>
    <a href="#" class="home">главная</d>
    <a href="#" class="help">помощь</a>
    <a href="#" class="rules">правило</a>
    <a href="#" class="reg">регистрация</a>
    </div>
    </body>
    </html>
     
    ivan111, 8 июл 2013
    #2
  3. Linkinkov

    Linkinkov Старожил Пользователь

    Баллы:
    173
    Skype:
    linkinkov1
    Имя в Minecraft:
    linkinkov
    Лол.
    body {
    margin:0 auto;
    }

    #menu {
    background-image: url("images/head.png");
    padding:5px;
    width: 980px; //ширина меню
    }
     
    Linkinkov, 8 июл 2013
    #3
  4. Автор темы
    ivan111

    ivan111 Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    ivan
    У меня меню резиновое LOL
     
    ivan111, 8 июл 2013
    #4
    МиднайтЖелаетВамДобра и Anons нравится это.
  5. Linkinkov

    Linkinkov Старожил Пользователь

    Баллы:
    173
    Skype:
    linkinkov1
    Имя в Minecraft:
    linkinkov
    Тогда два дива нужно, один с максимальным размером, а внутри него меню, которое центрируется насчет максимального размера.
     
    Linkinkov, 8 июл 2013
    #5
  6. d3lour

    d3lour Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    d3lour
    Как можно сделать фиксированное в резиновом? Или я чего-то не понял? Выравнивание меню по середине хочешь?
    Ты допустил столько ошибок в написании кода + ко всему, вид меню не сематичен. Сделай
    его списком.
    Хотя, я сделал все за тебя. Выровнял по середине и исправил ошибки.
    HTML:
    <!DOCTYPE HTML PUBLIC "-//DTD HTML 4.01"EN "http://w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="windows-1251" content="text/html"; http-equiv="Content-Type"/>
    <title>Ты был упорот, когда писал код</title>
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <link href="ico.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
      body,
      ul {
        margin: 0px;
        padding: 0px;
      }
      #menu {
        background: url("images/head.png");
        padding: 1%;
        text-align: center;
      }
      #menu > ul {
        /* фикс с непонятными отступами для вебкита при смене display */
        font-size: 0px;
        list-style: none;
      }
      #menu > ul li {
        display: inline-block;
      }
      #menu > ul li a {
        /* возвращаем размер */
        font-size: 15px;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="menu">
        <ul>
          <li>
            <a class="logo" href="#">Бетта-версия</a>
          </li>
          <li>
            <a class="home" href="#">главная</a>
          </li>
          <li>
            <a class="help" href="#">помощь</a>
          </li>
          <li>
            <a class="rules" href="#">правило</a>
          </li>
          <li>
            <a class="reg" href="#">регистрация</a>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>

    1. В указании доктайпа забыл знак "!"
    2. equv должно быть http-equiv
    3. забыл закрыть тег мета знаком "/" в конце
    4. <a href="#" class="home">главная</d>
    5. не закрыл тег с id = container
    Впрочем, я все сделал за тебя, правильный код вверху)
     
    d3lour, 8 июл 2013
    #6
    ivan111 нравится это.
  7. Автор темы
    ivan111

    ivan111 Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    ivan
    Спасибо большое,последний вопрос,как сделать что бы ссылки были,не по середине,а по всему меню.
     
    ivan111, 8 июл 2013
    #7
    Anons нравится это.
  8. d3lour

    d3lour Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    d3lour
    Все пространство по ширине занимали?
     
    d3lour, 8 июл 2013
    #8
  9. Автор темы
    ivan111

    ivan111 Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    ivan
    Да,только что бы так же стояли на месте,при уменьшении сайта.
     
    ivan111, 8 июл 2013
    #9
    Сникерсни и Anons нравится это.
  10. d3lour

    d3lour Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    d3lour
    Извиняюсь, в моем коде сверху забыл закрыть стиль.
    Вот правильный
    HTML:
    <!DOCTYPE HTML PUBLIC "-//DTD HTML 4.01"EN
"http://w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html"; charset="windows-1251" />
        <title>Ты был упорот, когда писал код</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <link rel="stylesheet" type="text/css" href="ico.css" />
        <style type="text/css">
            body, ul {
                margin: 0;
                padding: 0;
            }
 
            #menu {
                background: url('images/head.png');
                padding:1%;
           
            }
       
            #menu > ul {
                list-style: none;
                font-size: 0;
            }
       
            #menu > ul li {
                display: inline-block;
                width: 20%;
            }
       
            #menu > ul li a {
                display: block;
                text-align: center;
                font-size: 15px;
                background: blue;
                color: #fff;
            }
       
            #menu > ul li a:hover {
                background: green;
            }       
        </style>
    </head>
 
    <body>
        <div id="container">
            <div id="menu">
                <ul>
                    <li>
                        <a href="#" class="logo">Бетта-версия</a>
                    </li>
                    <li>
                        <a href="#" class="home">главная</a>
                    </li>
                    <li>
                        <a href="#" class="help">помощь</a>
                    </li>
                    <li>
                        <a href="#" class="rules">правило</a>
                    </li>
                    <li>
                        <a href="#" class="reg">регистрация</a>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>
    Тут меню так, как ты хотел.
    Чтобы меню "стояло на месте", считаешь сколько пунктов в меню, делишь их кол-во на 100, и полученное число вставляешь в мой код вместо 20%

    Для наглядности добавил цвета
     
    d3lour, 8 июл 2013
    #10
  11. Автор темы
    ivan111

    ivan111 Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    ivan
    Слушай,у меня есть руб 80,не мог бы урок провести?
    в скайпе
     
    ivan111, 8 июл 2013
    #11
    Greenberg и Anons нравится это.
  12. d3lour

    d3lour Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    d3lour
    :D хорошо
    Урок не проведу, но с вопросами помочь могу
     
    d3lour, 8 июл 2013
    #12
    ivan111 нравится это.
  13. Fragger

    Fragger Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    Jokker
    Лучше бы вместо этого hb продолжил делать :)
     
    Fragger, 8 июл 2013
    #13
    GJEvolution, zuma2 и caNek нравится это.
  14. d3lour

    d3lour Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    d3lour
    Делаю. Да кто ты такой-то? .-.
     
    d3lour, 8 июл 2013
    #14
  15. Автор темы
    ivan111

    ivan111 Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    ivan
    Помог со всем разобраться,спасибо еще раз :)
     
    ivan111, 8 июл 2013
    #15
    Anons нравится это.
  16. Fragger

    Fragger Старожил Пользователь

    Баллы:
    123
    Имя в Minecraft:
    Jokker
    Mejor говорит, что всю зиму ты спал и только проснулся :)
     
    Fragger, 8 июл 2013
    #16
    BleaZzZ и ivan111 нравится это.

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