HTML Coding

29542 questions in this forum

1. Как выстроить элементы в 2 колонки?

   Помогите пожалуйста разобраться как выстроить ссылки в 2 колонки. Например, есть 8 ссылок, их необходимо разместить в 2 колонки. Используя float:left ссылки выстраиваются вот так: — ссылка 1 ———————-- ссылка 2 — — ссылка 3 ———————-- ссылка 4 — — ссылка 5 ———————-- ссылка 6 — — ссылка 7 ———————-- ссылка 8 — Вот код - http://jsfiddle.net/238cpzhq/ Можно ли их выстроить вот в таком порядке: — ссылка 1 ———————-- ссылка 5 — — ссылка 2 ———————-- ссылка 6 — — ссылка 3 ———————-- ссылка 7 — — ссылка 4 ———————-- ссылка 8 — вроде как сначала одна колонка заполняется, потом вторая. ПС: в коде, ссылки менять местами нельзя )))

   Asked by alleclf, September 2, 2015

   0 votes
   2 answers
2. Непонятное сжатие полей ввода на смартфоне

   Столкнулся с непонятным поведением сайта на смартфоне. Сайт выглядит нормально пока не кликнуть на поле ввода. Когда выезжает клавиатура сайт сжимается, будто бы добавляются какие-то отступы по краям. Вот скрины с мобильника. На первом всё нормально, на втором при клике на инпут - всё сжалось. в живую можно глянуть на сайте - ссылка на втором скрине (раздел "контакты"). Кстати, на компьютере всё работает нормально, даже если окно сжать до 320х480.

   Asked by alleclf, September 2, 2015

   0 votes
   14 answers
3. Можно ли реализовать такую галерею

   Вот есть сайт, http://www.elliotterwitt.com/ http://www.elliotterwitt.com/lang/en/index.html Можно ли реализовать такой вариант галереи на WordPress, может кто то уже делал похоже. Может есть плагин схожий? Или скрипт такой галереи.

   Asked by virtas, September 2, 2015

   • галерея
   0 votes
   0 answers
4. Проблема с высотой input в разных браузерах

   Наткнулся на эту проблему, когда проверял кроссбраузерность. Вот страница: http://cm04741.tmweb.ru/single.html. Внизу есть форма подписки. Там кнопка "Подписаться". В разных браузерах высота кнопки разная (нужно, чтобы кнопка располагалась вместе с полем для ввода). Например, если в хроме все нормально, то в мозиле, опере и осел кнопка на 1px меньше чем нужно. Пробовал и высоту задавать и просто padding - все то же самое. Как решить такую проблему? Заранее спасибо за ответ!

   Asked by IvanRu08, September 1, 2015

   0 votes
   3 answers
5. Ето html5 ?

   Я не использовал ни одного diva или не в етом соль? http://ss3.zz.mu/HTML5/

   Asked by аркей, September 1, 2015

   • html5
   0 votes
   9 answers
6. Помогите прижать желтый <div class="content"> к низу страницы

   Высота <div class="content"> не определена. Шапка и меню фиксированные. При малом контенте, нужно чтобы желтый див был прижат к низу. При большом объеме появлялся вертикальный скролл. Мой код: http://jsfiddle.net/jb3tvcgL/2/

   Asked by Anymaxis, September 1, 2015

   0 votes
   7 answers
7. Якорь в адаптивной верстке

   Здравствуйте. Помогите решить проблему с плавающими переходами, по якорным ссылкам. Весь вопрос в том, как приструнить переход, четко на заголовке блока, при чем на разных разрешениях. Использую данный скрипт. var new_menu = 124; $('.navbar-nav a[href*=#]').bind("click", function(e){ var anchor = $(this); $('html, body').stop().animate({ scrollTop: $(anchor.attr('href')).offset().top-new_menu }, 1000); e.preventDefault(); }); http://shure-kryg.ru/wedding/

   Asked by Omega24v, September 1, 2015

   0 votes
   0 answers
8. Не могу отловить, что расширяет страницу за границы экрана

   Привет! Делаю адаптивный вариант сайта, и при маленьких разрешениях (когда контент упирается в границу окна) остается пустая полоска справа (в результате получаем горизонтальный скролл): Гляньте плиз свежим взглядом, что может мешать (на главной странице)? http://apriori.leveler.ru

   Asked by d0ublezer0, September 1, 2015

   0 votes
   6 answers
9. Размещение сайта в интернете.

   Здравствуйте! Подскажите пожалуйста следующее: примерный алгоритм размещения сайта во всемирной паутине. (не знаю как более правильно выразиться))) Постараюсь объяснить свой нубский вопрос) Я увлекаюсь вэб-программированием (с недавних пор). Имею представление о HTML, CSS... сейчас изучаю JavaScript. Ну вот допустим сверстал я сайт. Что нужно, чтобы его увидели, скажем мои друзья, а не так, чтобы он был только у меня на компе? Нужно приобретать домен или пользоваться бесплатным? Если можно разьяснить этот момент! Или инфу по этому поводу (желательно с примерами))) Спасибо!

   Asked by Sanchez_Madrid, September 1, 2015

   0 votes
   4 answers
