galaydas

О... Дай вам бог здоровья люди добрые ))) Спасибо громадное ))

)) А поподробнее

Всем привет, такая проблема, в javascript новичок вот код <div class="last_news"> <h1>Заголовок1</h1> <p>Текст1</p> </div> <div class="last_news"> <h1>Заголовок2</h1> <p>Текст2</p> </div> <div class="last_news"> <h1>Заголовок3</h1> <p>Текст3</p> </div> Нужно сделать так, что бы блоки отображались на странице в обратном порядке как это решить на Jquery?

Всем привет! Такой вопрос, поставил на сайт менюху на jQuery <script type="text/javascript"> $(document).ready(function($){ $('#accordion-2').dcAccordion({ eventType: 'click', autoClose: false, saveState: true, disableLink: true, speed: 'fast', classActive: 'test', showCount: false }); }); </script> Как сделать так, что бы при переходе на другую страницу, пункт меню оставался открытым, если оставить autoClose: false, так и получается, но как сделать при этом, что бы при открытии нового пункта аккордеона, сворачивался прошлый. А то нужно руками закрывать и открывать все по очереди, может дописать какую строчку надо? Я в Javascript вообще ни как, спасибо

ВОТ !!! Оно Switch7, то что нужно, взял второй вариант с JS. Стало как надо прямо ))) Спасибище вам Switch7 огромное !!! Спасибо всем добрым людям кто советовал! Решение найдено ))

И что, в вашем случае, при наличии многих повторяющихся блоков, будет правильно работать?

Если что, так сделаю, но не желательно, это на крайний случай

Та, что <a href="#"><h3>Заголовок</h3></a> ? Да ) Да, это то, что нужно, только как я понимаю, это для единичного случая, а если таких блоков много на странице, то работать будет только первый, наверное для каждого в отдельности сделать нельзя Что мешает сделать так: http://jsfiddle.net/HwA8s/2/ ? Картинки и ссылка в разных блоках, так надо

Libiros: Все это хорошо но вы видите, что картинка и текст в ссылке у меня в разных блоках <div class="block"> <div class="block2"> <a href="#"><img src="img.jpg" /></a> </div> <a href="#"><h3>Заголовок</h3></a> </div> При наведении на картинку меняет цвет ссылка, картинки могут быть разного размера, у одной высота например может быть 200рх а у другой 30рх. вот почему нужно наведение не на блок а на картинку, будет много div=block, но в каждом только одна картинка и одна ссылка, вся загвоздка и есть в том, что картинка и текст в разных блоках

Да, это то, что нужно, только как я понимаю, это для единичного случая, а если таких блоков много на странице, то работать будет только первый, наверное для каждого в отдельности сделать нельзя

Да, так, если на блок наводим, то срабатывает, но нужно именно на картинку, у меня пока не выходит

Всем привет, такая проблема <div class="block"> <div class="block2"> <a href="#"><img src="img.jpg" /></a> </div> <a href="#"><h3>Заголовок</h3></a> </div> Как можно сделать, что бы при наведении на картинку подсвечивалась ссылка с текстом, засунуть весь блок в <a> не вариант, может быть есть на js решение? Помогите, кто чем может

У вас получается, текст под картинкой все равно расширяется шире узкой картинки, ну да ладно, я сделал фиксированный размер... немного не то, что хотел, ну да ладно, всем спасибо

Попробую уточнить. Должно быть так как обведено красным, если например одна картинка будет шириной 100рх а другая 200рх и мы не будем указывать ширину блока, то текст у нас растянется на всю ширину страницы, а надо так, чтобы текст под картинкой автоматически подгонялся по ширине картинки, может быть какими нибудь отрицательными отступами? Вот код для скриншота HTML <div class="block_tovar"> <a href="#"> <div class="block_tovar_into"><img src="img/tov3.jpg" title="" /></div> <h3>LG 32LS3510</h3> </a> <span>Диагональ — 32" (81,3 см); разрешение — 1366x768 Пикс; тип дисплея — LED; формат экрана — 16:9; частота развертки — 100 Гц (MCI).</span> </div> CSS .block_tovar { margin:0 3% 30px 0; display: inline-block; max-width:200px; vertical-align:top; height: auto; } .block_tovar_into { height:210px; display:block; position:relative; vertical-align:bottom; text-align:center; } .block_tovar_into img { border:none; margin-bottom:10px; display:block; position:absolute; bottom:0; max-width:200px; max-height:150px; } .block_tovar h3 { font-size:14px; font-weight:normal; margin-bottom:10px; } .block_tovar span { font-size:12px; } Нужно что бы текст под картинкой растягивался на ширину картинки, но ширину картинки мы не знаем заранее, максимально 200рх, но если вдруг картинка будет 150рх, значит и текст должен быть 150, если делать при помощи span текст будет на все 200 всегда

