HTML Coding

29542 questions in this forum

1. выравнивание заголовков

   хочу сделать выравнивание заголовков, как на картинке: черные поля - край страницы, линия показывает центр выравнивания пробовал: position: relative - при нем 3 и 4 строки уезжают влево margin - из-за 4 строки страница становится шире окна браузера padding - 3 и 4 строки переносятся, некрасиво выглядит выделение ссылок (заголовки кликабельны)

   Asked by anton-tsyganenko, August 29, 2014

   0 votes
   7 answers
2. Подсветка кнопок при нажатии

   Есть свёрстанный сайт с рабочей менюшкой из нескольких кнопок. Нужно сделать так, что бы: 1. При наведении на кнопку она подсвечивалась (картинки с 3 видами каждой кнопки уже готовы). 2. При нажатии допустим на кнопку 1, она подсвечивалась как нажатая, а после если нажать на кнопку 2, кнопка 1 возвращалась в обычное состояние, вместо неё загоралась кнопка 2. Больше никакого функционала не нужно. Всё остальное уже есть. Как это можно реализовать? Какие есть варианты попроще?

   Asked by Shaman14-21, August 29, 2014

   0 votes
   7 answers
3. Ссылка обернутая в другую ссылку

   Собственно код: http://jsbin.com/wecosanefugi/1/ Суть такая - нужно сделать чтобы при клике по Автору открывалась одна ссылка (гугл например), а по клику на любой другой области, внутри красного прямоугольника, открывалась внешняя ссылка (рамблер). Естественно, что обертка из <a> и добавление еще одной ссылки внутрь обертки не пройдет, т.к. первая ссылка закроется до начала второй. Есть ли способ как-то это обойти? Условия: - Структура html должна сохранятся - никаких извращенностей для ссылки Автора типа: вынести его за пределы блока, а затем margin: -4.2345px подогнать на нужное место, или что-то подобное.

   Asked by advokatua, August 28, 2014

   • ссылка
   • html
   0 votes
   5 answers
4. Отредактировать стили оформления текста в стороннем приложении WizNote

   Для начала вступление: WizNote - это сервис мульплатформенных заметок, копия известного Evernote https://evernote.com/intl/ru/, но с доступными оффлайн базами данных на мобильных устройствах и некоторым другим интересным функционалом. Подробнее здесь http://4pda.ru/forum/index.php?s=&showtopic=415318&view=findpost&p=33841551 Особенностью клиента WizNote под Windows (под другие платформы наверное тоже) является открытая и простая архитектура программы: заметки это заархивированные html странички, программа основана на движке браузера (возможно Chromium), а значительная часть функционала реализована плагинами с помощью JS, CSS и т.п. Задача: Отредактировать…

   Asked by Kostenelo, August 28, 2014

   • css
   • js
   • WizNote
   0 votes
   3 answers
5. Pop-up окошки

   Всем привет! В общем при написании сайта возникла проблем с выскакивающими окнами. Весь интернет пролазил, но понятной инструкции для не знающих продвинутых языков нет. Пожалуйста. можете доходчиво мне объяснить что и как на пальцах. Окна должны перемещаться и изменять размер. Зарание спасибо!

   Asked by LOveLY, August 28, 2014

   0 votes
   9 answers
6. Ширина div-блоков в зависимости от текста и оставшегося места

   В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…

   Asked by Skyrazor, August 28, 2014

   0 votes
   1 answer
7. Верстаю бесплатно для портфолио

   Добрый день! Начинающий верстальщик выполнит верстку сайта низкой и средней сложности (фиксированный, резиновый и адаптивный дизайн) за отзыв и для портфолио. Валидность, кроссбраузерность IE9+ (если очень надо то IE8+); JavaScript, jQuery - начинающий, срок по договоренности. Примеры https://yadi.sk/d/UiqsrcUCa3JsB, https://yadi.sk/d/a2slFikwaSxLx Заранее большое спасибо!

   Asked by grafvonfabercastel, August 28, 2014

   • html
   • css
   • javascript
   0 votes
   24 answers
8. Псевдоэлемент :after

   Здравствуйте. Возник один вопрос: можно ли сделать через один див подобное c использованием псевдоэлементов :before или :after? Код можно править тут -- Дополнение: получается изначально диву задана ширина в 100%, после чего его ширина изменяется до 100рх и центрируется по центру.

   Asked by Temiks, August 28, 2014

   0 votes
   15 answers