10. Participatory Sensing Systems

    Привет. Кто нибудь может помочь???? Participatory Sensing Systems как это будет по-русски. Не могу найти ни одну статью на русском языке. Речь идет о сборе или считывания информации с мобильных устройств. Есть ли какая то книга,статья, заметки.... Может кто сталкивался. Спасибо

    Asked by Dirada, August 31, 2015

    0 votes
    3 answers
11. Как закрепить кнопки в карточке товара

    Хелп! Пытаюсь сделать сайт, возник вопрос. Постараюсь объяснить поподробнее, более-менее понятно И так, что мы имеем. 1. Главная страница с которой все окей. Карточки товара правильно расположены, кнопки "add to cart" стоят ровно, не прыгают в вверх и вниз в независимости от кол-ва строчек в названии. Ссылка: _www.russian-watches.info 2. Страница поиска товаров, с проблемой. Кнопки "add to cart" зависят от строк в названии и описания. Ссылка: _www.russian-watches.info/search/?searchstring=poljot Как можно убрать во втором случае зависимость кнопки "add to cart" от текста и расположить их все в одну линию? Очень признателен за помощь.

    Asked by slavog, August 31, 2015

    0 votes
    3 answers
12. Перестала выводится менюшка последних 10 статей

    Версия MODX Revolution. На сайте новые статьи выводились в отдельную ленту в разделе «Статьи» - http://glebov.com.ua/stati.html. Последние десять статей выводились на главную страницу в нижней части сайта http://glebov.com.ua/. Где-то после 10 августа статьи перестали выводится на главную, а в раздел «Статьи» выводятся. При этом шаблоны статей в админке меняются и сохраняются, но на сайт изменения не подтягиваются. Кто-то может помочь и подсказать, что делать? Ну или вообще, что это может быть? Заранее спасибо.

    Asked by Legally blond, August 31, 2015

    • MODx
    0 votes
    2 answers
13. Посоветуйте препроцессор для css

    Мне просто нужно что то такое ul{ li{ } li a{ } } и задача переменных через @ Спасибо

    Asked by аркей, August 30, 2015

    • css для препроцессор
    0 votes
    19 answers
14. Литература по верстке

    Ребятки,основы HTML и CSS знаю,и верстать немного шарю,но не професионально. Хочу что то почитать,посоветуйте пожалуйста.

    Asked by vitaxastifler, August 30, 2015

    0 votes
    2 answers
15. Логотип внутри меню

    Хочу сделать логотип межу пунктами меню как на изображении http://storage9.static.itmages.ru/i/15/0830/h_1440960187_5020454_95be8f1766.jpg Но не до конца понимаю как это все сделать грамотно. У меня есть два варианта, как это реализовать. <header> <nav> <ul class="navigation"> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="/" class="logo"><img src="" alt=""></a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню&lt…

    Asked by anvyd, August 30, 2015

    • css
    • html
    • responsive
    • adaptive
    • logo
    • верстка
    0 votes
    1 answer
16. Как сделать скошенные углы

    Доброго времени суток, уважаемые форумчане! Попался макет, где много элементов со скошенными углами. Один: http://www.screencapture.ru/file/A893fA1F Два: http://www.screencapture.ru/file/76106c72 Три: http://www.screencapture.ru/file/d8264D58 Четыре: http://www.screencapture.ru/file/A836B408 Подскажите какой-нибудь гайд, как это сверстать. Спасибо!

    Asked by web-monster, August 30, 2015

    • html
    • css
    0 votes
    8 answers
17. Проблема с версткой шестиугольникого поля

    Доброго здравия. Моя верстка (знаю, ужасна, извините). Смотрю из Firefox. Никак не могу понять, откуда там берутся отступы между шестиугольниками (сверху, снизу, по бокам), если картинка шириной 60 пикселей одна на каждые 2 td по 30 пикселей, и все это (как утверждает Firebug) без border, margin, padding.

    Asked by Heijey, August 30, 2015

    0 votes
    1 answer
18. Thumbnail таки не решен

    Здравствуйте. Кто вчера видел тему, то вот она ещё раз - http://htmlforum.ru/index.php?showtopic=53859#entry360643 Думала, что bxslider все исправит, но нет. Изначально использовала owlSlider, но там не было thumbs. Это дописалось неплохо таки, но с одним условием http://joxi.ru/bmoO8NWcPjlWmy- вот что имеем. но вызвав дебагер все становится как надо http://joxi.ru/krD95KOSb3dqmp или в обратном порядке с изначально включенным дебагером http://joxi.ru/Y2LqRxXtj8vBA6 и убирая его http://joxi.ru/a2XeJ03SG7pNAg Такая же проблема осталась с bxslider. Кажется, проблема не в нём. Но на всякий случай указала minSlides: 1...maxSlides: 1Использую arcticmodal, приглянулся мн…

    Asked by kattiperk, August 29, 2015

    0 votes
    10 answers
19. Проблемы с отступами

    http://cs540104.vk.me/c540107/v540107236/279e9/SWeHuGPdagk.jpg Почему когда задаешь отступы сбоку margin или padding, то отступ появляется только у первой строки? как сделать чтобы отступ был для всех строк <style>.wrapper{ width: 960px; margin: auto;}header{ background: url(../images/header.png) no-repeat;}.logo{ width: 307px; height: 100px; border-radius: 20px; background: #e7e7e8 url(../images/header.png) no-repeat; background-size: 100% auto; overflow: hidden; float: left;}.logo h1{ position: relative; top: 26px; left: 15px; height: 65px; width: 275px; font-size: 35px; text-align: center; color: #fff; pa…

    Asked by Dmitrij, August 29, 2015

    • margin
    • padding
    0 votes
    4 answers
20. Не приходят данные с формы

    Всем привет. На лендинге не приходят данные с формы, не могу понять в чем ошибка. Если не трудно, посоветуйте в чем проблема? Кусок html с формой <form action="scripts/contact.php" role="form" id="contact_form"> <div class="form-group"> <input type="text" class="form-control" id="contact_name" placeholder="Ваше имя" name="contact_name"> </div> <div class="form-group"> <input type="email" class="form-control" id="contact_email" placeholder="Ваш Email" name="contact_email"> </div> <div class="form-group"> <input type="packet" class="form-control" id="contact_packet" placeholder="Ц…

    Asked by valery, August 29, 2015

    0 votes
    9 answers
21. Нужна помощь с адаптивностью

    Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html Вот код футера: <footer> <section class="footer-inside"> <div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div> <div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div> <ul class="menu-bottom"> <li><a href="#"&…

    Asked by IvanRu08, August 28, 2015

    0 votes
    2 answers
22. Thumbnail custom для Owl slider

    Здравствуйте. На сайте стоит слайдер Owl. Потрубовался функционал от него - thumbnail. Дописан следующим образом // 1 - assign each 'dot' a number dotcount = 1; jQuery('.owl-carousel_4 .owl-dot').each(function() { jQuery( this ).addClass( 'dotnumber' + dotcount); jQuery( this ).attr('data-info', dotcount); dotcount=dotcount+1; }); // 2 - assign each 'slide' a number slidecount = 1; jQuery('.owl-carousel_4 .owl-item').not('.cloned').each(function() { jQuery( this ).addClass( 'slidenumber-item slidenum…

    Asked by kattiperk, August 28, 2015

    • owl slider
    • thumbnail slider
    0 votes
    6 answers
23. Запустить счетчик после клика

    День добрый. Вот пример http://codepen.io/npofopr/pen/vNBabW animateNumber "запускает" счетчик по загрузке страницы. А как сделать так, чтобы счетчик запускался по клику на ссылке, но если ссылка уже active, то счетчик бы сразу запускался. Пробовал вот так и много ещё как (что получалось нагуглить): if ($('.tabs__content').hasClass('active')){ $('#lines1').animateNumber({ number: 69 });};$('lines2-btn').on("click","#lines2-btn:not(.acitve):not(.disabled)", function() { $('#lines2').animateNumber({ number: 69 });});$('#lines2-btn').click(function(){ $('#lines2').animateNumber({ number: 69 });});Но не срабатывает. Просто по клику срабатывает, но не полу…

    Asked by npofopr, August 28, 2015

    0 votes
    2 answers
24. Адаптивный текст

    Можно ли как-то сделать чтобы заголовок подстраивался под отведенное для него пространство. Например, есть блок длинной 100% с текстом, необходимо чтобы текст по длине как-раз в него влезал. Причем на разных экранах этот блок будет разным и текст (размер шрифта) должен автоматически подбираться чтобы растянуться на всю ширину блока. Как выход вижу только перебор вариантов в медиа-запросах с корректировкой размера. Возможно есть какой-то другой выход?

    Asked by alleclf, August 28, 2015

    0 votes
    3 answers
25. Проблемы с дизайном сайта.

    Всем привет, ответьте пожалуйста на несколько странных вопросов: 1. Подскажите пожалуйста как добавить разрыв между слайдером и основной частью сайта. Попробовал aside, но это совершенно не то. 2. Пытаюсь на фон добавить 2 картинки, но получается так, что картинка, которая подразумевается снизу идет просто по низу экрана монитора. body.base { background: url('/картинка') bottom center no-repeat,url('/картинка') top center no-repeat,#000000; height: 100%; }P.s. Понимаю, что юкоз не лучшее решение, но хоть как-то... Заранее благодарен! Сам сайт: Ссылка —— Такс ну первую я проблему более или менее решил, поместив слайдер в таблицу

    Asked by kweli, August 28, 2015

    • css
    • html
    • дизайн
    0 votes
    2 answers