Jump to content

Sensei

Expert
  • Posts

    561
  • Joined

  • Last visited

  • Days Won

    26

Everything posted by Sensei

  1. А не легче реализовать с помощью jQuery? например так http://jsfiddle.net/sensei/26usE/5/ Или принципиально на нативном надо?
  2. Можно так на jQuery http://jsfiddle.net/sensei/xjsat/3/
  3. Viktorius, мои контакты в профиле, обращайтесь. Кое-что уже сделал, после того как получу исходники, сформирую полный вариант. Если все устроит, получите свой сайт на следующий день. Из-за возможной разницы во времени, есть вероятность, что не смогу сразу откликнуться.
  4. Sensei

    Меню

    эт почему? обоснуй)
  5. Sensei

    Меню

    http://htmlbook.ru/css/list-style-image
  6. В вашем случае нужно просто, задать блоку с классом "bl_1" верхний паддинг в 1px, чтобы параграфам было от чего отступать. Но я бы сделал примерно так http://jsfiddle.net/sensei/Yca8k/3/
  7. Потому что надо всем родителям не мин-хайс, а просто хайс задавать.
  8. Что бы высчитать у какого-либо элемента min-height: 100%, нужно задать стопроцентную высоту всем вышестоящим по иерархии элементам, вплоть до html
  9. Если нужен аккордеон, то на jQuery можно так сделать http://jsfiddle.net/sensei/5prPz/1/
  10. А в 17 строке меняли?
  11. Sensei

    float

    так? http://jsfiddle.net/sensei/QBSd4/
  12. попробуйте заменить на 'content-' и 'header-'
  13. скорей всего потому что идентификаторы используются js, вы их изменили, вот теперь блоки и не открываются. если я вас правильно понял.
  14. я первый выпуск смотрел, вроде стоящая передача, все никак не могу собраться и посмотреть полностью)
  15. тег img одинарный, то есть не имеет закрывающего. http://jsfiddle.net/sensei/7xvnH/
  16. разбейте картинку на три части: верхняя, средняя (она и будет тянуться), ну и собственно нижняя. среднюю часть поставьте фоном wrapper`a, для верхней и нижней ::after, ::before, ну или создайте специальные блоки и спозиционируйте.
  17. Sensei

    float

    Уберите все флоаты, пропишите картинке display: block; margin: auto;
  18. Не 'widtd' а 'width' Если не задавать ширину, то по идее ее значение будет auto, т.е. на всю ширину родительского контейнера, ни больше, ни меньше)
  19. <div id="main"> <div id="first"></div> <div id="second"></div> <div id="third"></div> <div id="fourth"></div> </div> html, body { margin: 0; } #main { width: 800px; margin: 50px auto; border: 1px solid #000; } #first { width: 300px; height: 701px; float: right; background: #f1f1f1; border-left: 1px solid #000; } #second { height: 200px; margin-right: 301px; background: #f1f1f1; border-bottom: 1px solid #000; } #third{ width: 150px; height: 500px; float: left; background: #f1f1f1; } #fourth{ height: 500px; margin-left: 151px; margin-right: 301px; background: #f1f1f1; border-left: 1px solid #000; }
  20. например так http://jsfiddle.net/sensei/jkgqB/ может, кто и лучше вариант подкинет.
  21. А чем article не подходит для обертки? Если нужно четко обозначить, что именно с него начинается контентная часть, можно добавить атрибут role=main.
  22. Вот набросал структуру SelenIT, поправьте, если что не так. <!DOCTYPE HTML> <title></title> <meta charset=utf-8> <header> <h1>Деловое предприятие</h1> <nav> <ul> <li><a href="">О компании</a></li> <li><a href="">Услуги</a></li> <li><a href="">Пресс-центр</a></li> <li><a href="">Контактная информация</a></li> </ul> </nav> <p>Доверьтесь тем, кто знает свое дело</p> </header> <article> <section> <h2>Пресс-центр</h2> <article> <time datetime=2010-01-12>12 января 2010</time> <p>Вступает в силу новая редакция...</p> </article> <article> <time datetime=2010-01-12>12 января 2010</time> <p>Вступает в силу новая редакция...</p> </article> <article> <time datetime=2010-01-12>12 января 2010</time> <p>Вступает в силу новая редакция...</p> </article> </section> <section> <h2>Наши координаты</h2> <article> <div class="vcard"> <div class="adr"> <span class="locality">Минск</span>, <div class="street-address">пр-т Независимости</div> <div class="extended-address">дом 89, корпус 2, офис 15</div> </div> <div class="tel"> <span class="type">Work</span> +1-650-289-4040 </div> <div>Email: <span class="email">info@mdrk.com</span> </div> </div> </article> </section> </article> <footer> </footer>
  23. можно еще проще) http://jsfiddle.net/sensei/RPGV8/3/
×
×
  • 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