Дело в том, что я заранее не знаю какие будут картинки, и какая ширина у блоков, со span че то не выходит

Всем привет, такая вот у меня проблема: <div class="block"> <img src="img.jpg" /> <h3>Заголовок</h3> <span>Текст, примерно одно предложение</span> </div> Это будут товары в каталоге, блоков будет много, как можно выстроить их в ряд, типа float:left, но с тем условием, что ширина картинки может быть разная, и в зависимости от этого менялась бы ширина блока и текста в span, в итоге лишние блоки переносятся на нижнюю строку, а в строке их может быть, в одной 3, в другой 4, в зависимости от ширины картинки и соответственно блока. При фиксированной ширине - это понятно, а вот так, не знаю куда копать

Примеров много: https://www.free-lance.ru/freelancers/web-dizajner-verstalschik-dizajn/ http://www.artlebedev.ru/everything/web/ Вот есть видеокурсы: http://brothers-company.ru/videocourses/2/free.html По моему этот (полный) курс можно найти в интернете бесплатно P.S. Ровняться нужно как минимум на самых лучших

Мое мнение такое, обращаюсь прежде всего к Online. Если хотите начать рисовать нормальные макеты, выбирайте самые красивые сайты на ваш взгляд, если не можете выбрать, просите кого нибудь. Делайте скриншот, открываете в фотошопе, ставите направляющие поверх картинки, и тупо перерисовываете, потом удаляете свою работу, что б ни кто не видел . Вот так работ через 10-15 понимание потихоньку приходить начнет.

Пишите мне в скайп, попробую с дизайном помочь

Так при генерации страницы пропишите класс active списку li верхнего уровня и вложенному li, а родительскому еще и hovered пропишите, и будет он у вас открыт. Тут, наверное, логичнее 'hovered' в 'opened' или 'expanded' переименовать. Наверняка, можно как-то упростить или сделать алгоритм более элегантным - все в ваших руках А если вы нашли работающий пример с таким алгоритмом, как вам нужен, так еще проще - просто разберитесь, как он там работает. Благо, любой инспектор позволит вам отлично просмотреть всю реализацию Эх, так это ж я и делал тот алгоритм, там все на css, при hover новый пункт с не прозрачным фоном появляется поверх активного, а тут фон прозрачный :-) Я сделал для активного пункта <li class="m1 hovered active"> а подпункту просто дал class="active" Так все как надо. Спасибище Вам огромное! Дай вам бог здоровья и счастья, есть же добрые люди на земле, надо пойти и самому кому нибудь добро сделать... а еще учить js :-) Спасибо тысячу раз по тысяче :-)

Посмотрите так http://jsfiddle.net/3PxSR/1/ По моему так как надо ))) Только что бы при обновлении активный пункт открыт был изначально, а так он срабатывает при наведении только. А так да, ОНО Вот еще, class=active будет присваивать система управления автоматом, просто что бы было по аналогии c http://vkgallery.nl/current-news это проще чем вы сделали. Открываешь страницу, видим открытое подменю с помеченным подпунктом, но если захотим переключиться, то при (наведении ! ) на другую ссылку активная временно исчезает, уводим курсор в сторону, опять активная появляется, и дает понять на какой странице мы все таки находимся. Мне кажется, что именно вы мне поможете ))

Идея верная, спасибо, но немного не корректно работает, заедает что то при переходе между пунктами, и вложенные <li> тоже должны быть активными, пока что с новыми силами сел ковырять css,

Вот загрузил http://jsfiddle.net/galaydas/rB3xH/5/ class="active" система управления сама присваивать будет, мне бы в css разобраться, или скриптик какой всунуть, я просто в jQuery ни как. Согласен с вами полностью, у самого такое было, извините уж меня за такие предложения, это уже от безысходности, но все равно, каждый же сам цену назначает

Я на локалке ставил, вручную добавлял, не получается, хотелось бы что бы так было

Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет )) Вот сайт: http://stroy.galay.by Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели. Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Господа.