HTML Coding

29,542 questions in this forum

1. Помогите разобраться с header и footer

   Прошу, пожалуйста помогите разобраться как сделать чтобы header и footer оставались на своих местах а вот их фон был на всю ширину окна. http://yadi.sk/d/CXQwWWiXGawfY В архиве лежат картинки на них отоброжено примерно чего хочу добиться. Картинка1-Как должно оставаться меню Картинка2- Как должен быть фон Картинка3- Как в итоге должен быть сайт

   Asked by MadSkill, January 23, 2014

   • header class footer CSS HTML
   0 votes
   5 answers
2. Картинка

   Приветствую, начал изучать CSS. Вопрос в следующем: Имеется картинка, на которую хочу наложить меню. Так вот, как сделать чтобы картинка подстраивалась под разрешения экрана?

   Asked by Vans, January 23, 2014

   0 votes
   3 answers
3. Sublime text 3 problem with snippets

   Установлен ST3 + Emmets, не работают snippets в css, в html все ок. Т.е. после табуляции он добавляет пробел и символ " ; " Проблема вроде как в emmets. Как на время этот плагин отключить кстати? И как сделать чтобы все работало вместе с этим плагином?

   Asked by TrueMax, January 23, 2014

   0 votes
   9 answers
4. Как отцентровать контент колонки?

   Приветствую! Не подскажите что нужно прописать в css чтобы отцентровать анонсы и вывод комментариев в колонке?

   Asked by Aspirant, January 23, 2014

   0 votes
   3 answers
5. Проблема с Sublime Text3

   День добрый. Совсем недавно начал учиться HTML и CSS. Пытаюсь сверстать по макету и как вы уже поняли пишу в Sublime. Проблема в том что когда дело доходит до transition или linear-gradient редактор их не распознает (прописываю с префиксами). Помогите разобраться, проблема в плагинах?

   Asked by iker, January 24, 2014

   0 votes
   4 answers
6. Bootstrap 3 и IE7+

   Всем привет! Опять взываю умы верстки! Решил сделать небольшое приложение, которое должно без проблем запускаться в IE7+ и других браузерах. Решил использовать bootstrap для ускорения работы (на деле вру, но отступать уже поздно), ну и В общем то IE7, 8 в сторонке лежат и ножкой дрыгают, что делать господа? Выкладываю скриншоты и соус. Предположим 3 колонки: https://www.dropbox.com/s/2y4vusiie3vvkj3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.07.png А вот результаты IE7-8 и Opera: https://www.dropbox.com/s/wfwr43v2hrb2563/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.18.png https://www.dropbox.com/s/5f89m07ipo5a2fi/…

   Asked by Ateiri, January 24, 2014

   • bootstrap3
   • ie7+
   • layout
   0 votes
   4 answers
7. Пробелы между картинками

   Здравствуйте. Возникла проблема с картинками: откуда-то берутся пробелы между картинками, хотя, судя по написанному в коде, их быть не должно. Подскажите, как от них избавиться, очень нужно. Вот HTML <section class="content"><div><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.p…

   Asked by kattiperk, January 23, 2014

   • сайт
   • картинка
   • верстка
   0 votes
   8 answers
8. Нужна идея, как реализовать.

   Добрый вечер! По сути, это немного продолжение этой темы: http://htmlforum.ru/index.php?showtopic=47513, но я в безысходности... Идея, которую я пытался сделать - не получается, по этому прошу вашего совета и идеи. В общем, вот как это сделано на картинке: http://i60.fastpic.ru/big/2014/0123/2d/333b68bfe1bfee25ab4f7f0a533d532d.jpg И как описано в прошлой теме, то хочу сделать так, что бы можно было менять только картинку с едой, место для заголовка не хочу, что бы трогали. Пытался делать так: Срезал вверх: http://i33.fastpic.ru/big/2014/0123/dd/20e1802a082147eb5006518a29299ddd.png И хотел сделать 3 заголовка(один div, но меня только стиль в самом html, что бы менять поз…

   Asked by dsasda, January 23, 2014

   0 votes
   3 answers
9. facebook & twitter скрипты не показываются для некоторых

   Здравствуйте! Возникла такая проблема, что у некоторых не показываются скрипты фейсбука и твиттера (кнопка поделиться), у меня всё отлично, а вот у знакомого в хроме и сафари (macbook) не отображаются. Пробовал официальные скрипты: https://developers.facebook.com/docs/plugins/share-button/ и https://dev.twitter.com/docs/tweet-button , но не показываются. Пробовал использовать и этот сервис: http://www.sharethis.com - результат тот же, у меня всё отлично, у него не показывается. В чём может быть проблема и как её исправлять ?

   Asked by dsasda, January 28, 2014

   0 votes
   2 answers
10. Размещение изображений

    Хочу разместить изображение ровно по середине страницы над всеми элементами сайта, как подобное возможно реализовать? Сайт: http://madmandarin.tk/ Изображение это стрелки которые должны быть ровно по середине снизу изображения чайничка с чаем.

    Asked by MadMandarin, January 24, 2014

    0 votes
    1 answer
11. Таблица с горизонтальной прокруткой и отступами

    Доброго времени суток. Есть страничка с формой и таблицей с результатами под ней. Проблема в том, что иногда данные в таблице слишком длинные, и она вылезает за свой блок. Добавил в свойства div'а, в котором находится таблица, "overflow-x: auto;", теперь таблица прокручивается по горизонтали. Но теперь у таблицы пропал отступ справа (свойства родительского div'а "padding-right: 15px; padding-left: 15px;"), при прокрутке до крайней правой позиции. Подскажите, пожалуйста, как его вернуть? Таблица на свойства padding и margin не реагирует (верней слева реагирует, а справа нет)

    Asked by Ruia, January 24, 2014

    0 votes
    2 answers
12. резиновая шапка

    здравствуйте, скажите пожалуйста, есть максимальная и минимальная ширина сайта. создаю див для шапки, указываю минимальную и максимальную ширину (те же значения что и всего сайта), в этом же классе (у дива) дополняю параметр в виде width:100% для img и в штмл шаблоне прописываю код для картинки. При уменьшении или увеличении экрана картинка "сжимается", как будто дверь в метро закрылась и не успели выйти. пробовал повторить ширину 100% для картинки в самом теге <img> - все равно сжимается. как быть? спасибо!

    Asked by devid89, January 24, 2014

    0 votes
    6 answers
13. Как отправить html разметку с майловской почты на яндексовскую?

    Как отправить html разметку с майловской почты на яндексовскую? и чтобы эта разметка не сэкранировалась а прочиталась браузером? т.е. чтобы не просто пришли html тэги, типа сделал рассылку, мне нужно посмотреть как будет выглядеть мое сверстанное письмо для рассылки

    Asked by ilyas, January 24, 2014

    0 votes
    5 answers
14. css рецепты программирования кристофер шмитт

    Помогите найти исходники к книге, коды я нашёл, а где взять картинки? в книге указан адрес исходников http://csscookbook.com/ но где там достать картинки??

    Asked by DivMan, January 25, 2014

    0 votes
    8 answers
15. Обновление страницы через время после нажатия на кнопку

    Доброго дня, подскажите как автоматически единоразово обновить страницу через 10 секунд после нажатия на кнопку (<button> или <input>)? Кнопка совершает действие, и нужно по истечении 10 секунд обновить данные на страничке. Страничка писана в HTML. Заранее благодарен

    Asked by CTAKAHTPABbI, January 25, 2014

    • input
    • button
    0 votes
    5 answers
16. Как сократить запись функции

    Как в одну строчку прописать? Уже и плюсовал и запятые ставил - не катит ((( <script>$('#side5').click(function(){ // alert('cvn'); $('#cube').css({'margin': 'auto'}); $('#cube').css({'top': 0}); $('#cube').css({'bottom': 0}); $('#cube').css({'left': 0}); $('#cube').css({'right': 0}); $('.side').css({'width': 400+'px'}); $('.side').css({'height': 400+'px'}); // $('#cube').css({'transform-origin': 50% 50% -205+'px'}); $('.side').css({'transform-origin': 50% 50% -205+'px'}); $('.side').css({'position': 'absolute'}); });

    Asked by romoga, January 25, 2014

    • css
    • запись
    0 votes
    1 answer
17. background поверх img

    помогите пожалуйста )) сижу ломаю голову, казалось бы, над простейшими проблемами. Есть блок, которому указан свой фон. .slaider { background: url("тут картинка фона") no-repeat; float: left; height: 350px; position: relative; width: 465px; z-index: 2;в этом блоке должна разместиться картинк в теге <img> (их может быть несколько). Фон у слайдера в виде круга, соотвественно и картинка должна получиться круглой, для этого, мне надо картинку засунуть под этот бекраунд, чтобы лишние острые углы он не показывал. это я делаю так: .slaider img { position: relative; z-index: 1; по логике вещей содержимое в img должно показывать под содержимом …

    Asked by devid89, January 26, 2014

    0 votes
    3 answers
18. Кнопка skype

    Подскажите,хочу добавить кнопку вызова адресата скайп но оригинальная кнопка меня не устраивает, подскажите как кастомизировать.

    Asked by drevil37, January 25, 2014

    • кнопка
    0 votes
    3 answers
19. onclick как осуществить?

    Допустим я листаю меню по событию onclick...Но вот я выбрал пункт меню и открылась фотогалаерея как мне временно пока я листаю галерею остановить это событие, а потом когда я закончу снова запустить?

    Asked by romoga, January 25, 2014

    • onclick
    • временно остановить
    0 votes
    1 answer
20. Проблема с border-right

    Добрый день! Столкнулся с проблемой в CSS, надеюсь на вашу помощь! Имеем код CSS: #cols { clear: both; margin: 0 0 40px; border-bottom: 1px dashed #ddd; background: url(../files/images/shade.png) no-repeat center bottom;}.col { float: left; width: 239px; margin: 0 25px 0 0; padding: 0 15px 15px 0; border-right: 1px solid #ddd;}.col.last { margin-right: 0; border: 0; padding-right: 0;} Имеем код HTML: <div id="cols"> <div class="col"> <h2 style='font-variant:small-caps;'><img src="./files/images/arrow.png"> быстро</h2> <p>текст текст текст текст текст текст текст текст текст текст текст тек…

    Asked by postoianniy, January 26, 2014

    0 votes
    6 answers
21. куда вставить e-mail в форму php

    Народ, всем привет! Помогите, есть форма для отправки сообщения с сайта, а я в пхп не ахти, форму нашел, а куда свой е-мейл вставить не могу понять. И аналоги смотрел, не помогает. Туппю Вот: <?php$owner_email = $_POST["owner_email"];$headers = 'From:' . $_POST[""];$subject = 'A message from your site visitor ' . $_POST["name"];$messageBody = "";if($_POST['name']!='nope'){$messageBody .= '<p>Visitor: ' . $_POST["name"] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}if($_POST['email']!='nope'){$messageBody .= '<p>Email Address: ' . $_POST['email'] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}else{$headers = '';}if($_POST['state']!=…

    Asked by Vic-Tor, January 25, 2014

    • php
    • e-mail форма для е-мейла
    0 votes
    24 answers
22. Определить нужную картинку для сайта, с которого делятся ссылкой вконтакте.

    Суть такая, есть сайта. На нем жмут ссылку "поделиться" - вконтакте появляется описание сайта с картинкой. Как определить нужный тип картинки, которую должен использовать вконтакте?

    Asked by Zverushka, January 26, 2014

    0 votes
    3 answers
23. как поставить текст по центру

    http://cssdeck.com/labs/full/xwna9k5i Подкажите как в крутщемся окне сделать текст по средине квадрата?? по центру его разместить получается, а опустить вниз нет(

    Asked by xaoc90, January 26, 2014

    0 votes
    1 answer
24. Изменение цвета картинки при наведении мыши на нее

    Не подскажите как залить картинку фиолетовым полупрочным фоном при наведении. все перепробовал, ничего не дало результатов...

    Asked by daggi, January 26, 2014

    0 votes
    3 answers
25. Помогите найти примеры верстки

    Я хочу научиться верстать, и понимаю, что лучший способ — начать верстать Но может кто-нибудь поможет мне найти примеры верстки, где верстальщик из макета делает сайт от начала до конца, не для инфобизнесмена, а именно для будущего верстальщика. Спасибо. Я имею ввиду видеоуроки или статьи

    Asked by Demidovetz, January 26, 2014

    0 votes
    6 answers