Jump to content

Vov4uk

Newbie
  • Posts

    11
  • Joined

  • Last visited

Vov4uk's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Всем большое спасибо. Разобрался. Как писал Zverushka ошыбка в элементе p.
  2. Подскажите пожалуйста в чем моя ошибка, почему не работает такой код? HTML <nav> <ul> <li><p>Головна</p></li> <li><p>Про нас</p></li> <li><p>Про нас</p></li> </ul> <script> $(document).ready(function () { $('ul li:first-child').addClass('checked'); $('ul li p').click(function () { $('ul li').removeClass('checked'); $(this).addClass('checked'); } ); } ); </script> </nav> CSS .checked { height: 40px; background: #000; }
  3. Я надеюсь на помощь и в этом разделе, для знающих людей это не составит особого труда.
  4. Изображение не открывается. Насколько я правильно понял, то это именно тот пример что Вас интересует. Немного изменив код, можно настроить так как нужно. P.S. Это не реклама сайта.
  5. Доброго времени суток, я пытаюсь сделать свой сайт, знаю только HTML и CSS, а с JavaScript никогда не работал и соответственно в нем я полный ноль. Мне нужно сделать полноэкранную галерею где без JavaScript не обойтись. Скачал пример галереи, которая меня устраивает, но нужно кое-что в ней изменить. Я уже четвертый день редактирую, но ничего не получается поскольку она полностью на JavaScript. Вот и должен просить Вашей помощи. Вот сама галерея. Я задумал изменить ее так как на картинке. Первая клавиша показывает все изображения галереи, вторая и последняя это предыдущее и последующее изображение, а третья stop / play. Также при наведении мыши на клавиши меняется их фон. Размер контейнера с клавишами 42px. Думаю мысль свою понятно изложил, если что спрашивайте. Помогите пожалуйста, не проходите мимо, а то я вообще разочаровался и если не получится так как я задумал вообще закину это дело.
  6. Да, именно так. Большое спасибо)))
  7. Возможно вопрос покажется глупым, но как понять вложенные диви, это див в див'е, или я что-то не так понимаю?
  8. Это элементы оформления центрального блока, такая как бы тень: http://pixs.ru/showimage/jThumbnail_6333935_5925035.png http://pixs.ru/showimage/jThumbnail_5929316_5925036.png
  9. Помогите выровнять три div в один ряд. При таком коде первые два div стоят в ряд а третий снизу. Вот пример кода: HTML - код: <div class="scroller"> <div class="left"></div> <div class="sc"></div> <div class="right"></div> </div>? CSS - код: .scroller { width: 90%; height: 200px; border: 1px solid #0F0; margin: 0 auto; } .left { width: 12px; height: 198px; border: 1px solid #30C; float: left } .right { width: 12px; height: 198px; border: 1px solid #30C; float: right; } .sc { width: auto; border: 1px solid #F00; height: 198px; margin: 0px 14px 0px 14px; } Нужно чтобы class="scroller" был динамичный 90%, class="right" и class="left" статистическими по 12px, а class="sc" займет пространство которое осталось в class="scroller". Просьба гуру HTML и CSS не ругать, потому что только учусь.
  10. Здравствуйте, я в этом новичок, помогите с блочной версткой. Нужно разделить страницу, пример приведу таблицу, потому что именно так и нужно сделать, но блоками. <table width="100%" height="100%" border="1"> <tr> <td rowspan="3" width="302px"> </ td> <td height="150px"> </ td> </ tr> <tr> <td> </ td> </ tr> <tr> <td height="100px"> </ td> </ tr> </ table> Писал так: # left_cauntainer { position: absolute; width: 302px; height: 100%; float: left; } # right_countainer { position: absolute; width: 100%; height: 100%; float: right; } # top { position: absolute; margin: 0 auto; height: 150px; width: auto; } # content { position: absolute; margin: 0 auto; width: auto; } # footer { position: absolute; margin: 0 auto; height: 100px; width: auto; bottom: 0; } <div id="left_cauntainer"> </ div> <div id="right_countainer"> <div id="top"> </ div> <div id="content"> </ div> <div id="footer"> </ div> </ div> Но ничего не получается( Заранее спасибо
×
×
  • 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