HTML Coding

29542 questions in this forum

1. Help me guys!

   Очередной мой глупый вопрос.Не могу понять в чем проблема. Крч по теме меню авторизации уезжает вниз в хроме, мазила отображает нормально.Прописал див'у с лого display:inline; не какой реакции в хроме (опять же в мазиле все как надо и на display:inline; он реагирует поднятием блока на уровень с логом).И тут тоже все как надо http://jsfiddle.net/6rdj3983/ Вот такая картина в chrome http://itmages.ru/image/view/2238173/209643b5 Вот что в Mazilla Firefox http://itmages.ru/image/view/2238172/bc124c21

   Asked by NapNu, January 31, 2015

   • Проб
   • с версткой
   0 votes
   4 answers
2. Не могу загрузить фото через FTP

   Перестали загружаться фото через FTP (FillaZilla). Создала новую (пустую) папку и туда нужно скопировать фото. Так вот, при копировании появляется предупреждение, что Файл уже существует (хотя, папка пустая, ничего там не существует), и размер файла указан : 0 ( http://savepic.su/4871420.png ) Что это может быть? Может, все дело в размере файла? Я уменьшила размер, но это ничего не изменило. На компе фото отображается, а при загрузке на сервер -- размер:0 и предупреждение о том, что файл уже существует.

   Asked by Alfa2015, January 31, 2015

   0 votes
   4 answers
3. Анимация

   http://jsfiddle.net/htmlbook/jo4537xb/ Сделал вот такой код. Мне надо, чтобы жёлтый блок вначале не появлялся, а потом плавно выезжал и оставался на месте. Сейчас же он виден сразу, потом уже включается анимация. Подскажите, как спрятать блок в самом начале, до анимации?

   Asked by Vlad, February 1, 2015

   0 votes
   4 answers
4. Выравнивание div'ов

   Привет, друзья! Заинтересовался версткой. Это первая попытка. Возник вопрос с позиционированием трех div в одну строку. Пробовал разные варианты Display, не помогает. Float: left частично решает проблему, но работает не во всех браузерах. Собственно, сайт. Вот ccs код. Помогите, пожалуйста! * { margin: 0; padding: 0;}@font-face { font-family: seqoe_wp_light; src: url(Font/SegoeWP-Light.ttf); font-family: seqoe_wp_regular; src: url(Font/SegoeWP.ttf);}body {}.container { margin: 0 auto; width: 1249px; height: 1499px;}header { height: 89px; padding-left: 141px;}.logo { font-family: seqoe_wp_light; font-size: 42px; background: url(images/logo.png) no-repeat; background-posit…

   Asked by IvanRu08, February 1, 2015

   0 votes
   4 answers
5. Отображать текст частично. Показывать полностью по нажатию кнопки

   На одной странице несколько объемных текстов. Хотелось бы отображать только анонс от них, а полное содержимое по нажатию на кнопку Показать целиком/Свернуть. Чтоб было понятнее, вот пример http://www.pushe.ru/ При нажатии на кнопку Два слова о фабрике PUSHE открывается див, кнопка меняется на Закрыть. Только в моем случае, первоначально должна быть видна часть дива, а по кнопке уже полностью. Как это лучше сделать? Спасибо!

   Asked by unomomento, February 2, 2015

   0 votes
   4 answers
6. Какой самый правильный и современный способ создания якоря?

   Name или id? Существует мнение, что id нужно оставить для скриптов, а на атрибут name валидатор html5 ругается, называя его устаревшим. Что вы думаете? Как вы поступаете?

   Asked by Anymaxis, February 2, 2015

   0 votes
   4 answers
7. Страница с эффектом параллакс

   Здравствуйте уважаемые форумчане! Помогите, пожалуйста, сделал, небольшую, страницу с эффектом параллакс на CSS3, все хорошо но в хроме и опере не хочет центрироваться, в остальных браузерах все нормально. Скажите что не так? Вот страница – http://www.web-verstka.com.ua/portfolio/parallax/

   Asked by stan07, February 4, 2015

   0 votes
   4 answers
8. Подскажите название слайдера

   Подскажите, что это за слайдер: http://themes.designova.net/?theme=realm ( http://savepic.su/4946345.png ) Как он называется и может, кто знает, где такой можно скачать? Или что-нибудь, наподобие этого слайдера.

   Asked by Alfa2015, February 4, 2015

   0 votes
   4 answers
9. Меню

   Всем привет подскажите пожалуйста почему при наведении на меню оно выдвигается а когда убираешь мышку оно задвигается? Как можно сделать чтобы оно не задвигалась обратно? И при выдвигании толкало в низ следующее меню а то подменю пролазиет под вторым таким же меню. <ul class="menu"> <li> <a href="#"><h4>ТЕСТ</h4> </a> <ul> <li><a href="#">Что КАСКО?</a></li> <li><a href="#" class="messages">тест</a></li> <li><a href="#" class="signout">ТЕСТЫ</a></li> </ul> </li></ul><br><ul class="menu"> <li> <a href="#"><h4>ТЕ…

   Asked by gorkaps, February 9, 2015

   0 votes
   4 answers
10. Как смасштабировать картинку

    Необходимо чтобы картинки растягивались на всю ширину экрана, но не больше своего оригинального размера. На страничке могут быть картинки разного размера. Например, если ширина картинки 2500 пх, то она растягивается на весь экран (на 1920 пх). Если ширина картинки 1600 пх, то она растягивается только до значения 1600 пх - на часть экрана. То есть, как заставить картинку НЕ растягиваться больше своего оригинального размера. Вот пример, точнее заготовка - http://jsfiddle.net/qq4gm9tr/

    Asked by alleclf, February 7, 2015

    0 votes
    4 answers
11. Можно ли при получении фокуса подсветить родительский блок

    Как можно сделать что бы при получении фокуса textarea подсвечивался родительский div. То есть, необходимо чтобы textarea никак не реагировала, а реагировал родительский блок. Вот пример - http://jsfiddle.net/0o279vv1/

    Asked by alleclf, February 8, 2015

    0 votes
    4 answers
12. Два блока на всю ширину экрана

    Есть два блока, один фиксированного размера, второй должен растянуться по ширине до конца страницы. То есть, 2 блока должны растянуться на всю ширину странички. Вот пример - http://jsfiddle.net/9k5xwnvp/

    Asked by alleclf, February 9, 2015

    0 votes
    4 answers
13. Откуда паддинги?

    Всем привет! Подскажите, опытные верстальщики, откуда в некоторых ячейках таблицы появляются padding'и: http://joxi.ru/n2YY0kKc5Y1Z26 Я не так давно в вашей сфере, может эта банальная ошибка, но я не понимаю. Chrome говорит, что у ячейки они отсутствуют, но все равно их выделяет при наведении на слово padding внутри этого окошка: http://joxi.ru/Y2L8DXguL3W126 margin'ы у внутренних блоков убраны и при рассмотрении через html отладчик, если его можно так назвать, никакого влияния на эту область не дают. У таблицы стоит свойство cellpadding="0" Свойства для всех ячеек одинаковы, но у каких-то таких проблем нет, а у каких-то есть? С чем это может быть связано? Спасиб…

    Asked by Antoshka007, February 9, 2015

    • padding
    • css
    • html
    • table
    • tr
    • td
    0 votes
    4 answers
14. Комментарии для кнопки "Поделиться" в ВК

    Добрый день! Подскажите, пожалуйста, можно ли как-то сделать, чтобы при нажатии на кнопку поделиться Вконтакте, в поле для ввода комментария уже был вбит определённый текст?

    Asked by budanov, February 11, 2015

    • вк
    • соцсети
    • поделиться
    • комментарии
    • сайт
    • кнопки
    • виджет
    0 votes
    4 answers
15. Карусель для брендов

    Добрый день! Хочу на сайт установить карусель jQuery для брендов, аналогичная есть на сайте: http://megalogistika.ru почти в начале страницы под надписью "Нам доверяют". Найти в интернете подобную карусель не смогла, поэтому и прошу Вашей помощи! Заранее большое спасибо!

    Asked by marianna9201, February 12, 2015

    0 votes
    4 answers
16. attr в background

    Можно ли использовать attr в background? Вот так не работает... background: url(i/attr(data-site).png) left top no-repeat;

    Asked by PavelTkachev, February 13, 2015

    0 votes
    4 answers
17. Масштабируемая шириной окна верстка

    Подкинье пожалуйста статейку как реализовать лучше всего масштабируемую шириной окна браузера верску статью, желательно на русском, спасибо)

    Asked by Kenshi24, February 17, 2015

    0 votes
    4 answers
18. Изменение цвета рамки у поля при фокусе

    При фокусе текстового поля цвет рамки должен меняться на цвет #663d15 Вот так: Использую :focus, но это не дает никакого эффекта http://codepen.io/anon/pen/RNMbNa

    Asked by yaparoff, February 17, 2015

    • фокус input
    0 votes
    4 answers
19. контент блоков скрывается, если высота блоков в процентах

    Есть такая конструкция: <div class="contaner"> <div class="header"></div> <div class="content"></div></div>html, body, .container {height:100%}.header{height:30%}.content{height:70%}Если сильно уменьшить браузер по высоте, header становиться настолько маленьким, что его содержимое скрывается. Можно ли сделать, чотбы блок по высоте не становился меньше, чем его содержимое.

    Asked by vip, February 19, 2015

    0 votes
    4 answers
20. Кастомизация input type="number"

    Нужно сверстать вот такое: Подскажите, как это сделать? Ничего не нагуглила, к сожалению.

    Asked by Светлана Г., February 19, 2015

    0 votes
    4 answers
21. HTML разметка по методологии БЭМ

    Доброго времени суток! Осваиваю верстку по методологии БЭМ. Не совсем понятно как делать HTML разметку. Как я понимаю нужно именовать классами все теги и при этом все блоки состоят из элементов, дальше все элементы состоят из блоков, далее эти блоки состоят из элементов, далее эти элементы состоят из блоков и так далее? То есть непонятно как определить где блок а где элемент, согласно вложенности? Вот так например правильно? http://codepen.io/Andre_w/pen/EaLVJW?editors=100 Правильно я понял разметку по БЭМ или не совсем?

    Asked by Andrew_007, February 22, 2015

    • БЭМ
    • BEM
    0 votes
    4 answers
22. Как стилизовать нумерованный список?

    Привет, друзья! Прошу помощи в решении задачи. Уже не знаю как подойти... Необходимо сделать такую стилизацию http://prntscr.com/68s92w . Мои попытки успехом не увенчались: .content-list ol { list-style-type: none; /* Убираем исходные маркеры */ counter-reset: num; /* Задаём имя счетчика */ }.content-list li::before { content: counter(num) ' '; /* Выводим число */ counter-increment: num; /* Увеличиваем значение счётчика */ color: #ff0000; font-weight: 600; display: inline-block; padding: 5px; width: 100px; height: 100px; background: url(images/list-style.png) no-repeat; }Заранее благодарю!

    Asked by donkos, February 23, 2015

    0 votes
    4 answers
23. Установка якорей внутри страницы.

    Добрый день! Имею структуру с прилепленным верхним меню (position:fixed). Со ссылок меню уходим на якори внутри страницы. Проблема в том, что при переходе на якорь, на какой-либо раздел страницы, заголовок этого раздела уходит под меню, причем, даже выше, чем это должно быть по геометрии (https://www.dropbox.com/s/infvu3rvgj6yk0e/screen1.jpg?dl=0, а должно быть вот так: https://www.dropbox.com/s/nwbuny770z0fxlr/screen2.jpg?dl=0) Пробовали дать элементу с якорем отрицательный margin-top, но это дало эффект почему-то только в Firefox, в других браузерах не сработало. Подскажите, у кого есть подобный опыт, как с этим быть?

    Asked by olgastaf, February 27, 2015

    0 votes
    4 answers
24. Клон изображения

    Можно ли сделать клон имеющейся на странице картинки только средствами CSS?

    Asked by Vlad, March 11, 2015

    0 votes
    4 answers
25. Как сделать, чтобы список в меню был всегда открытым

    Подскажите, как сделать, чтобы список в меню был всегда открытым. Сейчас список выпадает после клика по кнопке "двери". А нужно чтобы под этой кнопкой был всегда список дверей. http://www.mix-mart.ru/doors.html <div id="wrap"> <div id="firstpane"><p class="menu_head"> <a > ДВЕРИ<br /><br /></a></p><div class="menu_body"><a href="veneer.html">ШПОН</a> <a href="economy_veneer.html">ШПОН-ЭКОНОМ</a><a href="finetex.html">ЭКО-ШПОН</a><a href="pvh.html">ПВХ</a><a href="laminate.html">ЛАМИНИРОВАННЫЕ</a><a href="massif.html">МАССИВ ДУБА</a> <…

    Asked by Савоини Анастасия Андреевн, March 11, 2015

    • сайдб
    • меню список
    0 votes
    4 answers