SEObomj
-
Posts
96 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by SEObomj
-
Я ниче не понял Запоминать начальное значение для .admin ? Тогда как будет выглядеть функция? (там же получается меняем не css, а переменную) В общем для меня это еще более сложный вариант) Завтра еще попробую конструкцию if-else.
-
Код: <script> $(document).ready(function(){ $(".button").click(function(){ $(".hide").slideToggle("slow"); $(".admin").animate( { height:'40px' }, { queue:false, duration:600 } ); $(this).toggleClass("active"); }); }); </script> <div class="admin"> <a href="#" class="button" id="ac"><span></span>свернуть</a> <span class="hide"> ... </span> </div> При нажатии кнопки содержимое .hide плавно прячется и размеры родительского div'a подстраиваются по высоте. При повторном нажатии на кнопку содержимое .hide появляется. А как вернуть старое значение высоты для .admin при повторном нажатии?
-
А можно поподробней как это сделать?
-
А как сделать, чтобы менялся класс объекта, а не картинки?
-
Вытащить чужой скрипт не проблема) В общем рандом прикрутить у меня не получилось, зато мои скромные познания в php помогли сделать цикл <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Мультфильм</title> <style type="text/css"> *{ margin: 0; padding:0} #wrap { } #plus{height:20px;background-color:red;} </style> </head> <body> <div id="plus"></div> <div id="wrap"></div> <script type="text/javascript"> var wrap = document.getElementById('wrap'); var num = 0; var cadrs =[ '<img src="Image1.JPG" alt="" />', '<img src="Image2.JPG" alt="" />', '<img src="Image3.JPG" alt="" />', '<img src="Image4.JPG" alt="" />', '<img src="Image5.JPG" alt="" />', '<img src="Image6.JPG" alt="" />', '<img src="Image7.JPG" alt="" />', '<img src="Image8.JPG" alt="" />', '<img src="Image9.JPG" alt="" />', '<img src="Image10.JPG" alt="" />', '<img src="Image11.JPG" alt="" />', '<img src="Image12.JPG" alt="" />', '<img src="Image13.JPG" alt="" />', '<img src="Image14.JPG" alt="" />', '<img src="Image15.JPG" alt="" />', '<img src="Image16.JPG" alt="" />' ]; document.getElementById('plus').onmouseover = function(){ if(num>=15) return num=1; num++; wrap.innerHTML = cadrs[num]; } </script> </body> </html> Все работает, но все равно прошу взглянуть, может чего-то не учел. Спасибо всем и отдельное спасибо psywalker
-
onclick заменить на onmouseover ? Там как я понимаю еще цикл нужен. Вы простите мою глупость, я в этом полный ноль
-
Нужно именно при наведении курсора
-
Я смотрел, но что-то не получилось у меня его скомуниздить) Пробовал описанный здесь вариант, но почему-то меняется только одна картинка и там нужно по ссылкам щелкать, а не курсор наводить.
-
Порылся в поиске, но нашел только вариант где меняются две картинки (основная и появляющаяся при наведении). Мне же надо множество картинок, чтобы при каждом наведении была другая картинка. В общем нужно сделать как в логотипе у Лебедева Подскажите плиз как это реализовать.
-
Неправильно выразился. Я хотел сказать, что по идее высота должна отчитываться от блока all.
-
Ниизя Без него парочка других проблем вылезет. Может их и можно решить конечно. В любом случае проблему я решил немного другим, малость кривым способом, но мне все равно интересно какого черта Wraper не растягивается. Если проблема в блоке All то по идее он и от него также бы унаследовал height:100% и растянулся.
-
Я в него весь код завернул, то есть он идет сразу после <body>. К нему тоже пробовал указывать height:100%
-
html { height: 100%; } body { margin: 0 auto; height: 100%; } .all { width: 989px; margin: 0 auto; } .wraper{ width: 999px; min-height: 100%; margin: -35px 0 0 -9px; } .content { padding: 14px 40px 0 19px; margin-left: -9px; width: 512px; float: left; background-color: #fff; } .post {margin-top: -6px;} .sidebar { width: 414px; min-height: auto; float: right; }
-
Не помогло
-
Код примерно такой: <div class="wrapper"> <div class="content"> <div class="post-1"> </div> <div class="post-2"> </div> <div class="post-3"> </div> </div><!-- END content --> <div class="sidebar"> </div> </div><!-- END wrapper --> .wrapper никак не хочет растягиваться по высоте. Пробовал прописывать height:100%; min-height:100%; height: auto; но ничего не помогает. Что делать?
-
Спасибо огромное! Почему-то не пришло в голову картинками реализовать Решение: #sorts li a:hover,#sorts li.active a,{background:url(../images/blue.gif) repeat-x top;color:#fff;cursor:pointer;display:block; text-decoration:none;overflow:hidden;} #sorts li.active a span,#sorts li a:hover span { background:url(../images/down.gif) no-repeat 40% 100%;display:block;padding-bottom: 6px; } blue.gif - синяя полоска 1px down.gif - стрелка Может кому-нибудь пригодится.
-
У вас для бэкграунда используются картинки, а у меня заливка. С картинкой проще, так как у нее ограниченный размеры, а у меня заливка вылезает за границы вместе со стрелочкой. То есть я увеличиваю размеры кнопки для стрелочки и площадь заливки увеличивается. На всякий случай привожу CSS #sorts li a:hover,#sorts li.active a,#sorts li.current_page_item a{background:url(../images/down.gif) no-repeat #274d88 50%;color:#fff;cursor:pointer;display:block; margin-bottom: 6px; text-decoration:none;overflow:hidden;} #sorts li.active a span,#sorts li.current_page_item a span,#sorts li a:hover span{background:url(../images/down.gif) no-repeat #274d88 50%;display:block;margin-bottom: 6px;}
-
Как? margin-top же должен увеличивать границы кнопки
-
Есть два варианта кнопки - активная и неактивная. У активной появляется стрелочка (высота кнопки увеличивается). Margin не помог - стрелочка не выходит за рамки кнопки. С падингом или увеличением высоты кнопка увеличивается, а стрелочка опять не выходит за пределы синего фона(( Подскажите плиз как сверстать кнопку.
-
Ужас, совсем запутался В общем как я понял без разницы как, главное чтобы выглядело все как на макете.
-
Просто часто встречаю в коде, что позиционируют блоки именно с помощью отступов, position и float
-
Я совсем недавно верстаю и у меня возник такой вопрос: как правильно позиционировать блоки? С помощью отступов (margin и padding) или с помошью left и top? Лично я привык использовать Left и Top. В принципе сайт выглядит как на макете, с кроссбраузерностью норм, но ведь не зря же остальные используют отступы В общем интересует ваше мнение - как правильнее и почему.