HTML Coding

29,542 questions in this forum

1. Заголовок с горизонтальной линией по центру

   Всем привет) Есть заголовок, по центру горизонтальная линия. Пока он помещается в одну строку - всё хорошо, проблемы с длинным заголовком: http://jsfiddle.net/d7u6Lcf8/ Согласно дизайна должно быть так: http://clip2net.com/s/3khqHjc Ребят, подскажите, реально ли так сверстать или это мечты дизайнера?

   Asked by Crystal-3, July 5, 2015

   0 votes
   5 answers
2. Блочная верстка в 2 столбика

   Есть записи,которые надо вывести в два столбика.Проблема в том,что они имеют разную высоту.Если использовать float или inline,они выводятся криво,между записями пустое место.Можно ли вывести так,чтобы по вертикали записи были впритык?

   Asked by user, July 6, 2015

   0 votes
   5 answers
3. Почему кнопки не выравниваются в вертикально центрированной колонке таблицы?

   Здравствуйте! Вот подопытный код. Не смотря на vertical-align: middle у родительского тега <td>, кнопки, регулирующие обновление число товарных позиций в корзине и их удаление, центрируются не понятным для меня образом по вертикали. Скажите, что кнопкам мешает отцентроваться по вертикали в рамках родительского тега <td>?

   Asked by borus, July 7, 2015

   0 votes
   5 answers
4. как сделать чтобы флотунтые элементы не съезжали на новую строку

   Подскажите пожалуйста как сделать чтобы флотунтые элементы не съезжали на новую строку при ширине окна браузера меньше 800px Ставил им inline и white-space: nowrap не помогло. http://codepen.io/sharov/pen/XbqRqd

   Asked by WarrenBuffett, July 9, 2015

   • html
   • css
   • float
   0 votes
   5 answers
5. Неизвестный шрифт в фотошопе

   В psd макете есть неизвестный шрифт nexa bold /искал в интернете нашёл только в файл с вирусами/ Как мне достать етот шрифт? И как вообще фотошоп может его отображать если его нету?

   Asked by аркей, July 11, 2015

   • фотошоп nexa bold решите
   0 votes
   5 answers
6. Съезд блока при изменении масштаба

   Доброго времени суток. Скажу сразу, это мой первый опыт верстки, так что вопрос может показаться глупым. При масштабировании страницы правый блок начинает съезжать относительно других соседних. Как от этого избавиться? И на этом этапе может быть у кого советы какие будут. http://jsfiddle.net/myydnLbm/ Заранее спасибо.

   Asked by Nick16, July 12, 2015

   0 votes
   5 answers
7. Как ровно сверстать блоки с картинками

   Как ровно и проще сверстать блоки с картинками? У меня получается так: Код: http://jsfiddle.net/hwwjuvrf/2/

   Asked by Alfa2015, July 17, 2015

   0 votes
   5 answers
8. Как правильно залить бокс и выгнуть углы?

   Доброго времени суток, у меня еще 2 вопроса: Как можно выгнуть углы (наружу; не загнуть)? Пример. На картинке выгнутые углы - снизу, ниже - простая зеленая линия.Как исправить ошибку с "заливкой" или как ее вообще правильно кодировать? Скрин навигации. Стрелкой указан текст и его коробка которая выходит за рамки белого фона (аналогично с NAUJAS TURINYS; под другие все подогнано, и все хорошо).Код (jsfiddle)

   Asked by ES.^, July 18, 2015

   0 votes
   5 answers
9. Вопрос следующий...

   Я на днях занялся изучением HTML5 и CSS, у меня появился вопрос: - могу ли я сделать следующие: у меня будет сайт, где будут карты районов, предположим г.Феодосии и предположим 10 ссылок на гостиницы. могу ли я отобразить на карте то место, где должна располагаться гостиница, но указывая на ссылку гостиницы (появляться предположим должна заметная звезда или крест в виде "х"), когда курсор мыши или клавиши управления (стрелки влево, вверх, в низ или вправо) станет передвигаться по ссылкам, то они должны переключаться по ним соответственно?

   Asked by Максимка, July 19, 2015

   0 votes
   5 answers
10. Позиционирование элементов

    У меня есть родительский блок (показан на картинке белым) относительно него есть блок 1 я хочу что бы блок 2 был параллельно ему слева, но он идет слева внизу, как исправить ?

    Asked by fro, July 19, 2015

    0 votes
    5 answers
11. css или js анимации

    Добрый день, подскажите что же все таки производительней и в каких ситуациях. А то сделал очень интерактивный проект, но не меня ни заказчика не устраивает периодические подвисания анимации. Полностью везде использовалась css анимация с JS управлением. Вот решил переделать проект, но нужно решить проблему оптимизации.

    Asked by li4e, July 28, 2015

    0 votes
    5 answers
12. Скошенный угол на css

    Приветствую, подскажите пожалуйста как лучше реализовать скошенный угол как на макете http://prntscr.com/7xzkou

    Asked by toha135, July 28, 2015

    • скошенный кгол
    0 votes
    5 answers
13. Перенос значения из span в input

    Есть строка <span class="chislo">2000</span>Нужно чтобы значение "2000" перешло в input <input id="rupay-pay-1" class="rupay-pay-1" type="text" name="recipientAmount" size="3" value="10" title="Введите сумму" readonly="readonly">....<input id="wm-pay-1" class="wm-pay-1" type="text" name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму" readonly="readonly">....<input id="rupay-pay-1" class="rupay-pay-1" type="text" name="recipientAmount" size="3" value="10" title="Введите сумму" readonly="readonly">Есть код var chislo = $("span.chislo").html(); /*получаем содержимое тега span*/alert(chislo);/*проверяем что попадает в переменную? …

    Asked by lev99, July 29, 2015

    • jQuery
    0 votes
    5 answers
14. Сжатие css кода и наоборот

    Сжал код через сервис сжатия кода теперь мне нужно его назад рос жать так как не сохранил оригинал ((( подскажите возможно ли так сделать а то он в одну строку .

    Asked by virtas, August 1, 2015

    • Сжатие css кода
    0 votes
    5 answers
15. Отображение div при активном пункте меню

    Добрый день есть меню: Главая Каталог Контакты И меню: Категория1 Товар1 Товар11 Категория2 Товар2 Товар2 На главной странице в нижнем меню отображаются только Категория1 и Категори2. При нажатии из этих категорий становятся отображаемые в меню товары только для заданной категории. Как можно сделать через CSS чтобы еще при активном пункте Главная, так же отображался товар у Категории1 ? Не могу сообразить как связать два разных div. <li class="item-101 current active"><a href="/" >Главная</a></li><div class="jbcategory-link"> <a href="/Категория1" > Категория1</a> </div><div class="jbcategory-items"> …

    Asked by RK3DNP, August 4, 2015

    0 votes
    5 answers
16. Блок внутри inline-block

    http://jsfiddle.net/Launder/38femeh7/2/ <ul class="menu"> <li><a href="#">Русская кухня</a> <ul> <li><a href="#">Филе рябчика фаршированное в сухарях </a></li> <li><a href="#">Заливной пирог с картофелем и белыми грибами</a></li> <li><a href="#">Щи суточные с расстегайчиками</a></li> </ul> </li> <li><a href="#">Украинская кухня</a> <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a h…

    Asked by Launder, August 6, 2015

    • inline-block
    • display
    0 votes
    5 answers
17. Внедрение микроразметки schema.org в шаблон сайта

    Всем привет! Целый день бьюсь с внедрением schema.org/Product , а именно "обвернуть" саму валюту (priceCurrency). <!--строка цены-->{if $product->variants|count > 0}<form class="variants" action="/cart">{foreach $product->variants as $v}<div id="fu6"> <div class="inl" id="fu9">{if $v->compare_price > 0}<p class="compare_price">{$v->compare_price|convert}</p> {/if}<p itemprop="offers" itemscope itemtype="http://schema.org/Offer" <span class="price" itemprop="price">{$v->price|convert}</span> <b>{$currency->sign|escape}</b></p><div class="in_tx">{if $v->stock>5}Есть…

    Asked by KotoeD, August 8, 2015

    • schema.org
    0 votes
    5 answers
18. figure внутри a

    Доброе время суток. У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой. вопрос такой, как правильней огранизовать это? На ум приходят два варианта: 1) <a href="#"> <figure> <img src="img/img.png" alt="описание"> <figcaption>описание</figcaption> </figure></a>2) <figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>Но правильно ли это, и если правильно, то какой вариант ближе к истине. Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и …

    Asked by anvyd, August 14, 2015

    • html5
    • tags
    • figure
    • link
    • responsive
    0 votes
    5 answers
19. Как сжать изображения на мобильной версии?

    Как эффективно сжать изображения на мобильной версии с уравнением пропорций размера?

    Asked by Hoax, August 20, 2015

    0 votes
    5 answers
20. Проблема с видом контента

    Здраствуйте. Нужна помощь с казалось бы простой темой Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости. HTML: <div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS: .news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relativ…

    Asked by lapochka, August 22, 2015

    • div
    • html
    • css
    • news
    0 votes
    5 answers
21. Помогите доработать

    Не получается такое http://jsfiddle.net/enwmps9o/96/

    Asked by lev99, August 25, 2015

    • css
    0 votes
    5 answers
22. Проблемы с кодировкой

    Я на днях решил прислать другу ссылку на сайт через вк ,и когда пишу ссылку ,то в низу возле картинки в описании появляется что-то в этом роде ( for-droid.ru выбор только лучших смартфонов Рё РёРіСЂ for-droid.ruВыбор только лучших смартфонов Рё РёРіСЂ РЅР° платформе РђРЅРґСЂРѕРёРґ..)и я думаю что проблема скорее всего в кодировке ,и тут становится еще не понятнее по скольку все файлы я сохраняю в utf-8 ,и может это поможет но вот как выглядят мои мета теги :<head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="description" content="Выбор только лучших с…

    Asked by frolmd, August 25, 2015

    0 votes
    5 answers
23. box-sizing

    Добрый день! Я новичок. подскажите почему браузеры могут зачёркнут селектор, всю голову сломал уже! -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; Спаибо

    Asked by Nank, September 9, 2015

    0 votes
    5 answers
24. Странно себя ведет position: fixed

    Проблема с фиксацией картинки background:url(../images/bgshowk2.jpg) center top no-repeat fixed;min-height:50px;background-size: cover;padding:340px 0px 0px; Посмотреть можно на главной странице http://decor-holyday.ru В FireFox все, как надо, а в Chrome (Версия 45.0.2454.85 m) косяки. Просьба к форумчанам помочь, где я туплю... Заранее благодарен за ответы

    Asked by inter1c, September 10, 2015

    • css
    • html
    0 votes
    5 answers
25. Проблема с fancybox

    Все здравствуйте, я столкнулся с такой проблемой при создании галереи с помощью jQuery и fancybox. Не срабатывает функция fancybox, в браузере пишет: "Uncaught TypeError: $(...).fancybox is not a function" Может кто-нибудь сталкивался? Все файлы закачены на сервере и jQuery подключена. Вот страница с галереей: http://checkedin.esy.es/gallery.html

    Asked by Oversec, September 13, 2015

    • jquery
    • вёрстка
    • галерея
    • js
    • javascript
    0 votes
    5 answers