Jump to content

Uncle Fox

Newbie
  • Posts

    11
  • Joined

  • Last visited

Uncle Fox's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Уфф... заработало всем спасибо за подсказки. Но у меня еще важный для меня вопрос, касающийся меню: меня сделано, красивое, работает когда по нему пройтись. А вот если нажать на пункт меню и по этому нажатию перейти на другую страничку - то как зафиксировать этот нажатый пункт как??? Этого в примерах кода нет. Вот нашел, это в принципе то, что нужно http://veselov.sumy.ua/825-vydelyaem-tekuschiy-punkt-menyu-otdelnym-stilem-yavoy-jquery.html но мне ни хрена не понятно Объясните для чайника! Или может есть, что-то проще?
  2. http://webcloud.se/jQuery-Collapse/ это у меня не заработало , а с http://ruseller.com/...p?rub=2&id=1635 ковыряюсь. Спасибо!
  3. Не скачет на чистой странице, а если поставить его ниже и левее, как вертикальное меню. И пунктов сделать 8-10 и начнет скакать В инете я много перебрал, у всех один и тот же принцип. Дайте ссылку на аналогичное меню без якорей, буду очень благодарен!
  4. Да суть в этом. А как сделать без якорей? Или может обернуть в какой-то div?
  5. Наверно я неправильно объясняю. Вот кусок html: <div class="accordion"> <section id="one"> <h1><a href="#one">Первое меню</a></h1> <div> <p><a href="page1.html">Подменю 1</a></p> <p><a href="page2.html ">Подменю 2</a></p> <p><a href="page3.html ">Подменю 3</a></p> </div> </section> <section id="two"> <h1><a href="#two">Второе меню</a></h1> <div> <p><a href="page4.html ">Подменю 1</a></p> <p><a href="page5.html ">Подменю 2</a></p> <p><a href="page6.html ">Подменю 3</a></p> </div> </section> <section id="three"> <h1><a href="#three">Третье меню</a></h1> <div> <p><a href="page7.html ">Подменю 1</a></p> <p><a href="page8.html ">Подменю 2</a></p> <p><a href="page9.html ">Подменю 3</a></p> </div> </section> </div> Видите? Я так понял якорь нужен для работы меню, для открытия подменю. Тут три якоря, три подменю. На них не будет реальных ссылок. Но якоря указывают места на странице и из-за этого у меня двигается страница? И css: .accordion{ position: relative; top: 150px; left: 85px; background-color: ; border: ; width: 155px; padding: 5px; /*margin: 0 auto;*/ } .accordion section{ border: none; border-bottom: 2px dotted #000; /*border: 1px solid #539127;*/ margin: 5px; /*background-color: #fff;*/ background-color: ; } .accordion h1, .accordion p{ margin: 0; } .accordion p{ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; color:#666; padding: 5px; } .accordion h1 a{ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; display: block; position: relative; padding: 5px; color: #000; text-decoration: none; } .accordion h1 a:hover { color: #C00; background: ; } .accordion h1 + div { height: 0; overflow: hidden; -moz-transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } .accordion :target h1 a:after { content: ''; position: absolute; right: 10px; top: 50%; margin-top: -3px; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; } .accordion :target h1 + div { height: auto; }
  6. День добрый! Если взять меню, например вот это: http://www.magentawave.com/2012/10/accordion-css3-jquery-menu.html то оно прекрасно работает. Но как только делаешь в меню 8-10 подменю (как только делаешь его достаточно длинным), то при нажатии на пункт страничка сдвигается вверх к этому пункту. Я думаю дело в якоре? Из за него страница двигается к месту где якорь? Как от этого избавиться? Зачем нужно меню, которое не работает нормально... Таких меню куча в инете и основа у них одна, список с якорями. Может можно как-то без якорей сделать? Или я чего-то не понимаю еще. С ув. Uncle Fox.
  7. #logo { position: absolute; top: 15px; left: 55px; width: 220px; } #menu { position:absolute; top: 25px; right: 0px; } Вот такая конструкция. Логотип слева зафиксирован и с ним проблем нет. А вот меню относительно правого края страницы зафиксированно, но левый край меню "играет" туда сюда на несколько пиксел в зависимости от того, каким браузером смотреть Так и должно быть или я чего-то не дописал? С ув. Uncle Fox
  8. Спасибо, с классами все получилось, теперь без проблем. .input { border: none; border-bottom: 2px dotted #000; } <input class="input" type="text" size="50"> С ув. UncleFox
  9. Рано обрадовался Под кнопкой ввод тоже точки. Если я кнопку ввод заменяю на картинку, то и под картинкой точки. Как это убрать? Пытаюсь сам, пока не выходит... #search { position: absolute; top: 35px; right: 275px; width: px; height: px; } input { border: none; border-bottom: 2px dotted #000; } <div id="search"> <form name="search" method="post" action="input.php"> П о и с к <input type="text" size="40"> <input type="image" src="./pictures/lens.jpg"> </form> </div> С ув. UncleFox
  10. Спасибо, получилось!!! Я так понимаю, это та же рамка, но видна только нижняя сторона в виде точек? С ув. UncleFox
  11. День добрый! Возникла необходимость вместо стандартного прямоугольничка тега input сделать вот такое: ..................... и потом на эти точки вводить текст. Рылся пол-ночи в инете и ничего не нарыл Подскажите, как это можно сделать средствами css? С ув. Uncle Fox
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy