HTML Coding

29,542 questions in this forum

1. Проблема с версткой макета

   Макет взял отсюда https://vk.com/doc74880623_322415700?hash=680b16a146e0d2fbca&dl=5b49a4b96fbed7e1ea Как у меня получилось http://firstsiteinmymi.ucoz.com/ С позиционированием жесткие пробелы у меня, не знаю как поставить логотип на нужное место.

   Asked by RuslanHeYca4ev, August 31, 2014

   0 votes
   10 answers
2. Perfect Book on HTML & HTML5

   Hi All, I want to start learning HTML & HTML5 but looking for some good books that help me learning HTML & HTML5.. Please let me know which are best books. I visited amazon there are too many books available so please let me know which I should buy and which is not..

   Asked by MarkZachary, September 1, 2014

   • HTML
   • HTML5
   0 votes
   1 answer
3. Отступ в 1px на Mac Os (inline-block)

   Имею такую конструкцию <div class="container"> <aside class="left"> </aside><aside class="right"> </aside></div>body, html { margin: 0; height: 100%;}.container { height: 100%;}aside { display: inline-block; vertical-align: top; height: 100%;}.left { width: 63%; background: red;}.right { width: 37%; background: blue;}http://jsfiddle.net/z96odrfp/1/show/ На windows все хорошо. На Mac OS появляется белая линия в 1px справа, в конце синего блока. Вот голову ломаю не пойму из за чего. Статью "Загадочные отступы между инлайн блоками " читал, не помогает. Может сталкивался кто, поделите…

   Asked by Нарек, September 1, 2014

   0 votes
   10 answers
4. сдвинуть элементы в право

   Привет, подскажите пожалуйста, как сдвинуть к примеру: ul.share{width: 376px;height: 27px;margin-top: 15px;} в право! И ещё если не сложно ответить, подскажите как у элемента (перед ним) добаить - Поделиться :

   Asked by bifido, September 1, 2014

   0 votes
   5 answers
5. Влияние статичного блока на абсолютно позиционированные псевдоэлементы

   Прежде всего здравствуйте. Ранее заходил на сайт только как в справочник, но настала пора зарегистрироваться на форуме, т. к. он несёт разумное, доброе, вечное. Я считал себя неплохим верстальщиком( ох, гордыня... ) сделав несколько шаблонов для Wordpress и Opencart, но вчитавшись внимательно в раздел про CSS3 да и просто в справочник понял, что являюсь нубасом зелёным, ведь понятия не имею, что есть правила nth-child, border-radius, transform, count, @keyframes, функция calc() и многие другие. Занялся ликбезом всерьёз и постепенно дошёл до раздела "Практикум". Решая задачу http://htmlbook.ru/practical/indikator-vypolneniya столкнулся с интересной фичей(или багом) абсолют…

   Asked by Sigizmund, September 2, 2014

   0 votes
   7 answers
6. Проблема с масштабированием сайта.

   Здравстуйте. Столкнулся с проблемой в webkit браузерах. При уменьшении масштаба, картинки начинают уменьшаться непропорционально. Пожалуйста, помогите разобраться в проблеме. Вот сайт http://www.training.od.ua.

   Asked by eckimoc, September 2, 2014

   0 votes
   0 answers
7. Дерганье колонок макета при начале анимации. Функция show()

   Собственно все видно в примере. Нажимаем на кнопку "push" и зрим. http://jsbin.com/bujayufibobi/1/ Как избавится от этого дёрганья при начале анимации? Колонки конечно же не фиксированные и видимо это одна из проблем такого дерганья. Значит предполагаю, что надо заранее как-то считать ширину и куда-то ее передавать. Также, если использовать fadeIn, вместо show, то подобного дерганья не наблюдается. Откуда возникла проблема. Проблема возникла из-за того, что в одном из модулей DLE используется функция ShowOrHide() (эта функция идет вместе с DLE в одной из js библиотек) и я собственно думаю сейчас, как в этой библиотеке правильно заменить функции show() и hide() на т…

   Asked by advokatua, September 2, 2014

   • анимация
   • jquery
   • css
   • show()
   0 votes
   1 answer
8. Как в XML файл вставить другой XML файл ?

   С помощью какой или каких команд XML можно вставить в файл XML содержимое другого файла XML ?

   Asked by itwoker5, September 2, 2014

   0 votes
   3 answers
9. display: table и min-height в firefox и safari

   Пример http://jsbin.com/saguvazineju/1/edit Объяснять не буду, посмотрите в хроме и фф

   Asked by swandev, September 3, 2014

   0 votes
   5 answers
10. Footer макета неправильно отображается

    Всем привет! Народ, я вот только начал изучать верстку. Набросал несколько блоков <div>. Если менять размер браузера по ширине - то тут всё нормально отображается, а вот если менять по высоте, то нижний блок (footer) съезжает вниз, и выходит за пределы контейнера, в котором он расположен. И кстати 2-й снизу блок также съезжает, если браузер уж очень сильно сжать по вертикали. Подскажите как это можно исправить. HTML: <html><head><title>Заголовок страницы</title><link rel="stylesheet" href="css/style.css" type="text/css"></head><body><div class="container"> <div class="top"> </div> <div id="header"> …

    Asked by fenix_63, September 3, 2014

    0 votes
    11 answers
11. Позиционирование бэкграунда

    Всем привет. Второй день мучаюсь, не могу додумать как реализовать следующее: Враппер шириной 960 пикселей, но в одном блоке картинки выходят за враппер слева и справа. Они должны быть всегда на одном месте относительно контента, горизонтальный скрол должен появляться только при 960 пикселей. Вставляя картинку либо бэкграундом, либо просто картинкой с абсолютном позиционированием горизонтальный скрол появляется при ширине картинки, либо контент плавает относительно бэкграунда. Вот пример: http://kublyakov.github.io/ Нужно что бы текст всегда был на одном месте, относительно бэкграунда и горизонтальный скрол появлялся только при ширине врапера. Вчера кучу всего перепробов…

    Asked by Kublyakov, September 3, 2014

    0 votes
    3 answers
12. Ищу слайдер

    Всем доброго времени суток! Ищу слайдер(не в точности такой же, а по принципу работы подобный): Если есть возможность скинуть ссылку на него или его код.

    Asked by Arthur, September 3, 2014

    0 votes
    10 answers
13. Правильно расположение элементов

    Добрый день. Нужна помощь. Сейчас выглядит вот так: Нужно: <div style="background-image: url(адрес); background-repeat: no-repeat; margin: 10px;"><img style="position:relative; left: 40%; width:20%; height:20%; top:40%" src="img/play.png"></div>}У картинок margin: 10px;

    Asked by nevilus, September 4, 2014

    • расположение div
    0 votes
    0 answers
14. Collapsible список на HTML без JS

    Добрый день! Как на HTML сделать список со скрывающимся содержанием? Допустим, есть следующее: Заголовок1: Пункт1.1 Пункт1.2 Пункт1.3 Заголовок2: Пункт2.1 Пункт2.2 Пункт2.3 Из этого нужно получить следующее: Заголовок1: Заголовок2: При этом нужно, чтобы заголовки можно было открывать/закрывать независимо друг от друга. Нужно реализовать без использования JS, CSS, только на HTML.

    Asked by koshmarrrik, September 4, 2014

    0 votes
    6 answers
15. CSS <input> + <datalist> как избавиться от смены фона при выборе значения?

    http://jsfiddle.net/yxhzsk4m/1/ Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать? (:valid, вроде в этом случае не действует....) ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)??? (В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на…

    Asked by eugen35, September 4, 2014

    • datalist
    0 votes
    2 answers
16. Меню через nav->a

    Сабж, возник вопрос. Есть блок в котором хочу сделать меню через nav->a т.е. div->nav->a . Но a строка, следовательно как между ними сделать отступы? display:inline-block; margin:x; Так?

    Asked by psixodyb, September 4, 2014

    0 votes
    12 answers
17. Проблема из слайдером

    в теме неправильно написал.. Это спойлер . Вот есть такой код что ниже.. вопрос заключаеться вот в чем.. как видно я изменил нижнюю скрытую часть спойлера. Хотелось чтоб верх видную часть можно было изменить так же, желательно через css. У меня никак не получаеться .. http://jsfiddle.net/rgjhbwsq/2/ или возможно применить какой нибудь другой скрипт... или прописать по другому код... главное чтоб это было на html, так как сайт именно на нем пока что у меня

    Asked by saen, September 4, 2014

    0 votes
    10 answers
18. Отображение слайдера в разных браузерах

    Здравствуйте. Прикрутила flex слайдер на сайт, пример оформления изначально был нагло стырен отсюда и переделан под "вот как вон там" (как там уже потеряно, но получилось похоже), после чего встала проблема, что в Mozilla Firefox блоки под текстом через 3 слайда были не полупрозрачные, а черные. Это получилось из-за того, что полупрозрачные блоки постепенно наслаиваются друг на друга. Весь css можно посмотреть тут. Часть, которая отвечает за проблемные блоки подписи: .flexslider .slides div {display: block;position: absolute;bottom: 0;padding: 8px 5px;margin: 0 0 10px 0;width: 100%;background: #000;background: rgba(0,0,0,.6);}.flexslider .slides div span {padding: 0 10p…

    Asked by nyash, September 4, 2014

    0 votes
    0 answers
19. Высота картинки в процентах

    У нас есть картинка, заданная тегом <img>. У неё высота, допустим, 124 пикселя. Может быть 107, 256, 345, 97 пикселей, неважно, высота картинки может быть разной. Вопрос: есть ли не JS-путь, чтобы картинка отображалась, например, в 87% от своей реальной высоты? На scale в transform я смотрел, это частичное решение проблемы. При данном подходе отступ снизу и сверху не сохраняется. То есть если до верхнего блока было 15 пикселей, а до нижнего 20 пикселей, то при применении scale отступы не останутся в 15 и 20 пикселей.

    Asked by antonKar, September 5, 2014

    0 votes
    0 answers
20. IE9. Панель поиска и радиент

    Всем доброго времени суток! Сверстал страницу интернет магазина. Но, в IE9 жутко отображается панель поиска и не показывает градиент.

    Asked by Arthur, September 5, 2014

    0 votes
    3 answers
21. Верстка каталога

    Не получается создать каталог элементов. Сверстал каталог для магазина со следующими характеристиками: 1. На DIV 2. Гибкие 3. 3 элемента в строке 4. Первый элемент (DIV) прижат к левой стороне родительского блока 5. Второй элемент (DIV) посередине 6. Третий элемент (DIV) прижат к правой стороне родительского блока 7. Элементов может быть сколько угодно много по 3 в строке Как правильно было бы реализовать данную задачу? Мои попытки: HTML <div id="product-list"> <h2 class="title">Заголовок</h2> <div class="product-item"> <div class="product-wrapper"> <div class="photo"> …

    Asked by Rozmarin, September 5, 2014

    0 votes
    0 answers
22. IE9, border-radius и слайдер

    Сайт. В IE9 Не работает слайдер и border-radius(подключал разные вещи типа pie.htc, но почему то не работает все равно).

    Asked by Arthur, September 5, 2014

    0 votes
    2 answers
23. Позиционирование

    Есть примерно такой html: <div class="container"> <div id="bloсk1">Высота контента может быть любой</div> <div id="bloсk2">Высота контента может быть любой</div> <div id="bloсk3"></div> </div> Возможно ли block3 поместить между block1 и block2, не изменяя html?

    Asked by ssrn, September 5, 2014

    • позиционирование
    • div
    0 votes
    4 answers
24. Карта изображений

    Сижу учусь. не ругайтесь сразу, очень хотела решить эту задачу сама, но уже несколько часов ничего не получается, идеи иссякли. Есть изображение с кружочками, из него сделана карта изображений, так чтобы каждый кружочек был отдельной ссылкой на другую страницу. Что нужно написать в css, чтобы эти кружочки при нажатии не подсвечивались голубой рамочкой в виде круга? Приведен код карты изображений. To learn more cryptography, please tour the site.<br /> <img src="locks.jpg" alt="lock links" width="510" height="110" usemap="#locks"/><map name="locks"><area shape="circle" coords="52,52,43"href ="history.htm" alt="History" /><area sha…

    Asked by jejik, September 5, 2014

    0 votes
    9 answers
25. Админ панель, форум и другое

    Это все непосредственно создается скриптами Php?Или что-то еще надо знать

    Asked by RuslanHeYca4ev, September 5, 2014

    0 votes
    4 answers