Jump to content

Я_Евгений

Newbie
  • Posts

    7
  • Joined

  • Last visited

Everything posted by Я_Евгений

  1. Делаю сайт. Потребовалось сделать блоки, которые открываются при нажатии на них. Сделал всё при помощи псевдоэлемента :focus. Вот ссылка на код: http://jsfiddle.net/3ujogh36/ Смысл таков, что: - родительский элемент без фокуса имеет надпись; - после фокуса род. элемент принимает высоту на весь контент; - надпись исчезает, появляется контент. Всё хорошо, но проблема в том, что в скрытом контенте, который появляется при нажатии на род. элемент, есть ссылка, и при нажатии на неё переход не осуществляется, а только скрывается контент. Вопрос в том, как сделать, чтобы при нажатии на ссылку в контенте переход осуществлялся. Буду благодарен за варианты ответов!))
  2. Делаю сайт. Потребовалось сделать блоки, которые открываются при нажатии на них. Сделал всё при помощи псевдоэлемента :focus. Вот ссылка на код: http://jsfiddle.net/3ujogh36/ Смысл таков, что: - родительский элемент без фокуса имеет надпись; - после фокуса род. элемент принимает высоту на весь контент; - надпись исчезает, появляется контент. Всё хорошо, но проблема в том, что в скрытом контенте, который появляется при нажатии на род. элемент, есть ссылка, и при нажатии на неё переход не осуществляется, а только скрывается контент. Вопрос в том, как сделать, чтобы при нажатии на ссылку в контенте переход осуществлялся. Буду благодарен за варианты ответов!))
  3. Но если очень захотеть... Даже и не знал, что так делают) Впервые слышу о таком) Но если очень захотеть... Спасибо за статью!) Понял всё по этому примеру: " Сноски и вложенные термины, которые могут оказаться внутри ссылок. ".
  4. Здравствуйте! Интересует вопрос о базовых законах HTML и CSS (на подобии такого тезиса, что нельзя блочные элементы "засовывать" в строчные). Прошу написать всё, что придёт в голову по этому вопросу, но очень был бы признателен, если кто-то кинет ссылку, где можно про это почитать.
  5. лучше использовать http://htmlbook.ru/css/mediaв одном css файле Можно и так, но просто мне удобно использовать несколько файлов стилей.
  6. Доброго времени суток, знатоки! Создаю сайт с адаптивным дизайном с использованием @media. Подключаю стили для разных разрешений экрана. Стили, в принципе, одни и те же, меняются лишь значение у width, height, font-size, margin и padding. Подключаю так: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:1350px)" rel="stylesheet" href="styles/style_1350.css" /><link media="only screen and (max-width:1210px)" rel="stylesheet" href="styles/style_1210.css" /><link media="only screen and (max-width:1000px)" rel="stylesheet" href="styles/style_1000.css" /><link media="only screen and (max-width:850px)" rel="stylesheet" href="styles/style_800.css" />Возник вопрос, нужно ли в каждом файле стилей для нужного разрешения указывать все стили для страниц, хотя они указаны в главном style.css или нужно менять только те свойства, которые будут уникальными для данного разрешения экрана?Заранее благодарю за помощь)
  7. Сам с этим столкнулся. Пока только верстальщик, но в сети нашёл код на javascript: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <script>if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {var x = document.getElementsByTagName("link");var i;for (i = 0; i < x.length; i++) {x.href="styles/style_for_phone.css";}} </script>А вообще для адаптивного дизайна вот такой полный код:<link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:1350px)" rel="stylesheet" href="styles/style_1350.css" /><link media="only screen and (max-width:1210px)" rel="stylesheet" href="styles/style_1210.css" /><link media="only screen and (max-width:1000px)" rel="stylesheet" href="styles/style_1000.css" /><link media="only screen and (max-width:850px)" rel="stylesheet" href="styles/style_800.css" /><script>if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {var x = document.getElementsByTagName("link");var i;for (i = 0; i < x.length; i++) {x.href="styles/style_for_phone.css";}} </script>
×
×
  • 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