Uncle Fox
-
Posts
11 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Uncle Fox
-
-
http://webcloud.se/jQuery-Collapse/ это у меня не заработало , а с http://ruseller.com/...p?rub=2&id=1635 ковыряюсь. Спасибо!
-
Не скачет на чистой странице, а если поставить его ниже и левее, как вертикальное меню. И пунктов сделать 8-10 и начнет скакать В инете я много перебрал, у всех один и тот же принцип. Дайте ссылку на аналогичное меню без якорей, буду очень благодарен!
-
Да суть в этом. А как сделать без якорей? Или может обернуть в какой-то div?
-
Наверно я неправильно объясняю.
Вот кусок 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;
} -
День добрый!
Если взять меню, например вот это: http://www.magentawave.com/2012/10/accordion-css3-jquery-menu.html то оно прекрасно работает. Но как только делаешь в меню 8-10 подменю (как только делаешь его достаточно длинным), то при нажатии на пункт страничка сдвигается вверх к этому пункту.
Я думаю дело в якоре? Из за него страница двигается к месту где якорь?
Как от этого избавиться? Зачем нужно меню, которое не работает нормально... Таких меню куча в инете и основа у них одна, список с якорями.
Может можно как-то без якорей сделать? Или я чего-то не понимаю еще.
С ув. Uncle Fox.
-
#logo {
position: absolute;
top: 15px;
left: 55px;
width: 220px;
}
#menu {
position:absolute;
top: 25px;
right: 0px;}
Вот такая конструкция. Логотип слева зафиксирован и с ним проблем нет. А вот меню относительно правого края страницы зафиксированно, но левый край меню "играет" туда сюда на несколько пиксел в зависимости от того, каким браузером смотреть
Так и должно быть или я чего-то не дописал?
С ув. Uncle Fox
-
Спасибо, с классами все получилось, теперь без проблем.
.input {
border: none;
border-bottom: 2px dotted #000;
}<input class="input" type="text" size="50">
С ув. UncleFox
-
Рано обрадовался Под кнопкой ввод тоже точки. Если я кнопку ввод заменяю на картинку, то и под картинкой точки. Как это убрать? Пытаюсь сам, пока не выходит...
#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
-
Спасибо, получилось!!! Я так понимаю, это та же рамка, но видна только нижняя сторона в виде точек?
С ув. UncleFox
-
День добрый!
Возникла необходимость вместо стандартного прямоугольничка тега input сделать вот такое: ..................... и потом на эти точки вводить текст. Рылся пол-ночи в инете и ничего не нарыл Подскажите, как это можно сделать средствами css?
С ув. Uncle Fox
Меню аккордеон!
in HTML Coding
Posted · Edited by Uncle Fox
Уфф... заработало всем спасибо за подсказки.
Но у меня еще важный для меня вопрос, касающийся меню: меня сделано, красивое, работает когда по нему пройтись. А вот если нажать на пункт меню и по этому нажатию перейти на другую страничку - то как зафиксировать этот нажатый пункт как??? Этого в примерах кода нет.
Вот нашел, это в принципе то, что нужно http://veselov.sumy.ua/825-vydelyaem-tekuschiy-punkt-menyu-otdelnym-stilem-yavoy-jquery.html но мне ни хрена не понятно Объясните для чайника! Или может есть, что-то проще?