Jump to content

Vadimka

User
  • Posts

    98
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by Vadimka

  1. file:///C:/.../arrows.jpg так попробуй а вообще закинь в директорию сайта эту картинку и относительно css укажи путь
  2. jQuery(function(){ $('a').click(function() { $(this).parent().addClass('active'); }, function() { $(this).parent().removeClass('active'); }); }); что то типа того, у меня для IE6 вместо псевдокласса hover для блоков так делалось, проверить работоспособность кода не могу в данный момент, если не работает, завтра подправлю, но суть примерно такая, это с подключение jquery библиотеки
  3. хм.стандартными способами html + css думаю нельзя, а через jquery легко, создал для p класс например p.active с нужными тебе параметрами и при клике по ссылке внутри p сделал чтобы родителю присваивался класс .active то есь нажал на A и P присвоился класс .active, отпустил - класс удалился
  4. ну если это меню будет то списком лучше у которого li блочными будут
  5. во первых это не хаки а псевдоклассы и селекторы в css - вот почитай тут http://everstudent.ru/blog/htmlcss/30-css-seletors-to-memorize/ а на счёт твоего инпута я толком ничего и не понял. хочешь чтобы при нажатие он смещался? так просто задал input:active { position: relative; top: 1px; left: 1px;} или так же через марджины
  6. Vadimka

    Div и height

    не вижу твоего кода но могу предположить почему так.у блок #in_content скорее всего фиксированая высота, то есть если что то внутри этого блока превысит эту высоту то оно выйдет за рамки просто а если у #in_content есть overflow: hidden то все что выходит за рамки будет скрыто , тебе просто не надо в таком случае задавать ему высоту и поставить overflow: hidden (это на случай если внутри есть плавающие блоки) тогда он будет у тебя расширятся в высоту по содержимому внутри
  7. да, точку с запятой пропустил. метод с display: table работает от IE8 и выше, старые не будут как надо отображать, метод с float работает на всех, метод с inline-block тоже только в IE8 и выше (ну в остальных браузерах) - но легко сделать поддержку IE6-7, выбирай как тебе удобнее В общем http://jsfiddle.net/PeKhn/ эти три способа
  8. не советую использовать фильтры от IE от них бывают косяки, просто делаете прозрачный фон через rgba а для IE делаете фон png картинкой с прозрачностью
  9. если бы эти 3 колонки были в одном блоке у которого фиксированая высота то тогда выход height: 100%, можно например три колонки вставить в контейнер и задать ему фиксированую высоту, если за эту высоту ни одна из колонок выходить не будет и им задать высоту 100%, вот тебе и выравнивание. а если высота у тебя может быть любой...хм...тут подумать надо.
  10. через z-index как тебе сказали уже. изначально этим 5 блокам ставишь z-index от 1 до 5, а так же добавляешь в стиле div:hover {z-index: 8;} и при наведение на блок он получит максимальный z-indexи будет поверх всех.
  11. <div style="border: 1px solid red; float: left; widht: 30%; text-aligh: left; "> Ячейка1 </div> <div style="border: 1px solid green float: left; widht: 30%; text-aligh: center; "> Ячейка2 </div> <div style="border: 1px solid purple float: left; widht: 30%; text-aligh: right;"> Ячейка3 </div> это через дивы. чтобы у тебя эти ячейки растянулись они должны быть блочными элементами, а спан строчный его нельзя растянуть по ширине, а при использование блоко нужно задать им float , обтекание, или использовать display: inline-block;
  12. у контейнера margin: 0 auto; а у body {text-alight: center} - эт для IE6 и никаких там марджин лефт и марджин райт, задаешь margin: 0 auto; и у тебя твой блок какой бы длины не был и какой бы длины не была страницы , блок всегда по сентру будет, а если вертикально по сентру то тут немного геморно будет, выходов много но в кадом свои минусы, ищи в гугле Вертикальное выравнивание блока - так что тебе надо
  13. ну вот первое что пришло в голову, ну мне не известно что в каждом блоке будет как что меняться будет и т.д, так что первый набросок чисто структуры http://rghost.ru/41751114 или тут посмотрите http://jsfiddle.net/GsuLn/ впринципе тоже самое))думаю ваш вариант вполне подходящий
  14. text-align: left может просто попробовать?)
  15. отлично) доходчиво объяснил, спасибо)
  16. это вариант для одной картинки, я думаю он догадается если нужно на несколько то нужно использовать классы
  17. ну не знаю) вот хочу узнать. может в плане грамотности кода это не рекомендуется, чтобы header и footer не были вложены никуда
  18. так не получается создаёт новую кнопку на которой не работает действие тогда <input type="submit" value="Поиск">
  19. несколько вариантов <button>Поиск</button> <input type="submit" value="Поиск"> или можно просто тег <a> стилизовать
  20. поддерживаю, двойные классы это самый лучший вариант
  21. присвой этой картинке id или class и в стилях этого класса или айди пропиши рамку, и всё #border { border: 1px solid #f00; } <img src="img/image01.jpg"> <img src="img/image02.jpg"> <img id="border" src="img/image03.jpg"> <img src="img/image04.jpg"> <img src="img/image05.jpg"> и будет рамка у 3 картинки только
  22. если хочешь именно этот шрифт использовать сконвертируй тут http://www.fontsquirrel.com/fontface/generator подключи в Css его и всё, он будет у всех, даже у кого не установлен он
  23. давно мучает вопрос, можно ли (или даже стоит ли) тег header,footer вставлять внутрь div? правильно ли это семантически? например если ширина сайта нужна 900px, с выравниванием по центру, можно тегу хэдер и футер прописать в стилях это все, но с другой стороны можно их запихать внутрь див-контейнера с нужными параметрами, особенно когда нужно чтобы они были в одном блоке у которого будет тень. вот и хотел узнать стоит ли так делать? ведь не хочется нарушать грамотность так сказать в разметке
×
×
  • 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