9. Проблемы с версткой html письма

   Народ, помогите, пожалуйста, в первый раз сделал html письмо, все получилось как надо, но в яндекс почте и в outlook картинка с верхней тенью отображается с отступом в 1px, в остальных почтовиках отображается нормально, подскажите, что нужно изменить, чтобы все отображалось как нужно? <html> <head> <title>HTML шаблон письма</title> <meta charset="utf-8"> <style type="text/css"> /* Backgrounds */.email_background { width: 640px; //background: url('http://it-tektura.ru/images/html_message/email_bg.jpg') repeat-y;}/* Images */img { display: block; border: none;}/* Fonts and Typography */.footer { font…

   Asked by Alllexey777, August 28, 2014

   • Html
   • Html письмо
   0 votes
   2 answers
10. проблема с позиционированием

    Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 3 блоков шапки боковой колонки и контента с шапкой и боковой колонкой все нормально, все работает как надо а 3 колонка работает не понятно как (скрин) при максимальной ширине она не хочет растягиваться а остаеться в минимальной или залазин на боковую колонку скрин еще 1 header { display: block; position: relative; float: none; width: 100%; height: 70px; background:#4d76a3; }aside { display: block; position: relative; float: left; min-height: 900px; max-height: 100%; width: 200px; overflow: hidden; background: #375e88;}.container { display: block; position: relative; …

    Asked by Евгений_SB, August 28, 2014

    0 votes
    7 answers
11. Ошибка downloadable font: incorrect file size in WOFF header

    Всем привет, Я пытаюсь в свою админку прикрутить "Metis Bootstrap Admin Template" темплейт и столкулся с тем что некоторые картинки в моих страницах не отображаются Например элемент с классом fa-calendar и в css-файле я нахожу определение .fa-calendar:before { content: "\f073";}В консоле браузера есть ошибка downloadable font: incorrect file size in WOFF header (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1)source: http://local-ci22.com/images/assets/metis/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0По ссылке выше файл fontawesome-webfont.woff скачивается. Как можно исправить эту ошибку?

    Asked by mstdmstd, August 28, 2014

    0 votes
    3 answers
12. Как перекрасить scroll?

    Подскажите, как перекрасить scroll?

    Asked by studio_solutions, August 27, 2014

    • Как перекрасить scroll?
    • scroll
    • css3
    • css
    • в другой цвет перекрасить scr
    0 votes
    3 answers
13. Выпадающее меню(анимация)

    Есть такое вот меню jsfiddle.net/v7tnh6jx/, мучаюсь ни как не могу сделать чтобы оно выкатывалось при наведении, transition пробовал 0 реакции, Подскажите пожалуйста)

    Asked by Laroxx12, August 27, 2014

    0 votes
    6 answers
14. svg alignment-baseline

    Здравствуйте. занимаюсь освоением svg. Для позиционирования текста использую верхнюю грань, чтобы было удобно выровнять bounding box относительно других элементов. Чтобы выравнивание происходило по верхней грани текста я задаю тегу tspan параметр alignment-baseline со значением before-edge, после чего почему-то лишаюсь кросс-браузерности. На примере видно, что в хроме слово not опустилось вниз, сровняв свою верхнюю границу bounding box-а с базовой линией элемента text, в то время как в фаерфоксе мы видим аккуратную строку без каких-либо сдвигов. Как исправить ситуацию и добится того, чтобы во всех браузерах позиционирование текста происходило так же как в хроме? В соответ…

    Asked by CEBEP, August 27, 2014

    0 votes
    3 answers
15. Не движется слайдер

    Добрый день прикрутил слайдер взял отсюда http://www.cowboy.odessa.ua/gallery/13/ есть доступ к хостингу этого сайта, вроде все подключил, картинки есть движений нет. Подскажите где может быть ошибка? как подправить, чтоб заработало! Спасибо. Это то что получилось http://selfmaker.biz/oleg/gallery_2.html Надеюсь, что поможете!!! Спасибо

    Asked by mrfrunze, August 27, 2014

    0 votes
    18 answers
16. z-index + hover и змечательный IE8

    Здравствуйте! Есть блок, в котором находится фоновая картинка(фоновую картинку вставил с помощью img, так как надо, что бы высота блока регулировалась по её пропорциям, если можно это сделать через backgound - буду ооочень благодарен, когда поделитесь методом, как это делается). Картинка спозиционирована relative и z-index: 1; Так же в блоке есть множество элементов с классом .m-pointer, которые принимают position:absolute, z-index:999. Проблема в работе псведокласса hover в ie8. Элементы .m-pointer визуально находятся сверху над главной фоновой картинкой, НО hover в ie8 не работает. Подскажите, как решить эту проблему.. Бьюсь уже несколько часов. .............. <…

    Asked by gekas, August 27, 2014

    • ie8
    0 votes
    3 answers
17. Как прикрутить карусель?

    Хочу взять слайдер отсюда http://labs.juliendecaudin.com/barousel/#ba_demos в html пишу <div id="any_id" class="barousel"> <div class="barousel_image"> <!-- image 1 --> <img src="image_1.jpg" alt="" class="default" /> <!-- image 2 --> <img src="image_2.jpg" alt="" /> <!-- image xx --> <img src="image_xx.jpg" alt="" /> </div> <div class="barousel_content"> <!-- content 1 --> <div class="default"> [any html content] </div> <!-- content 2 --> <div> [any html content] <…

    Asked by DivMan, August 27, 2014

    0 votes
    6 answers
18. И снова z-index в ie8-9

    В ie8-9 Элементы с классом m-pointer находятся уровнем ниже main-img. Z-index не помогает при том, что элементы позиционированные. ...... <div class="m-pointer p1" id="p1"></div> <div class="m-pointer p2" id="p2"></div> <div class="m-pointer p3" id="p3"></div> <div class="m-pointer p4" id="p4"></div> <div class="m-pointer p5" id="p5"></div> <div class="m-pointer p6" id="p6"></div> <div class="m-pointer p7" id="p7"></div> <div class="m-pointer p8" id="p8"></div> <div class="m-pointer p9…

    Asked by gekas, August 27, 2014

    0 votes
    2 answers
19. "Лишняя" остаточная ширина блока при переносе слов на новую строку

    Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)

    Asked by Squidward, August 27, 2014

    0 votes
    5 answers
20. Радуга обрезается

    Почему, если сузить окно браузера, то радуга обрезается? http://cssdeck.com/labs/pchbsooc

    Asked by DivMan, August 27, 2014

    0 votes
    2 answers
21. прыгает меню при нажатии помогите

    Приветствую при нажатии на ссылку в меню все ссылки которые там находятся прыгают вверх, потом возвращаются назад смотрится некрасиво ( _polukred.ru вот сайт, на верхнем меню не прыгает только при нажатии на Главная, остальные все нажимаешь - прыгают как исправить не пойму, по моему на всем сайте что то не так с ссылками подскажите что не так в ксс и как поправить ?

    Asked by aeneas, August 27, 2014

    0 votes
    3 answers
22. выпадающее меню

    Помогите сделать так что бы при наведении на профиль менюшка выпадала по верх контента а не отодвигала его... мучаюсь не могу, начинающий от роду неделя) архив.рар

    Asked by Laroxx12, August 27, 2014

    0 votes
    4 answers
23. Подменю

    Здравствуйте. проблема такова: Необходимо что-бы пункты подменю выравнивались по горизонтали (в одну строчку что-бы были все). Ставлю элементам float: left; но каждый элемент на новой строке все равно. 0_о При чем такое поведение только если у блока подменю position: absolute; , а нужен именно absolute, т.к. должен быть dropdown http://jsfiddle.net/yo333fo9/

    Asked by betmakh, August 27, 2014

    • float absolute
    0 votes
    3 answers
24. Blur не работает в IE10

    Привет, Проблема следущая использую фильтр blur на картинку, но в IE10 не работает. Много гуглил но решения не нашел. Может кто-то знает готовое решение или подкинет линку с мануалом.

    Asked by Justtie, August 26, 2014

    • blur
    0 votes
    1 answer
25. Собсна, начинаю делать макет и уже траблы.

    http://firstsiteinmymi.ucoz.com/ как я уже сделал и вот как надо Первый трабл у меня с текстом, позиционирую его по float right, но текст у меня теперь зеркально отражается, лого, лого тонкое, а у меня жирное.P.s фон под себя подбираю, мне не нравится те деревяшки. P.P.S Тему как переименовать, начинаю верстать макет =\

    Asked by RuslanHeYca4ev, August 25, 2014

    0 votes
    6 answers