+ Ответить в теме
Показано с 1 по 10 из 10

Тема: Помогите пожалуйста с кодом меню

  1. #1
    Новичок Timoxa на пути к лучшему Аватар для Timoxa
    Регистрация
    29.01.2011
    Сообщений
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Восклицание Помогите пожалуйста с кодом меню

    Здравствуйте. Помогите пожалуйста. Вот мой сайт: www.timoxa.ucoz.ru Там меню с левой стороны зеленое. Не могу сделать чтобы оно было с левой стороны блока и во всю длину.

    Вот код:

    <STYLE type="text/css">  
    {
    margin:0;
    padding:0;
    }
    body{
    background:#fff;
    color:#666;
    font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
    }
    #menu{
    background:#fff;
    width:190px;
    }
    #menu ul{
    list-style:none;
    }
    #menu li{
    list-style:none;
    margin:1px 0;
    }
    #menu li a{
    list-style:none;
    background:#8faf39 url(/images/menu_033_bg.gif) no-repeat;
    color:#fff;
    text-transform:uppercase;
    font-size:9px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    height:35px;
    line-height:35px;
    padding:0 0 0 20px;
    }
    #menu li a:hover{
    background:#da4a70 url(/images/menu_033_h.gif) no-repeat;
    color:#fff;
    text-decoration:none;
    }</STYLE>

    и сам код меню:

    <div id="menu">  
    <ul>
    <li><a href="ссылка">название</a></li>
    <li><a href="ссылка">название</a></li>
    <li><a href="ссылка">название</a></li>
    <li><a href="ссылка">название</a></li>
    <li><a href="ссылка">название</a></li>
    </ul>
    </div>

    Буду очень признателен и благодарен

  2. #2
    Местный vasvas7775 на пути к лучшему Аватар для vasvas7775
    Регистрация
    12.11.2010
    Сообщений
    354
    Thanks
    23
    Thanked 38 Times in 38 Posts
    как я понял тебе надо блок с меню растянуть по ширене блока так? Тогда поставь в ширине вместо пх. процент.
    sorry, если что-то не так понял........

  3. #3
    Новичок Timoxa на пути к лучшему Аватар для Timoxa
    Регистрация
    29.01.2011
    Сообщений
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    vasvas7775 не получается все остается также

  4. #4
    Новичок Timoxa на пути к лучшему Аватар для Timoxa
    Регистрация
    29.01.2011
    Сообщений
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Такое ощущение как будто перед самим меню стоит пробел. Даже если изменяшь ширину то она сдвигается в правую сторону

  5. #5
    Местный vasvas7775 на пути к лучшему Аватар для vasvas7775
    Регистрация
    12.11.2010
    Сообщений
    354
    Thanks
    23
    Thanked 38 Times in 38 Posts
    Посмотри вот так:

    <STYLE type="text/css">

    body{
    margin:0px auto;
    background:#FFFFFF;
    color:#666;
    font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
    }
    #menu{
    margin-top:10px;
    background:#FFFFFF;
    width:100%;
    }
    #menu ul{
    list-style:none;
    margin: 0;
    padding: 0;
    }
    #menu li{
    list-style:none;
    margin:1px 0;
    }
    #menu li a{ margin-left:0px;
    list-style:none;
    background:#8faf39 url(/images/menu_033_bg.gif) no-repeat;
    color:#fff;
    text-transform:uppercase;
    font-size:9px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    height:35px;
    line-height:35px;
    padding:0 0 0 20px;
    }
    #menu li a:hover{
    background:#da4a70 url(/images/menu_033_h.gif) no-repeat;
    color:#fff;
    text-decoration:none;
    }</STYLE>


    <div id="menu">
    <ul>
    <li><a href="ссылка">название</a></li>
    <li><a href="ссылка">название</a></li>
    <li><a href="ссылка">название</a></li>
    <li><a href="ссылка">название</a></li>
    <li><a href="ссылка">название</a></li>
    </ul>
    </div>
    sorry, если что-то не так понял........

  6. #6
    Новичок Timoxa на пути к лучшему Аватар для Timoxa
    Регистрация
    29.01.2011
    Сообщений
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Спасибо большое!!! Помогло.

  7. #7
    Новичок Ostropolsky на пути к лучшему Аватар для Ostropolsky
    Регистрация
    29.04.2010
    Сообщений
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Вопрос



    Необходимо чтобы закладка "наше меню"-это ссылка, при наведении курсора на нее поднималась на несколько пикселей вверх
    Как можно выполнить данный эффект?

  8. #8
    Местный vasvas7775 на пути к лучшему Аватар для vasvas7775
    Регистрация
    12.11.2010
    Сообщений
    354
    Thanks
    23
    Thanked 38 Times in 38 Posts
    Это смотря как у тебя меню прописано. Если картинкой как я вижу, то при наведении показать другую катртинку немного другого размера.
    sorry, если что-то не так понял........

  9. #9
    Новичок Ostropolsky на пути к лучшему Аватар для Ostropolsky
    Регистрация
    29.04.2010
    Сообщений
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Каждая закладка это отдельная картинка-ссылка.
    А как это на исполнить с помощью Css?

  10. #10
    Новичок M-edve-D на пути к лучшему Аватар для M-edve-D
    Регистрация
    30.01.2011
    Адрес
    Украина г.Донецк
    Сообщений
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Это скриптом можно описать:


    <head>
    <script language="javascript">
    function show() {document.gl.src='files/при наведении курсора.gif';}
    function hide() {document.gl.src='files/когда убираешь курсор.gif';}
    function clik() {document.gl.src='files/нажатая.gif';}
    function unclik() {document.gl.src='files/после нажатия при наведенном курсоре.gif';}
    </script>
    </ head>


    а там где твоя кнопка пишешь:

    <a href="index.html" onmouseover="show();" onmouseout="hide();" onmousedown="clik()"
    onmouseup="unclik()"><img src="files/ваша картинка" border="0" class="otstyp_1" name="gl" /></a>



    вот такой вариант.
    можно это на 3 картинки: обычная, когда наводишь курсор и при нажатии. На 2 переделать легко.
    Последний раз редактировалось M-edve-D; 01.02.2011 в 15:49.

+ Ответить в теме

Похожие темы

  1. Ответов: 34
    Последнее сообщение: 27.12.2010, 11:36
  2. Ответов: 2
    Последнее сообщение: 25.12.2010, 19:09
  3. помогите с кодом
    от granp в разделе HTML
    Ответов: 0
    Последнее сообщение: 30.11.2010, 17:46
  4. Подскажите пожалуйста с кодом
    от lnocommentl в разделе HTML
    Ответов: 11
    Последнее сообщение: 18.06.2010, 23:36
  5. Ответов: 9
    Последнее сообщение: 29.04.2010, 11:23

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения